Harpiya.ready(function ($) {
  document.getElementById('overlay').addEventListener('click', function () {
    var noProductElement = document.getElementById('no-product-available')
    document.getElementById("overlay").classList.remove('shown');
    document.getElementById("search-dropdown").classList.remove('shown');
    document.querySelector('.header-harpiya').classList.remove('above-overlay')
    if (noProductElement) noProductElement.classList.remove('shown');
  }, false);

  document.onkeydown = function(evt) {
    var searchMenuElement = document.getElementsByClassName("navbar-right-search-menu")

    if (searchMenuElement.length === 1) {
      evt = evt || window.event;
      var isEscape = false;
      var isOpenSearchInput = searchMenuElement[0].classList.contains("shown")

      if (isOpenSearchInput)
        return;

      if ("key" in evt) {
        isEscape = (evt.key === "Escape" || evt.key === "Esc");
      } else {
        isEscape = (evt.keyCode === 27);
      }
      if (isEscape) {
        document.querySelector(".navbar-right-dropdown-toggle").blur();
        document.getElementById("overlay").classList.remove('shown');
        document.querySelector('.header-harpiya').classList.remove('above-overlay')
        document.getElementById("search-dropdown").classList.remove('shown');
        $('.hide-on-esc').toggleClass('shown', false)
      }
    }
  };

  var searchDropdown = document.getElementById('search-dropdown')
  var navBarCategoryLinks = document.getElementsByClassName('main-nav-bar-category-links')
  var navBarCategoryButtons = document.getElementsByClassName('main-nav-bar-category-button')
  var navBarCategoryImages = document.getElementsByClassName('category-image')
  var navBarAccountIcon = [document.getElementById('account-button')]
  var navBarCartIcon = [document.getElementById('link-to-cart')]
  var harpiyaLogoImage = document.getElementsByClassName('header-harpiya-fluid-logo')
  var harpiyaMobileNavs = document.getElementsByClassName('mobile-navigation-list-item')
  var navbarLinks = [
    navBarCategoryLinks,
    navBarCategoryButtons,
    navBarCategoryImages,
    navBarAccountIcon,
    navBarCartIcon,
    harpiyaLogoImage,
    harpiyaMobileNavs
  ]

  if (searchDropdown !== null) {
    $.each(navbarLinks, function(index, navbarElements) {
      $.each(navbarElements, function(index, navBarCategoryLink) {
        navBarCategoryLink.addEventListener('click', function () {
          document.getElementById('overlay').classList.remove('shown');
          searchDropdown.classList.remove('shown');
          document.querySelector('.header-harpiya').classList.remove('above-overlay')
        });
      });
    });
  };
});