document.addEventListener('DOMContentLoaded', function () {
  fetch('/?type=50').then(function (response) {
    response.text().then(function (html) {
      document.querySelector('#ajax-menu').innerHTML = html;

      [].slice.call(document.querySelectorAll('#ajax-menu .hasSub > a')).map(function (a) {
        a.addEventListener('click', function (e) {
          e.preventDefault();
          e.stopImmediatePropagation();
          a.setAttribute('aria-expanded', true);
        });
      });

      const all_links = [].slice.call(document.querySelectorAll('#ajax-menu a'));
      all_links.map(function (a) {

        a.addEventListener('click', function () {
          all_links.map(function (l) {
            l.classList.remove('active');
          });
          a.classList.add('active');
          if (a.parentNode.classList.contains('hasSub')) {
            return;
          }
          document.body.classList.remove('show-menu');
        });
      });

      // "Back" Button
      [].slice.call(document.querySelectorAll('#ajax-menu .back-btn')).map(function (back_btn) {
        back_btn.addEventListener('click', function () {
          const parent = document.querySelector(back_btn.getAttribute('data-parent') + ' > a');
          parent.setAttribute('aria-expanded', 'false');
        });
      });
    });
  });

  document.querySelector('#mobile-menu-button').addEventListener('click', function () {
    document.body.classList.toggle('show-menu');
  });

  document.querySelector('#header .logo').addEventListener('click', function(e) {
    document.body.classList.remove('show-menu');
    [].slice.call(document.querySelectorAll('#ajax-menu .hasSub > a')).map(function (a) {
      a.setAttribute('aria-expanded', "false");
    });
  });
});