$(document).ready(function () {
    $('.menuToggleBtn').click(toggleMenu);

    $('.nav-tile-info').has('.material-symbols-outlined.infomessage').each(function () {
        if ($(this).hasClass('menu-banner-area')) {
            $(this).find('.icon').addClass('banner-icon');
        }
    });

    $('.large-3.rows.smaller.fourth ul > li:last-child').keydown(function (e) {
        if (e.which == 9 && !e.shiftKey) {
            closeMenu();
        }
    });


});

function toggleMenu() {
    const content = $('.mega-menu');
    const iconElement = $('.material-symbols-outlined.menu-icon');
    const isExpanded = !($('.menuToggleBtn').attr("aria-expanded") === "true");

    toggleAriaExpanded(isExpanded);
    content.css("display", isExpanded ? "flex" : "none");
    $("#mega-overlay").css("display", isExpanded ? "block" : "none");
    iconElement.html(isExpanded ? 'close' : 'menu');
}

function closeMenu() {
    $('.mega-menu').hide();
    $("#mega-overlay").css("display", "none");
    toggleAriaExpanded(false);
    $('.material-symbols-outlined.menu-icon').html('menu');

}

function toggleAriaExpanded(isExpanded) {
    $('.menuToggleBtn').attr("aria-expanded", isExpanded);

}

var x = window.matchMedia("(max-width: 769px)");

function handleSubPagesMobile(x) {
    const sectionPages = $(".sectionpages");
    const expandMobileButton = $('.expand-mobile');

    let isExpanded = true;

    function updateAriaExpanded() {
        expandMobileButton.attr("aria-expanded", isExpanded);
    }

    function toggleSectionPages() {
        sectionPages.slideToggle();
        isExpanded = !isExpanded;
        updateAriaExpanded();

    }

    function rotateIcon() {
        $(expandMobileButton).click(function () {
            $('#expand-icon').toggleClass('rotateOn');
        });
    }


    function updateSectionPagesVisibility() {
        if (x.matches) {
            sectionPages.slideDown();
            rotateIcon();
            expandMobileButton.click(toggleSectionPages);
        } else {
            expandMobileButton.off('click');
            isExpanded = false;
            sectionPages.slideDown();
        }
        updateAriaExpanded();

    }

    updateSectionPagesVisibility();
}

x.addEventListener('change', (e) => {
    handleSubPagesMobile(x);
});