const menuToggleBtn = $('.menuToggleBtn');
const expandSectionPagesBtn = $('.expand-mobile');
const sectionPages = $(".sectionpages");
var mediaQuery = window.matchMedia("(max-width: 769px)")

$(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) {
            toggleMenu();
        }
    });

    $('#mega-overlay, #language-toggle, #search-toggle').click(function () {

        if (menuToggleBtn.attr("aria-expanded") === "true") {
            toggleMenu();
        }

    });

    $('.mega-menu').click(function (event) {
        event.stopPropagation();
    });


});

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

}

function toggleMenu() {
    const menuToggleBtn = $('.menuToggleBtn');
    const expandSectionPagesBtn = $('.expand-mobile');

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


    var $languageToggle = $('#language-toggle');
    var $searchToggle = $('#search-toggle');

    if (menuIsExpanded) {
        $languageToggle.removeClass('selected');
        $searchToggle.removeClass('selected');
    }

    toggleAriaExpanded(expandSectionPagesBtn, !menuIsExpanded);
    toggleAriaExpanded(menuToggleBtn, menuIsExpanded);

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


function handleSubPagesMobile(mediaQuery) {
    let sectionPagesIsExpanded = (sectionPages.attr("aria-expanded") === "true");

    if (!sectionPagesIsExpanded) {
        sectionPages.hide();
    }

    function toggleSectionPages() {
        sectionPages.slideToggle();
        sectionPagesIsExpanded = !sectionPagesIsExpanded;
        toggleAriaExpanded(expandSectionPagesBtn, sectionPagesIsExpanded);
        $('#expand-icon').toggleClass('rotateOn');

    }

    function updateSectionPagesVisibility() {
        if (mediaQuery.matches) {
            expandSectionPagesBtn.click(toggleSectionPages);
        } else {
            expandSectionPagesBtn.off('click');
            sectionPagesIsExpanded = false;
            sectionPages.slideDown();
        }
        toggleAriaExpanded(expandSectionPagesBtn, sectionPagesIsExpanded);

    }
    updateSectionPagesVisibility();
}
expandSectionPagesBtn.click(handleSubPagesMobile(mediaQuery));


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