const openMenu = document.getElementById('snap-left');
const body = document.querySelector('body');
const blurHead = document.getElementById('blur-head');

openMenu.addEventListener('click', function(e) {
    openMenu.classList.toggle('active');
    body.classList.toggle('hidden-body');
    blurHead.classList.toggle('blur-css');
});

//stciky

window.addEventListener("scroll", function () {
    if (window.pageYOffset >= 1) {
      document.querySelector(".header-container").classList.add("sticky");
    } else {
      document.querySelector(".header-container").classList.remove("sticky");
    }
});

//using ESC button the dropdown should be closed
document.addEventListener('keydown' , function(event) {
  if(event.key === 'Escape') {
    const dropdowns = document.getElementsByClassName('sub-menu-items');
        for (let dropdown of dropdowns) {
            if (dropdown.classList.contains('active')) {
                dropdown.classList.remove('active');
                const previousButton = dropdown.previousElementSibling;
                if (previousButton && previousButton.tagName === 'BUTTON') {
                    previousButton.setAttribute('aria-expanded', 'false');
                }
            }
        }
  }
});   

//header dropdown
document.addEventListener('click', function(event) {
    const buttons = document.getElementsByClassName('header-btn');
    const dropdowns = document.getElementsByClassName('header-dropdown');

    if (event.target.classList.contains('header-btn')) {
        for (let i = 0; i < buttons.length; i++) {
            const button = buttons[i];
            const dropdown = dropdowns[i];
            if (button === event.target) {
                dropdown.classList.toggle('active');
                button.setAttribute('aria-expanded', dropdown.classList.contains('active') ? 'true' : 'false');
            } else {
                dropdown.classList.remove('active');
                button.setAttribute('aria-expanded', 'false');
            }
        }
    }
});