(function ($) {

    'use strict';

    let menuToggle = $('#menuToggle');
    let menuHolder = $('#masthead .main-navigation-container');
    let siteHeader = $('#masthead');

    menuToggle.on('click', function (e) {
        e.preventDefault();
        menuToggle.toggleClass('active');
        menuHolder.toggleClass('opened');
        siteHeader.toggleClass('dropdown-opened');
    });

    let menu = $('.widget_nav_menu, .widget_pages, #site-navigation .menu'),
        menuLinksWithChildren = menu.find('.menu-item-has-children > a, .page_item_has_children > a'),
        toggleButton = $('<button/>', {
            'class': 'submenu-toggle',
            'html': '<svg width="8" height="6" viewBox="0 0 8 6" xmlns="http://www.w3.org/2000/svg">\n\n' +
                '<path id="Polygon 4" d="M4 6L0.535899 -3.01142e-07L7.4641 -9.06825e-07L4 6Z"/>\n' +
                '</svg>'
        });

    menuLinksWithChildren.after(toggleButton);

    menu.on('click', '.submenu-toggle', function (e) {
        e.preventDefault();
        e.stopImmediatePropagation();
        $(this).next('.sub-menu, .children').toggleClass('opened');
        $(this).toggleClass('toggled');
    });

    function setupSubMenuPosition() {
        const submenus = $('.main-navigation').find('.sub-menu');

        submenus.each(function (index,submenu) {
            submenu.classList.remove('toleft');
            var parent = submenu.parentNode,
                parentCoords = parent.getBoundingClientRect();

            if ((parentCoords.left + parent.offsetWidth + 280 - window.innerWidth) > 0) {
                submenu.classList.add('toleft');
            }
        });
    }

    setupSubMenuPosition();

    $(window).on('resize', function () {
        setupSubMenuPosition();
    });

})(jQuery);