(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");
        }
    });
})();