// Toggle order form visibility
function toggleOrderForm(productId) {
  const form = document.getElementById(productId + '-form');
  if (form) {
    if (form.classList.contains('hidden')) {
      // Hide all other forms first
      const allForms = document.querySelectorAll('[id$="-form"]');
      allForms.forEach(f => f.classList.add('hidden'));
      
      // Show the requested form
      form.classList.remove('hidden');
    } else {
      // Hide the form
      form.classList.add('hidden');
    }
  }
}

// Initialize the page
function init() {
  // Make toggleOrderForm available globally
  window.toggleOrderForm = toggleOrderForm;
  
  // Add click handlers for closing forms when clicking outside
  document.addEventListener('click', function(event) {
    if (!event.target.closest('[id$="-form"]') && !event.target.matches('button[onclick*="toggleOrderForm"]')) {
      const allForms = document.querySelectorAll('[id$="-form"]');
      allForms.forEach(form => form.classList.add('hidden'));
    }
  });
}

// Cleanup function
function teardown() {
  // Remove global function
  if (window.toggleOrderForm) {
    delete window.toggleOrderForm;
  }
}

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