var rootElement = document.documentElement;
function scrollToTop() {
  rootElement.scrollTo({
    top: 450,
    behavior: "smooth"
  })
}

if(jQuery('.gs-mb-menu-filter-bar-wrapper').length > 0 ) {
    jQuery('.gs-mb-menu-filter-bar a').on('click', function(e) {
        e.preventDefault();
        scrollToTop();
        jQuery('.gs-mb-menu-filter-bar a').removeClass('gs-mb-current-menu-filter');
        jQuery(this).addClass('gs-mb-current-menu-filter');

        let slug = jQuery(this).data('slug');
        if(slug === 'all') {
            jQuery('.menu-category').show();
        } else {
            jQuery('.menu-category.menu-slug-' + slug).show();
            jQuery('.menu-category:not(.menu-slug-' + slug + ')').hide();
        }
    });

    document.querySelector('#gs-mb-menu-mobile').addEventListener('change', function(event) {
        event.preventDefault();
        scrollToTop();

        let slug = this.options[this.selectedIndex].getAttribute('data-slug');
        if(slug === 'all') {
            jQuery('.menu-category').show();
        } else {
            jQuery('.menu-category.menu-slug-' + slug).show();
            jQuery('.menu-category:not(.menu-slug-' + slug + ')').hide();
        }
    });
}