/* ==========================================
   KANZ ALNAHAL
   القائمة العلوية + بنرات صفحات الأقسام
   ========================================== */

(function () {

    /* ==============================
       بيانات الأقسام
       ============================== */

    const kanzCategories = [
        {
            title: "العسل البلدي",
            slug: "العسل-البلدي",
            href: "/العسل-البلدي/c1136362283",
            banner: "https://cdn.files.salla.network/other/1297638950/9119ec4b-bb9a-49d4-8b23-b20c167906a4-original.webp"
        },
        {
            title: "العسل العالمي",
            slug: "العسل-العالمي",
            href: "/العسل-العالمي/c1869463861",
            banner: "https://cdn.files.salla.network/other/1297638950/962bd75f-cc62-4dda-a8bb-a41e95b05408-original.webp"
        },
        {
            title: "خلطات العسل",
            slug: "خلطات-العسل",
            href: "/خلطات-العسل/c306967484",
            banner: "https://cdn.files.salla.network/other/1297638950/2b33d34d-7b14-4a61-a6ad-938c90e0ff65-original.webp"
        },
        {
            title: "مشتقات النحل",
            slug: "مشتقات-النحل",
            href: "/مشتقات-النحل/c961208374",
            banner: "https://cdn.files.salla.network/other/1297638950/8f8a8080-d9dd-41d0-91b8-840cb050bbc3-original.webp"
        },
        {
            title: "كنوز الطبيعة",
            slug: "كنوز-الطبيعة",
            href: "/كنوز-الطبيعة/c188126104",
            banner: "https://cdn.files.salla.network/other/1297638950/b4b5dc2f-b858-4bd4-9239-caa537d4f258-original.webp"
        },
        {
            title: "العروض المميزة",
            slug: "العروض-المميزة",
            href: "/العروض-المميزة/c843981356",
            banner: "https://cdn.files.salla.network/other/1297638950/a08d2071-16a6-4bfb-a3e9-dfa1672b3eba-original.webp"
        }
    ];


    /* ==============================
       إنشاء القائمة العلوية
       ============================== */

    function createKanzMenu() {

        const oldMenu = document.querySelector(".kanz-desktop-menu");

        if (oldMenu) {
            oldMenu.remove();
        }

        const headerRow = document.querySelector(".header__main-row");

        if (!headerRow) {
            setTimeout(createKanzMenu, 400);
            return;
        }

        const menu = document.createElement("nav");
        menu.className = "kanz-desktop-menu";

        let menuHTML = `
            <a href="/">القائمة الرئيسية</a>
        `;

        kanzCategories.forEach(function (category) {

            menuHTML += `
                <a href="${category.href}">
                    ${category.title}
                </a>
            `;

        });

        menu.innerHTML = menuHTML;

        headerRow.appendChild(menu);
    }


    /* ==============================
       تحديد القسم الحالي
       ============================== */

    function getCurrentCategory() {

        const currentPath = decodeURIComponent(
            window.location.pathname
        );

        return kanzCategories.find(function (category) {

            return currentPath.includes(category.slug);

        });

    }


    /* ==============================
       إضافة بنر القسم
       ============================== */

    function createCategoryBanner() {

        const category = getCurrentCategory();

        /* الصفحة ليست صفحة أحد الأقسام */
        if (!category) {
            return;
        }

        /* منع التكرار */
        if (document.querySelector(".kanz-category-banner")) {
            return;
        }

        const banner = document.createElement("div");

        banner.className = "kanz-category-banner";

        banner.innerHTML = `
            <img
                src="${category.banner}"
                alt="${category.title}"
                loading="eager"
            >
        `;


        /*
         * نحاول وضع البنر بعد الهيدر مباشرة
         */

        const header = document.querySelector(".store-header");

        if (header) {

            header.insertAdjacentElement(
                "afterend",
                banner
            );

            return;
        }


        /*
         * احتياط إذا تغير تركيب الثيم
         */

        const main = document.querySelector("main");

        if (main && main.parentNode) {

            main.parentNode.insertBefore(
                banner,
                main
            );

            return;
        }


        /*
         * محاولة أخرى بعد قليل
         */

        setTimeout(
            createCategoryBanner,
            400
        );
    }


    /* ==============================
       إضافة تنسيق البنر
       ============================== */

    function addBannerStyles() {

        if (document.querySelector("#kanz-category-banner-style")) {
            return;
        }

        const style = document.createElement("style");

        style.id = "kanz-category-banner-style";

        style.textContent = `

            .kanz-category-banner {
                width: 100%;
                max-width: 100%;
                margin: 0;
                padding: 0;
                overflow: hidden;
                line-height: 0;
                background: #fff;
            }

            .kanz-category-banner img {
                display: block;
                width: 100%;
                height: auto;
                margin: 0;
                padding: 0;
                object-fit: cover;
            }


            /* الكمبيوتر */
            @media (min-width: 1024px) {

                .kanz-category-banner img {
                    width: 100%;
                    max-height: 650px;
                    object-fit: cover;
                    object-position: center;
                }

            }


            /* الجوال */
            @media (max-width: 767px) {

                .kanz-category-banner {
                    width: 100%;
                }

                .kanz-category-banner img {
                    width: 100%;
                    height: auto;
                    object-fit: contain;
                }

            }

        `;

        document.head.appendChild(style);
    }


    /* ==============================
       تشغيل
       ============================== */

    function initKanzStore() {

        createKanzMenu();

        addBannerStyles();

        createCategoryBanner();

    }


    if (document.readyState === "loading") {

        document.addEventListener(
            "DOMContentLoaded",
            initKanzStore
        );

    } else {

        initKanzStore();

    }

})();