const scrollBreakpoint = window.innerHeight * 0.2;
let fixmenu = function () {
  try {
      if (window.scrollY > scrollBreakpoint){
          document.querySelector('.HomayonMenu').classList.add('fix');
          document.querySelector('.HomayonMenu').querySelector('.homayon-middle').classList.remove('container');
      }else{
          document.querySelector('.HomayonMenu').classList.remove('fix')
          document.querySelector('.HomayonMenu').querySelector('.homayon-middle').classList.add('container');
      }
  } catch {
  }

}
window.addEventListener('scroll',fixmenu);


fixmenu();
const toggleSideMenu = function (e) {
    e.preventDefault();
    if (document.querySelector('.homayon-resp-menu').style.display == 'none'){
        document.querySelector('.homayon-resp-menu').style.display = 'block';
        setTimeout(function () {
            document.addEventListener('click', handleDocumentClick);
        },100);
    }else{
        document.querySelector('.homayon-resp-menu').style.display = 'none';
    }
};

function handleDocumentClick(e) {
    const respMenu = document.querySelector('.homayon-resp-menu');
    if (!respMenu.contains(e.target)) {
        respMenu.style.display = 'none';
        document.removeEventListener('click', handleDocumentClick);
    }
}
document.addEventListener('DOMContentLoaded',function () {
    document.querySelector('#homa-toggle-menu')?.addEventListener('click',toggleSideMenu);

    document.querySelectorAll('.homayon-resp-menu ul li ul')?.forEach(function (el) {
        const span = document.createElement('span');
        span.classList.add('ri-arrow-down-wide-line');
        span.classList.add('float-end');
        span.classList.add('m-2');
        el.parentNode.prepend(span);

        span.addEventListener('click',function (e) {
            this.parentNode.querySelector(':scope > ul').classList.toggle('active');
            if (this.classList.contains('ri-arrow-down-wide-line')){
                span.classList.remove('ri-arrow-down-wide-line');
                span.classList.add('ri-arrow-up-wide-line');
            }else{
                span.classList.remove('ri-arrow-up-wide-line');
                span.classList.add('ri-arrow-down-wide-line');

            }
        });
    });
});