// intialization plugins
$(document).ready(function () {

    // //animation icon toggler of navbar
    $(`.navbar-toggler`).click(function() {
        $(`.navbar-toggler`).toggleClass(`active`);
    });

    // //nav_dropdown
    // $(".has_dropdown .main_link ").on("click", function() {
    //     $(this).siblings(".sub_dropdown").slideToggle(100);
    //     $(this).siblings(".sub_dropdown").addClass('active');
    // })
    // $(".main_categ_toggler ").on("click", function() {
    //     $(this).siblings(".main_categ_box").slideToggle(100);
    // })
    

    //Wow intit
    wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 200,
        mobile: true,
        live: false
    });
    wow.init();

    //fancybox
    $("[data-fancybox]").fancybox({
        selector: '[data-fancybox="images"]',
        // loop: true
    });

    //  loader 
    // $(window).on("load", function() {
    //     $("#preloader").addClass("isdone");
    // });

});

//Navbar
document.addEventListener("DOMContentLoaded", function () {
    // فتح القائمة الرئيسية في الموبايل
    const categoryTogglers = document.querySelectorAll(".main_categ_toggler");

    categoryTogglers.forEach(toggler => {
        toggler.addEventListener("click", function (e) {
            const categBox = this.closest(".categs_box");

            // اقفل كل القوائم التانية
            document.querySelectorAll(".categs_box").forEach(box => {
                if (box !== categBox) box.classList.remove("active");
            });

            categBox.classList.toggle("active");
        });
    });

    // فتح السب منيو داخل القائمة
    const mainItems = document.querySelectorAll(".main_categ_box .item.has_dropdown");

    mainItems.forEach(item => {
        const mainLink = item.querySelector(".main_link");

        mainLink.addEventListener("click", function (e) {
            // لو الشاشة صغيرة بس
            if (window.innerWidth <= 991) {
                e.preventDefault(); // منع التنقل
                item.classList.toggle("active");
            }
        });
    });
});

// Swiper
$(document).ready(function () {

    //////////////////// swiper_header  ////////////////////
    var swiper = new Swiper('.header .swiper_header', {
        // loop: true,
        speed: 900,
        slidesPerView: 1,
        spaceBetween: 15,
        effect: 'fade',
        // autoplay: {
        //     delay: 2500,
        // },
        navigation: {
            nextEl: '.header .swiper-button-next',
            prevEl: '.header .swiper-button-prev',
        },
        pagination: {
            el: '.header .swiper-pagination',
            clickable: true,
            type: "fraction",
        },
    });

    //////////////////// categ_swiper  ////////////////////
    var swiper = new Swiper('.categ_sec .categ_swiper', {
        loop: true,
        speed: 900,
        slidesPerView: 1,
        spaceBetween: 15,
        // centeredSlides: true,
        // autoplay: {
        //     delay: 2500,
        // },
        navigation: {
            nextEl: '.categ_sec .swiper-button-next',
            prevEl: '.categ_sec .swiper-button-prev',
        },
        pagination: {
            el: '.categ_sec .swiper-pagination',
            clickable: true
        },
        breakpoints: {
            640: {
                slidesPerView: 2,
                spaceBetween: 20,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: 20,
            },
            1024: {
                slidesPerView: 5,
                spaceBetween: 20,
            },
        }
    });


    //////////////////// prods_swiper  ////////////////////
    var swiper = new Swiper('.prod_sec .prods_swiper', {
        loop: true,
        speed: 900,
        slidesPerView: 1,
        spaceBetween: 15,
        // centeredSlides: true,
        // autoplay: {
        //     delay: 2500,
        // },
        navigation: {
            nextEl: '.prod_sec .swiper-button-next',
            prevEl: '.prod_sec .swiper-button-prev',
        },
        pagination: {
            el: '.prod_sec .swiper-pagination',
            clickable: true
        },
        breakpoints: {
            640: {
                slidesPerView: 2,
                spaceBetween: 20,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: 20,
            },
            1024: {
                slidesPerView: 4,
                spaceBetween: 20,
            },
        }
    });

    //////////////////// partner_swiper  ////////////////////
    var swiper = new Swiper('.partners_sec .partner_swiper', {
        loop: true,
        speed: 3000,
        slidesPerView: 2,
        spaceBetween: 15,
        freeMode: true,
        loopAddBlankSlides:true,
        // cssMode:true,
        grabCursor: true,
        loopAdditionalSlides: 2,
        autoplay: {
            delay: 0,
            disableOnInteraction:false,
        },
        navigation: {
            nextEl: '.partners_sec .swiper-button-next',
            prevEl: '.partners_sec .swiper-button-prev',
        },
        pagination: {
            el: '.partners_sec .swiper-pagination',
            clickable: true
        },
        breakpoints: {
            640: {
                slidesPerView: 2,
                spaceBetween: 20,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: 20,
            },
            1024: {
                slidesPerView: 5,
                spaceBetween: 20,
            },
        }
    });

    //////////////////// feedback_swiper  ////////////////////
    var swiper = new Swiper('.feedback_sec .feedback_swiper', {
        // loop: true,
        speed: 900,
        slidesPerView: 1,
        spaceBetween: 15,
        // autoplay: {
        //     delay: 2500,
        // },
        navigation: {
            nextEl: '.feedback_sec .swiper-button-next',
            prevEl: '.feedback_sec .feedback_sec .swiper-button-prev',
        },
        pagination: {
            el: '.feedback_sec .swiper-pagination',
            clickable: true
        },
        breakpoints: {
            640: {
                slidesPerView: 2,
                spaceBetween: 20,
            },
            1024: {
                slidesPerView: 3,
                spaceBetween: 20,
            },
        }
    });

    //////////////////// Swiper  ////////////////////
    // var swiper = new Swiper(' .swiper-container', {
    //     // loop: true,
    //     speed: 900,
    //     slidesPerView: 1,
    //     spaceBetween: 15,
    //     // autoplay: {
    //     //     delay: 2500,
    //     // },
    //     //In Tabs
    //     // observer: true,
    //     // observeParents: true,
    //     navigation: {
    //         nextEl: '.swiper-button-next',
    //         prevEl: '.swiper-button-prev',
    //     },
    //     pagination: {
    //         el: '.swiper-pagination',
    //         clickable: true
    //     },
    //     breakpoints: {
    //         640: {
    //             slidesPerView: 2,
    //             spaceBetween: 20,
    //         },
    //         768: {
    //             slidesPerView: 3,
    //             spaceBetween: 20,
    //         },
    //         1024: {
    //             slidesPerView: 5,
    //             spaceBetween: 20,
    //             // Prevent swiper in lg screens
    //             // allowTouchMove: false,
    //             // preventClicks: false
    //         },
    //     }
    // });

});

// $( ".main_categ_toggler" ).click(function() {
//   $( '.main_categ_box' ).toggleClass('active');
// });

$(function() {
    $(".branch_num").hide();
    $("#branch_select").change(function() {
        if ($("#branchSelect2").is(":selected")) {
        $("#branch_num2").show();
        $("#branch_num").hide();
        } else if ($("#branchSelect1").is(":selected")){
        $("#branch_num").show();
        $("#branch_num2").hide();
        }
    }).trigger('change');
});


// Dark Mode
const toggleButton = document.getElementById('toggleMode');
const body = document.body;
const stateText = document.querySelector('.state_mode');
const icon = toggleButton.querySelector('.icon_box i');

// تحديد إذا اللغة RTL (غالبًا عربي)
function isArabic() {
  return document.documentElement.dir === 'rtl';
}

// تحديث النص والأيقونة حسب الوضع الحالي واللغة
function updateModeDisplay(isDark) {
  if (isDark) {
    stateText.textContent = isArabic() ? 'الوضع الليلي' : 'Dark Mode';

    // غيّر الأيقونة إلى moon-stars
    icon.classList.remove('fa-sun-bright');
    icon.classList.add('fa-moon-stars');

  } else {
    stateText.textContent = isArabic() ? 'الوضع النهاري' : 'Light Mode';

    // غيّر الأيقونة إلى sun-bright
    icon.classList.remove('fa-moon-stars');
    icon.classList.add('fa-sun-bright');
  }
}

// تطبيق الوضع المحفوظ عند تحميل الصفحة
function applySavedMode() {
  const savedMode = localStorage.getItem('theme');
  const isDark = savedMode === 'dark';

  body.classList.toggle('dark-mode', isDark);
  body.classList.toggle('light-mode', !isDark);
  toggleButton.classList.toggle('active', isDark);

  updateModeDisplay(isDark);
}

// التبديل بين الوضعين عند الضغط على الزر
toggleButton.addEventListener('click', () => {
  body.classList.toggle('dark-mode');
  body.classList.toggle('light-mode');

  const isDarkMode = body.classList.contains('dark-mode');

  // حفظ الوضع الحالي
  localStorage.setItem('theme', isDarkMode ? 'dark' : 'light');

  toggleButton.classList.toggle('active', isDarkMode);

  updateModeDisplay(isDarkMode);
});

// تنفيذ عند تحميل الصفحة
applySavedMode();
