// js/main.js – Navigation, Contact Form, Interactive Behaviours
document.addEventListener('DOMContentLoaded', function () {
  // ===== 1. MOBILE HAMBURGER TOGGLE =====
  const hamburger = document.querySelector('.hamburger');
  const navMenu = document.querySelector('nav ul');
  
  if (hamburger && navMenu) {
    hamburger.addEventListener('click', function (e) {
      e.stopPropagation();
      navMenu.classList.toggle('open');
    });
    
    // Close menu when clicking outside
    document.addEventListener('click', function (e) {
      if (!navMenu.contains(e.target) && !hamburger.contains(e.target)) {
        navMenu.classList.remove('open');
      }
    });
  }

  // ===== 2. CONTACT FORM HANDLER =====
  const form = document.getElementById('contactForm');
  const feedback = document.getElementById('formFeedback');
  
  if (form && feedback) {
    form.addEventListener('submit', function (e) {
      e.preventDefault();
      
      const name = document.getElementById('name').value.trim();
      const email = document.getElementById('email').value.trim();
      const phone = document.getElementById('phone').value.trim();
      const subject = document.getElementById('subject').value.trim();
      const message = document.getElementById('message').value.trim();

      // Validation
      if (!name || !email || !message) {
        feedback.textContent = '❗ Veuillez remplir tous les champs obligatoires.';
        feedback.style.color = '#b33';
        feedback.style.background = '#ffe6e6';
        feedback.style.padding = '10px 15px';
        feedback.style.borderRadius = '10px';
        return;
      }
      
      if (!email.includes('@') || !email.includes('.')) {
        feedback.textContent = '❗ Veuillez entrer une adresse email valide.';
        feedback.style.color = '#b33';
        feedback.style.background = '#ffe6e6';
        feedback.style.padding = '10px 15px';
        feedback.style.borderRadius = '10px';
        return;
      }

      // Success simulation
      feedback.textContent = '✅ Merci ! Nous vous répondrons dans les plus brefs délais.';
      feedback.style.color = '#1f7a4a';
      feedback.style.background = '#e6ffe6';
      feedback.style.padding = '10px 15px';
      feedback.style.borderRadius = '10px';
      
      // Reset form
      form.reset();
      
      // Clear feedback after 5 seconds
      setTimeout(function() {
        feedback.textContent = '';
        feedback.style.background = 'transparent';
        feedback.style.padding = '0';
      }, 5000);
    });
  }

  // ===== 3. SMOOTH SCROLL FOR ANCHOR LINKS =====
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
      const target = document.querySelector(this.getAttribute('href'));
      if (target) {
        e.preventDefault();
        target.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
        });
      }
    });
  });

  // ===== 4. ACTIVE NAV LINK HIGHLIGHT =====
  const currentPath = window.location.pathname;
  const navLinks = document.querySelectorAll('nav ul li a');
  
  navLinks.forEach(link => {
    const linkPath = link.getAttribute('href');
    if (currentPath === linkPath || 
        (currentPath === '/' && linkPath === '/') ||
        (currentPath.includes(linkPath) && linkPath !== '/' && linkPath !== '/')) {
      link.classList.add('active');
    }
  });

  console.log('✅ Shop Ton Herbe website loaded successfully!');
});