document.addEventListener("DOMContentLoaded", function () {
    document
        .querySelector(".navbar_hamburger")
        .addEventListener("click", function () {
            this.classList.toggle("open");
            document.querySelector(".navbar_pages").classList.toggle("open");

            document
                .querySelector(".navbar_search_modal")
                .classList.toggle("open");
        });

    document
        .querySelector(".navbar_search_button")
        .addEventListener("click", function () {
            document
                .querySelector(".navbar_search_modal")
                .classList.toggle("open");
            document.querySelector(".navbar_search_modal input").focus();

            document
                .querySelector(".navbar_hamburger")
                .classList.remove("open");
            document.querySelector(".navbar_pages").classList.remove("open");
        });

    // document.addEventListener("click", function (event) {
    //     if (
    //         !event.target.closest(".navbar_search_modal") &&
    //         !event.target.closest(".navbar_search_button")
    //     ) {
    //         document
    //             .querySelector(".navbar_search_modal")
    //             .classList.remove("open");
    //     }
    // });

    document.querySelectorAll(".dropdown_field").forEach((dropdown_field) => {
        dropdown_field.addEventListener("click", function () {
            if (window.innerWidth > 768) return;
            event.preventDefault();
            this.parentElement
                .querySelector(".navbar_dropdown_menu")
                .classList.toggle("open");
        });
    });

    // if (localStorage.getItem("our_sites_toggle") === null || localStorage.getItem("our_sites_toggle") === "true") {
    // 	document.querySelector("#our_sites_toggle").classList.add("active");
    // 	document.querySelector("#inner_sites_navigation").classList.add("active");
    // }

    // // add a click event listener to the id 'our_sites_toggle'
    // document.querySelector("#our_sites_toggle").addEventListener("click", function () {
    // 	const isActive = this.classList.contains("active");

    // 	if (isActive) {
    // 		this.classList.remove("active");
    // 		document.querySelector("#inner_sites_navigation").classList.remove("active");
    // 		localStorage.setItem("our_sites_toggle", "false");
    // 		return;
    // 	}

    // 	this.classList.add("active");
    // 	document.querySelector("#inner_sites_navigation").classList.add("active");
    // 	localStorage.setItem("our_sites_toggle", "true");
    // });

    // if (document.querySelector("#inner_sites_navigation").classList.contains("active")) {
    // 	window.addEventListener("scroll", function () {
    // 		if (localStorage.getItem("our_sites_toggle") !== null) return;
    // 		document.querySelector("#inner_sites_navigation").classList.remove("active");
    // 		document.querySelector("#our_sites_toggle").classList.remove("active");
    // 		localStorage.setItem("our_sites_toggle", "false");
    // 	});
    // }

    window.addEventListener("scroll", function () {
        const navigation = document.querySelector(".navigation");
        if (navigation) {
            if (
                window.scrollY > 80 &&
                !navigation.classList.contains("scroll")
            ) {navigation.classList.add("scroll");} else if (
                window.scrollY < 20 &&
                navigation.classList.contains("scroll")
            ) {navigation.classList.remove("scroll");} else {return;}
        }
    });

    fetch("/json/global_cart")
        .then((response) => response.json())
        .then((data) => {
            console.log("json/global_cart data: ", data);
            if (data.order_qty == 0) {
                document.querySelector(".cart_count").textContent = "0";
            } else if (data.order_qty == 1) {
                document.querySelector(".cart_count").textContent = "1";
                document.querySelector(".cart_total").textContent =
                    data.order_subtotal;
            } else if (data.order_qty >= 2) {
                document.querySelector(".cart_count").textContent =
                    data.order_qty;
                document.querySelector(".cart_total").textContent =
                    data.order_subtotal;
            }
        })
        .catch((error) => {
            console.error("Error:", error);
        });

    $("#products_menu a").on("focus", function () {$("#products_menu").addClass("navbar_focus");});
    $("#products_menu a").on("focusout", function () {$("#products_menu").removeClass("navbar_focus");});
    $("#downloads_menu a").on("focus", function () {$("#downloads_menu").addClass("navbar_focus");});
    $("#downloads_menu a").on("focusout", function () {$("#downloads_menu").removeClass("navbar_focus");});
    $("#support_menu a").on("focus", function () {$("#support_menu").addClass("navbar_focus");});
    $("#support_menu a").on("focusout", function () {$("#support_menu").removeClass("navbar_focus");});
    $("#library_menu a").on("focus", function () {$("#library_menu").addClass("navbar_focus");});
    $("#library_menu a").on("focusout", function () {$("#library_menu").removeClass("navbar_focus");});
    $("#about_menu a").on("focus", function () {$("#about_menu").addClass("navbar_focus");});
    $("#about_menu a").on("focusout", function () {$("#about_menu").removeClass("navbar_focus");});
});