document.addEventListener('DOMContentLoaded', function() {
  const form = document.querySelector('form');
  
  form.addEventListener('submit', function(e) {
    e.preventDefault();
    
    // Réinitialiser les erreurs
    document.querySelectorAll('.error-message').forEach(el => {
      el.style.display = 'none';
    });
    
    let hasError = false;
    
    // Validation email
    const emailField = document.querySelector('[data-field="name"]');
    if (emailField) {
      const emailValue = emailField.value.trim();
      if (!emailValue || !isValidEmail(emailValue)) {
        showError('email', 'Veuillez entrer une adresse email valide');
        hasError = true;
      }
    }
    
    // Validation téléphone
    const phoneField = document.querySelector('[data-field="phone"]');
    if (phoneField) {
      const phoneValue = phoneField.value.trim();
      if (!phoneValue || phoneValue.length < 10) {
        showError('phone', 'Veuillez entrer un numéro de téléphone valide');
        hasError = true;
      }
    }
    
    // Si pas d'erreur, soumettre le formulaire
    if (!hasError) {
      form.submit();
    }
  });
  
  // Fonction pour afficher les erreurs
  function showError(fieldName, message) {
    const errorEl = document.querySelector(`[data-error="${fieldName}"]`);
    if (errorEl) {
      errorEl.textContent = message;
      errorEl.style.display = 'block';
    }
  }
  
  // Validation email
  function isValidEmail(email) {
    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
  }
});