/* ==========================================================================
   Navigation handler
   - Handles the navigation component which has the proper classes.
 ========================================================================== */

const NavigationHandler = {

    init: function () {
        const navTrigger = document.querySelector('.js-nav-trigger');
        NavigationHandler.initNavigation(navTrigger);
    },

    initNavigation: function (navTrigger) {
        navTrigger.addEventListener('click', NavigationHandler.toggleNavigation, false);
    },

toggleNavigation: function (event) {
        const nav = document.querySelector('.js-nav');

        // Check if nav exists
        if (!nav) return;

        // Prevent default link behavior
        event.preventDefault();

        // If the nav is already active, collapse it and quit
        if (document.body.classList.contains('nav-is-active')) {
            document.body.classList.remove('nav-is-active');
            return;
        }

        // Toggle active nav by setting a class on the body
        document.body.classList.toggle('nav-is-active');
    }
};

NavigationHandler.init();