/**
 * This file is part of Zwii.
 *
 * For full copyright and license information, please see the LICENSE
 * file that was distributed with this source code.
 *
 * @author Rémi Jean <remi.jean@outlook.com>
 * @copyright Copyright (C) 2008-2018, Rémi Jean
 * @author Frédéric Tempez <frederic.tempez@outlook.com>
 * @copyright Copyright (C) 2018-2025, Frédéric Tempez
 * @license CC Attribution-NonCommercial-NoDerivatives 4.0 International
 * @link http://zwiicms.fr/
 */

// Cache jQuery objects for better performance
const $pageEditDelete = $("#pageEditDelete");
const $pageEditModuleId = $("#pageEditModuleId");
const $pageEditModuleIdOld = $("#pageEditModuleIdOld");
const $pageEditModuleIdOldText = $("#pageEditModuleIdOldText");
const $pageEditGroup = $("#pageEditGroup");
const $pageEditGroupProfil = $(".pageEditGroupProfil");
const $pageEditContentContainer = $("#pageEditContentContainer");
const $pageEditExtensionContainer = $("#pageEditExtensionContainer");
const $pageEditPositionContainer = $("#pageEditPositionContainer");
const $pageEditLayoutContainer = $("#pageEditLayoutContainer");
const $pageEditPermissionContainer = $("#pageEditPermissionContainer");
const $pageEditModuleConfig = $("#pageEditModuleConfig");
const $pageModulePositionWrapper = $("#pageModulePositionWrapper");
const $pageEditContentWrapper = $("#pageEditContentWrapper");
const $pageEditHideTitleWrapper = $("#pageEditHideTitleWrapper");
const $pageEditBlockLayout = $("#pageEditBlockLayout");
const $pageEditBlock = $("#pageEditBlock");
const $pageEditBarLeftWrapper = $("#pageEditBarLeftWrapper");
const $pageEditBarRightWrapper = $("#pageEditBarRightWrapper");
const $pageEditMenu = $("#pageEditMenu");
const $pageEditbreadCrumbWrapper = $("#pageEditbreadCrumbWrapper");
const $pageEditModuleIdWrapper = $("#pageEditModuleIdWrapper");
const $pageEditDisplayMenuWrapper = $("#pageEditDisplayMenuWrapper");
const $pageTypeMenuWrapper = $("#pageTypeMenuWrapper");
const $pageEditSeoWrapper = $("#pageEditSeoWrapper");
const $pageEditAdvancedWrapper = $("#pageEditAdvancedWrapper");
const $pageEditHideMenuSideWrapper = $("#pageEditHideMenuSideWrapper");
const $pageEditHideMenuChildrenWrapper = $("#pageEditHideMenuChildrenWrapper");
const $pageEditParentPageId = $("#pageEditParentPageId");
const $pageEditDisable = $("#pageEditDisable");
const $pageEditExtraPosition = $("#pageEditExtraPosition");
const $pageEditPosition = $("#pageEditPosition");
const $pageEditHideTitle = $("#pageEditHideTitle");
const $pageTypeMenu = $("#pageTypeMenu");
const $pageIconUrlWrapper = $("#pageIconUrlWrapper");
const $pageEditTitle = $("#pageEditTitle");
const $pageEditShortTitle = $("#pageEditShortTitle");

// Confirmation de suppression
$pageEditDelete.on("click", function() {
    return core.confirm($("#pageEditDataContainer").data("translate-delete"), () => {
        $(location).attr("href", $(this).attr("href"));
    });
});

// Gestion du changement de module
$pageEditModuleId.on("change", protectModule);

function protectModule() {
    const oldModule = $pageEditModuleIdOld.val();
    const newModule = $pageEditModuleId.val();
    if (oldModule && oldModule !== newModule) {
        core.confirm($("#pageEditDataContainer").data("translate-module-delete") + " " + $pageEditModuleIdOldText.val(), () => {
            $(location).attr("href", $(this).attr("href"));
        }, () => {
            $pageEditModuleId.val(oldModule);
        });
    }
}

// Paramètres par défaut au chargement
$(document).ready(function() {
    // Changement de profil
    $pageEditGroupProfil.hide();
    $(`#pageEditGroupProfil${$pageEditGroup.val()}`).show();
    $pageEditGroup.on("change", function() {
        $pageEditGroupProfil.hide();
        $(`#pageEditGroupProfil${$(this).val()}`).show();
    });

    // Sélection des onglets
    const pageLayout = $("#pageEditDataContainer").data("page-layout") || "content";
    $pageEditContentContainer.hide();
    $pageEditExtensionContainer.hide();
    $pageEditPositionContainer.hide();
    $pageEditLayoutContainer.hide();
    $pageEditPermissionContainer.hide();
    $(`#pageEdit${capitalizeFirstLetter(pageLayout)}Container`).show();
    $(`#pageEdit${capitalizeFirstLetter(pageLayout)}Button`).addClass("activeButton");

    // Enleve le menu fixe en édition de page
    $("nav").removeAttr('id');

    // Gestion des modules
    if ($pageEditModuleId.val() === "") {
        $pageEditModuleConfig.addClass("disabled");
    } else {
        $pageEditModuleConfig.removeClass("disabled");
        $pageEditBlock.find("option[value='bar']").remove();
    }

    // Masquer et afficher les éléments en fonction du module sélectionné
    toggleModuleElements($pageEditModuleId.val());

    // Masquer et afficher les éléments en fonction du bloc sélectionné
    toggleBlockElements($pageEditBlock.val());

    // Masquer ou afficher le chemin de fer
    toggleBreadCrumb($pageEditHideTitle.is(':checked'), $pageEditParentPageId.val());

    // Masquer ou afficher la sélection de l'icône
    toggleIconUrl($pageTypeMenu.val());

    // Masquer ou afficher les options de masquage dans les menus
    toggleMenuOptions($pageEditPosition.val(), $pageEditParentPageId.val(), $pageEditDisable.is(':checked'));

    // Liste des pages pour le menu accessoire
    if ($pageEditExtraPosition.val() == 1) {
        buildPagesList(true);
        $pageEditPosition.val($("#pageEditDataContainer").data("position-initial"));
    }
});

// Gestion des événements
$('#pageEditForm').on('submit', function() {
    $('#containerSelected').val(pageLayout);
});

$("#pageEditContentButton, #pageEditPositionButton, #pageEditExtensionButton, #pageEditLayoutButton, #pageEditPermissionButton").on("click", function() {
    const tab = $(this).attr("id").replace("pageEdit", "").replace("Button", "").toLowerCase();
    $pageEditContentContainer.hide();
    $pageEditExtensionContainer.hide();
    $pageEditPositionContainer.hide();
    $pageEditLayoutContainer.hide();
    $pageEditPermissionContainer.hide();
    $(`#pageEdit${capitalizeFirstLetter(tab)}Container`).show();
    $(this).addClass("activeButton").siblings().removeClass("activeButton");
});

$pageEditDisable.on("change", function() {
    toggleMenuOptions($pageEditPosition.val(), $pageEditParentPageId.val(), $(this).is(':checked'));
});

$pageEditPosition.on("change", function() {
    toggleMenuOptions($(this).val(), $pageEditParentPageId.val(), $pageEditDisable.is(':checked'));
});

$pageEditModuleId.on("change", function() {
    toggleModuleElements($(this).val());
});

$pageEditBlock.on("change", function() {
    toggleBlockElements($(this).val());
});

$pageEditHideTitle.on("change", function() {
    toggleBreadCrumb($(this).is(':checked'), $pageEditParentPageId.val());
});

$pageTypeMenu.on("change", function() {
    toggleIconUrl($(this).val());
});

$pageEditTitle.on("input", function() {
    $pageEditShortTitle.val($(this).val());
});

$pageEditExtraPosition.on("change", function() {
    buildPagesList($(this).val() == 1);
});

$pageEditModuleConfig.on("click", function() {
    $("#pageEditModuleRedirect").val(1);
    $("#pageEditForm").trigger("submit");
});

$pageEditParentPageId.on("change", function() {
    buildPagesList(false);
}).trigger("change");

function buildPagesList(extraPosition) {
    const hierarchy = JSON.parse($("#pageEditDataContainer").data("hierarchy"));
    const pages = JSON.parse($("#pageEditDataContainer").data("pages"));
    const positionInitial = $("#pageEditDataContainer").data("position-initial");
    const currentPage = $("#pageEditDataContainer").data("current-page");
    const positionDOM = $pageEditPosition;
    const messageNone = $("#pageEditDataContainer").data("translate-none");
    const messageBegin = $("#pageEditDataContainer").data("translate-begin");
    const messageAfter = $("#pageEditDataContainer").data("translate-after");

    positionDOM.empty().append(
        $("<option>").val(0).text(messageNone),
        $("<option>").val(1).text(messageBegin)
    );

    const parentSelected = $pageEditParentPageId.val();
    let positionSelected = 0;
    let positionPrevious = 1;

    if (parentSelected === "") {
        for (const key in hierarchy) {
            if (hierarchy.hasOwnProperty(key)) {
                if (key === currentPage) {
                    positionSelected = positionPrevious;
                } else {
                    if (extraPosition == pages[key].extraPosition) {
                        positionPrevious++;
                        positionDOM.append(
                            $("<option>").val(positionPrevious).html(`${messageAfter} "${pages[key].title}"`)
                        );
                    }
                }
            }
        }
        if (positionInitial === 0) {
            positionSelected = 0;
        }
    } else {
        for (let i = 0; i < hierarchy[parentSelected].length; i++) {
            if (hierarchy[parentSelected][i] === currentPage) {
                positionSelected = positionPrevious;
            } else {
                positionPrevious++;
                positionDOM.append(
                    $("<option>").val(positionPrevious).html(`${messageAfter} "${pages[hierarchy[parentSelected][i]].title}"`)
                );
            }
        }
    }
    positionDOM.val(positionSelected);
}

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}

function toggleModuleElements(moduleId) {
    const isRedirection = moduleId === "redirection";
    const isEmpty = moduleId === "";

    $pageModulePositionWrapper.toggleClass("disabled", !isEmpty && !isRedirection).slideToggle(isEmpty || isRedirection);
    $pageEditContentWrapper.toggleClass("disabled", !isRedirection).slideToggle(isRedirection);
    $pageEditHideTitleWrapper.toggleClass("disabled", !isRedirection).slideToggle(isRedirection);
    $pageEditBlockLayout.toggleClass("disabled", !isRedirection).slideToggle(isRedirection);
}

function toggleBlockElements(blockValue) {
    const isBar = blockValue === "bar";
    const isFullWidth = blockValue === "12";
    const isLeftBar = blockValue === "3-9" || blockValue === "4-8";
    const isRightBar = blockValue === "9-3" || blockValue === "8-4";
    const isDoubleBar = blockValue === "3-6-3" || blockValue === "2-7-3" || blockValue === "3-7-2";

    $pageEditBarLeftWrapper.toggleClass("disabled", !isBar && !isFullWidth && !isRightBar).slideToggle(isBar || isFullWidth || isRightBar);
    $pageEditBarRightWrapper.toggleClass("disabled", !isBar && !isFullWidth && !isLeftBar).slideToggle(isBar || isFullWidth || isLeftBar);

    if (isBar) {
        $pageEditMenu.removeClass("disabled").hide();
        $pageEditHideTitleWrapper.removeClass("disabled").slideUp();
        $pageTypeMenuWrapper.removeClass("disabled").slideUp();
        $pageEditSeoWrapper.removeClass("disabled").slideUp();
        $pageEditAdvancedWrapper.removeClass("disabled").slideUp();
        $pageEditbreadCrumbWrapper.removeClass("disabled").slideUp();
        $pageEditModuleIdWrapper.removeClass("disabled").slideUp();
        $pageEditModuleConfig.removeClass("disabled").slideUp();
        $pageEditDisplayMenuWrapper.addClass("disabled").slideDown();
        $(".navSelect").slideUp();
    } else {
        $pageEditMenu.addClass("disabled").show();
        $pageEditHideTitleWrapper.addClass("disabled").slideDown();
        $pageTypeMenuWrapper.addClass("disabled").slideDown();
        $pageEditSeoWrapper.addClass("disabled").slideDown();
        $pageEditAdvancedWrapper.addClass("disabled").slideDown();
        $pageEditModuleIdWrapper.addClass("disabled").slideDown();
        $pageEditModuleConfig.slideDown();
        $pageEditDisplayMenuWrapper.removeClass("disabled").slideUp();
        $(".navSelect").slideDown();
        if ($pageEditParentPageId.val() !== "") {
            $pageEditbreadCrumbWrapper.addClass("disabled").slideDown();
            $pageEditExtraPositionWrapper.slideDown();
        }
        if ($pageEditModuleId.val() === "") {
            $pageEditModuleConfig.addClass("disabled");
        } else {
            $pageEditModuleConfig.removeClass("disabled");
        }
    }
}

function toggleBreadCrumb(isHideTitleChecked, parentPageId) {
    $pageEditbreadCrumbWrapper.toggleClass("disabled", !isHideTitleChecked && parentPageId !== "").slideToggle(isHideTitleChecked || parentPageId === "");
}

function toggleIconUrl(menuType) {
    $pageIconUrlWrapper.toggleClass("disabled", menuType !== "text").slideToggle(menuType !== "text");
}

function toggleMenuOptions(position, parentPageId, isDisableChecked) {
    $pageEditHideMenuSideWrapper.toggleClass("disabled", position !== "0").slideToggle(position === "0");
    $pageEditHideMenuChildrenWrapper.toggleClass("disabled", parentPageId === "" && !isDisableChecked).slideToggle(parentPageId !== "" || isDisableChecked);
}