(function() {
  // On page load or when changing themes, best to add inline in `head` to avoid FOUC
  const themeToggle = document.querySelector('.darkmode-toggle input');
  const light = 'light';
  const dark = 'dark';
  let isDark = localStorage.theme === dark || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches);
  if (isDark) {
    document.documentElement.classList.add(dark);
    themeToggle.checked = true;
  } else {
    document.documentElement.classList.remove(dark);
    themeToggle.checked = false;
  }

  themeToggle.addEventListener('change', function () {
    if (this.checked) {
      localStorage.theme = dark;
      document.documentElement.classList.add(dark);
    } else {
      localStorage.theme = light;
      document.documentElement.classList.remove(dark);
    }
  });

  const navbarMenuToggle = document.getElementById('navbar-menu-toggle');
  const navbarMenu = document.getElementById('navbar-menu');
  const navbarLangToggle =
    document.getElementById("navbar-lang-toggle") ||
    document.createElement("div"); // fix #56
  const navbarLang = document.getElementById('navbar-lang');

  document.addEventListener('click', function (event) {
    const target = event.target;
    if (navbarMenuToggle.contains(target)) {
      navbarLang && navbarLang.classList.add('hidden');
      navbarMenu && navbarMenu.classList.toggle('hidden');
    } else if (navbarLangToggle.contains(target)) {
      navbarMenu && navbarMenu.classList.add('hidden');
      navbarLang && navbarLang.classList.toggle('hidden');
    } else {
      navbarMenu && navbarMenu.classList.add('hidden');
      navbarLang && navbarLang.classList.add('hidden');
    }
  });
})();