/**
 * This file is part of Haketilo.
 *
 * Function: Driving Haketilo's settings page.
 *
 * Copyright (C) 2022 Wojtek Kosior
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * As additional permission under GNU GPL version 3 section 7, you
 * may distribute forms of that code without the copy of the GNU
 * GPL normally required by section 4, provided you include this
 * license notice and, in case of non-source distribution, a URL
 * through which recipients can access the Corresponding Source.
 * If you modify file(s) with this exception, you may extend this
 * exception to your version of the file(s), but you are not
 * obligated to do so. If you do not wish to do so, delete this
 * exception statement from your version.
 *
 * As a special exception to the GPL, any HTML file which merely
 * makes function calls to this code, and for that purpose
 * includes it by reference shall be deemed a separate work for
 * copyright law purposes. If you modify this code, you may extend
 * this exception to your version of the code, but you are not
 * obligated to do so. If you do not wish to do so, delete this
 * exception statement from your version.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * I, Wojtek Kosior, thereby promise not to sue for violation of this file's
 * license. Although I request that you do not make use of this code in a
 * proprietary program, I am not going to enforce this in court.
 */

#IMPORT common/indexeddb.js AS haketilodb
#IMPORT html/dialog.js

#IF MOZILLA
#FROM common/browser.js IMPORT browser
#ENDIF

#FROM html/DOM_helpers.js     IMPORT by_id
#FROM html/text_entry_list.js IMPORT blocking_allowing_lists, repo_list
#FROM html/item_list.js       IMPORT mapping_list, resource_list
#FROM html/payload_create.js  IMPORT payload_create_form

let tab_names = ["blocking", "mappings", "resources", "new_payload", "repos"];
let current_tab_name = "new_payload";

const [tabs, heads] = [{}, {}];

for (const tab_name of tab_names) {
    tabs[tab_name] = by_id(`${tab_name}_tab`);
    heads[tab_name] = by_id(`${tab_name}_head`);
}

function switch_to_tab(target_tab_name) {
    if (current_tab_name == target_tab_name)
	return;

    tabs[current_tab_name].classList.remove("active_tab");
    heads[current_tab_name].classList.remove("active_head");

    current_tab_name = target_tab_name;
    tabs[current_tab_name].classList.add("active_tab");
    heads[current_tab_name].classList.add("active_head");
}

for (const [tab_name, head] of Object.entries(heads))
    head.addEventListener("click", () => switch_to_tab(tab_name));

async function set_up_blocking_tab() {
    const containers = ["editable", "dialog"]
	  .map(n => by_id(`blocking_${n}_container`));

    function show_container(idx) {
	containers[idx].classList.remove("hide");
	containers[1 - idx].classList.add("hide");
    }

    const dialog_ctx = dialog.make(...[1, 0].map(n => () => show_container(n)));
    containers[1].append(dialog_ctx.main_div);

    const [blocking_list, allowing_list] =
	  await blocking_allowing_lists(dialog_ctx);

    by_id("blocking_list_container").append(blocking_list.main_div);
    by_id("allowing_list_container").append(allowing_list.main_div);
}

async function set_up_mappings_tab() {
    tabs["mappings"].append((await mapping_list()).main_div);
}

async function set_up_resources_tab() {
    tabs["resources"].append((await resource_list()).main_div);
}

function set_up_new_payload_tab() {
    tabs["new_payload"].append(payload_create_form().main_div);
}

async function set_up_repos_tab() {
    const containers = ["list", "dialog"]
	  .map(n => by_id(`repos_${n}_container`));

    function show_container(idx) {
	containers[idx].classList.remove("hide");
	containers[1 - idx].classList.add("hide");
    }

    const dialog_ctx = dialog.make(...[1, 0].map(n => () => show_container(n)));
    containers[1].append(dialog_ctx.main_div);
    containers[0].append((await repo_list(dialog_ctx)).main_div);
}

function set_up_settings_view() {
    by_id("loader").remove();
    by_id("main_view").classList.remove("hide");

    set_up_blocking_tab();
    set_up_mappings_tab();
    set_up_resources_tab();
    set_up_new_payload_tab();
    set_up_repos_tab();
}

async function init_settings_page() {
#IF MOZILLA
    const this_tab = await browser.tabs.getCurrent();

    if (this_tab.incognito) {
	by_id("private_mode_error").classList.remove("hide");
	by_id("loader").remove();
	return;
    }
#ENDIF

    try {
	await haketilodb.get();
    } catch(e) {
	console.error("Haketilo:", e);
	by_id("indexeddb_error").classList.remove("hide");
	by_id("loader").remove();
	return;
    }

    set_up_settings_view();
}

#IF UNIT_TEST
window.init_settings_page = init_settings_page;
#ELSE
init_settings_page();
#ENDIF