(function () {
    // mobile nav
    var hamburger = document.querySelector(".hamburger_btn");
    var menuPanel = document.querySelector(".mobile-nav-panel");
    hamburger.addEventListener("click", function (e) {
        hamburger.classList.toggle("active");
        menuPanel.classList.toggle("menu--open");
        e.stopPropagation();
    });

    // mobile page nav
    var mPageNav = document.querySelector(".m_page_nav");
    if (mPageNav) {
        var mPageNavLabel = document.querySelector(
            ".m_page_nav .m_page_nav__lable"
        );
        var mPageNavLabelValue = document.querySelector(
            ".m_page_nav .m_page_nav__lable .value .text"
        );
        var mPageNavLabelPlaceholde = document.querySelector(
            ".m_page_nav .m_page_nav__lable .placeholder"
        );
        var mPageNavOptionItems = document.querySelectorAll(
            ".m_page_nav .m_page_nav__options > li > a"
        );

        mPageNavLabel.addEventListener("click", function () {
            mPageNav.classList.toggle("active");
        });

        for (var i = 0; i < mPageNavOptionItems.length; i++) {
            mPageNavOptionItems[i].addEventListener("click", function (e) {
                for (var i = 0; i < mPageNavOptionItems.length; i++) {
                    mPageNavOptionItems[i].classList.remove("active");
                }
                e.target.classList.add("active");
                var contentHtml = e.target.innerHTML;
                var contetntText = e.target.innerText;
                mPageNavLabelValue.innerHTML = contentHtml;
                mPageNavLabelPlaceholde.innerHTML = contetntText;
                mPageNav.classList.toggle("active");
                e.stopPropagation();
            });
        }
    }

    document.querySelector(".app-layout").addEventListener("click", function (e) {
        if (hamburger.classList.contains("active")) {
            hamburger.classList.remove("active");
            menuPanel.classList.remove("menu--open");
        }
    });
})();