import { initWhatsAppWidget, cleanup as whatsappCleanup } from '/js/home/whatsapp-widget.js';

// Variables for event listeners and instances
let phoneHandlers = [];
let carSelector;

// Main initialization function
function init() {
  console.log('FamousCars homepage initialized');
  
  // Initialize WhatsApp widget
  initWhatsAppWidget();
  
  // Setup phone button handlers
  setupPhoneButtons();
  
  // Initialize Car Selector after a short delay to ensure DOM is ready
  setTimeout(() => {
    if (window.CarSelector) {
      carSelector = new window.CarSelector();
      console.log('✅ Car Selector initialized successfully on homepage');
    } else {
      console.error('❌ CarSelector class not found on homepage');
    }
  }, 200);
}

// Setup phone button handlers
function setupPhoneButtons() {
  const phoneLinks = document.querySelectorAll('a[href^="tel:"]');
  
  phoneLinks.forEach(link => {
    const handler = function(e) {
      console.log('Phone call initiated:', link.href);
      
      link.style.transform = 'scale(0.95)';
      setTimeout(() => {
        link.style.transform = '';
      }, 150);
    };
    
    link.addEventListener('click', handler);
    phoneHandlers.push({ element: link, handler: handler });
  });
}

// Cleanup function
function teardown() {
  console.log('FamousCars homepage teardown');
  
  // Remove phone button event listeners
  phoneHandlers.forEach(({ element, handler }) => {
    element.removeEventListener('click', handler);
  });
  phoneHandlers = [];
  
  // Clean up Car Selector
  carSelector = null;
  
  // Clean up WhatsApp widget
  whatsappCleanup();
}

// Export functions
export { init, teardown };