const desktopMenuList = document.querySelector('.desktop-menu-to-clone .oxy-nav-menu-list');
const mobileMenuContainer = document.querySelector('.main-menu-co');
const mobileMenuWrapper = document.querySelector('.main-menu-co .main-menu');
const menuToggle = document.getElementById('menu-toggle');
const menuBackdrop = document.querySelector('.menu-backdrop-colose');

let mobileMenu;

// استخدام القائمة المستنسخة إن وجدت، أو الحالية إن لم توجد
if (desktopMenuList) {
  mobileMenu = desktopMenuList.cloneNode(true);
  mobileMenu.classList.add('menu-list');
  mobileMenuWrapper.innerHTML = '';
  mobileMenuWrapper.appendChild(mobileMenu);
} else {
  mobileMenu = mobileMenuWrapper.querySelector('ul');
}

if (mobileMenu) {
    // تأكد من وجود قائمة لتجنب الأخطاء
  
  // فتح/إغلاق القائمة
  function openMenu() {
    mobileMenuContainer.classList.add('active');
  }
  
  function closeMenu() {
    mobileMenuContainer.classList.remove('active');
    closeAllSubmenus(mobileMenu);
  }
  
  menuToggle?.addEventListener('click', (e) => {
    e.preventDefault();
    openMenu();
  });
  
  menuBackdrop?.addEventListener('click', closeMenu);
  
  // إغلاق القوائم الفرعية
  function closeAllSubmenus(parent) {
    parent.querySelectorAll('li.active').forEach(li => li.classList.remove('active'));
  }
  
  // تفعيل القوائم الفرعية
  mobileMenu.querySelectorAll('li').forEach(item => {
    const submenu = item.querySelector(':scope > .sub-menu');
    const link = item.querySelector(':scope > a');
  
    if (!link) return;
  
    if (submenu) {
      item.classList.add('has-submenu');
  
      link.addEventListener('click', e => {
        e.preventDefault();
  
        const parentUl = item.parentElement;
  
        parentUl.querySelectorAll(':scope > li.active').forEach(sibling => {
          if (sibling !== item) sibling.classList.remove('active');
        });
  
        item.classList.toggle('active');
      });
    } 
    // else {
    //   link.addEventListener('click', () => {
    //     closeMenu();
    //   });
    // }
  });
}





//**************** Scroll menu Effect *********************//
const header = document.querySelector('.mainheader');
const headerCo = header.querySelector('.mainheader-co');
const placeholder = header.querySelector('.header-placeholder');
const headerMode = header.dataset.headerMode;

let lastScroll = window.scrollY;

// تثبيت ارتفاع الـ placeholder مرة واحدة
const headerHeight = headerCo.offsetHeight;
placeholder.style.height = `${headerHeight}px`;

function activateFixed() {
    headerCo.classList.add('fixed');
    placeholder.style.display = 'block';
}

function deactivateFixed() {
    headerCo.classList.remove('fixed', 'hidden');
    placeholder.style.display = 'none';
}

function handleScroll() {
    const currentScroll = window.scrollY;
    
    if (headerMode === 'fixed') {
      activateFixed();
      return;
    }
    
    if (headerMode === 'reveal-on-scroll') {
      if (currentScroll > 200) {
        activateFixed();
      } else {
        deactivateFixed();
      }
    }
    
    if (headerMode === 'show-on-scroll-up') {
      if (currentScroll > lastScroll) {
        // النزول يخفي الهيدر
        headerCo.classList.add('hidden');
      } else {
        // الصعود يظهره
        activateFixed();
        headerCo.classList.remove('hidden');
      }
    
      if (currentScroll <= 0) {
        deactivateFixed();
      }
    }
    
    lastScroll = currentScroll;
}

window.addEventListener('scroll', handleScroll);
window.dispatchEvent(new Event('scroll')); // لتطبيق الحالة مباشرة عند فتح الصفحة
