// Mobile menu functionality
let mobileMenuButton;
let navigationMenu;

function setupMobileMenu() {
  mobileMenuButton = document.getElementById('mobile-menu-button');
  navigationMenu = document.getElementById('navigation-menu');
  
  if (mobileMenuButton && navigationMenu) {
    mobileMenuButton.addEventListener('click', function(e) {
      e.preventDefault();
      
      // Toggle the hidden class
      navigationMenu.classList.toggle('hidden');
      
      // Update aria-expanded attribute
      const isExpanded = !navigationMenu.classList.contains('hidden');
      mobileMenuButton.setAttribute('aria-expanded', isExpanded ? 'true' : 'false');
      
      console.log('Mobile menu toggled:', isExpanded ? 'opened' : 'closed');
    });
    
    console.log('Mobile menu initialized successfully');
  } else {
    console.log('Mobile menu elements not found:', { 
      button: !!mobileMenuButton, 
      menu: !!navigationMenu 
    });
  }
}

// Mobile submenu functionality
function toggleMobileSubmenu(submenuId, triggerElement) {
  const submenu = document.getElementById(submenuId);
  const chevron = triggerElement.querySelector('i.fa-chevron-down, i.fa-chevron-right');
  
  if (submenu) {
    submenu.classList.toggle('hidden');
    
    if (chevron) {
      if (chevron.classList.contains('fa-chevron-down')) {
        chevron.classList.toggle('rotate-180');
      } else if (chevron.classList.contains('fa-chevron-right')) {
        chevron.classList.toggle('rotate-90');
      }
    }
  }
}

// Mobile sub-submenu functionality  
function toggleMobileSubSubmenu(submenuId, triggerElement) {
  const submenu = document.getElementById(submenuId);
  const chevron = triggerElement.querySelector('i.fa-chevron-right');
  
  if (submenu) {
    submenu.classList.toggle('hidden');
    
    if (chevron) {
      chevron.classList.toggle('rotate-90');
    }
  }
}

// Make functions globally available
window.toggleMobileSubmenu = toggleMobileSubmenu;
window.toggleMobileSubSubmenu = toggleMobileSubSubmenu;

// Initialize and teardown functions
function init() {
  setupMobileMenu();
}

function teardown() {
  if (mobileMenuButton) {
    mobileMenuButton.removeEventListener('click', setupMobileMenu);
  }
  
  // Clean up global functions
  delete window.toggleMobileSubmenu;
  delete window.toggleMobileSubSubmenu;
}

// Export for the system
export { init, teardown };