registration.js

function nextStep(stepNumber) {
    // Remove active class from all steps and progress indicators
    document.querySelectorAll('.step').forEach(step => {
        step.classList.remove('active');
    });
    document.querySelectorAll('.progress-step').forEach(indicator => {
        indicator.classList.remove('active');
    });

    // Show next step
    const nextStep = document.querySelector(`.step[data-step="${stepNumber}"]`);
    const nextProgressIndicator = document.querySelector(`.progress-step[data-step="${stepNumber}"]`);
    
    if (nextStep && nextProgressIndicator) {
        nextStep.classList.add('active');
        nextProgressIndicator.classList.add('active');
    }
}

document.querySelector('#ai-needs-form').addEventListener('submit', function(e) {
    e.preventDefault();
    
    // Collect form data
    const formData = {
        name: document.querySelector('input[placeholder="Nom"]').value,
        firstName: document.querySelector('input[placeholder="Prénom"]').value,
        phone: document.querySelector('input[placeholder="Numéro de téléphone WhatsApp"]').value,
        company: document.querySelector('input[placeholder="Nom de l\'entreprise"]').value,
        sector: document.querySelector('input[placeholder="Secteur d\'activité"]').value,
        companySize: document.querySelector('select').value,
        services: Array.from(document.querySelectorAll('input[name="services"]:checked'))
                    .map(checkbox => checkbox.nextElementSibling.textContent.trim()),
        objectives: document.querySelector('textarea').value
    };

    // Create WhatsApp message
    const whatsappMessage = `Nouvelle demande Séli IA Master Agency:

Informations Personnelles:
- Nom: ${formData.name}
- Prénom: ${formData.firstName}
- Téléphone: ${formData.phone}

Détails de l'Entreprise:
- Entreprise: ${formData.company}
- Secteur: ${formData.sector}
- Taille: ${formData.companySize}

Services Sélectionnés:
${formData.services.map(service => `- ${service}`).join('\n')}

Objectifs:
${formData.objectives}`;

    // Encode message for WhatsApp
    const encodedMessage = encodeURIComponent(whatsappMessage);
    
    // WhatsApp number
    const whatsappNumber = '+22656888879';
    
    // Open WhatsApp with pre-filled message
    const whatsappUrl = `https://wa.me/${whatsappNumber}?text=${encodedMessage}`;
    
    // Open WhatsApp
    window.open(whatsappUrl, '_blank');
    
    // Hide the form and show confirmation
    const currentStep = document.querySelector('.step[data-step="3"]');
    currentStep.innerHTML = `
        <div class="confirmation-message">
            <h2>Merci pour votre demande !</h2>
            <p>Votre formulaire a été envoyé avec succès à Séli IA Master Agency via WhatsApp.</p>
            <p>Notre équipe vous contactera très prochainement pour discuter de vos besoins en IA.</p>
            <button onclick="window.location.reload()">Faire une nouvelle demande</button>
        </div>
    `;
});

// Gallery functionality
document.addEventListener('DOMContentLoaded', function() {
    const galleryButton = document.getElementById('open-services-gallery');
    const galleryModal = document.getElementById('services-gallery-modal');
    const closeModalBtn = document.querySelector('.close-modal');

    // Initialize Swiper
    const swiper = new Swiper('.services-gallery', {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

    // Open modal
    galleryButton.addEventListener('click', function() {
        galleryModal.style.display = 'block';
    });

    // Close modal
    closeModalBtn.addEventListener('click', function() {
        galleryModal.style.display = 'none';
    });

    // Close modal when clicking outside of it
    window.addEventListener('click', function(event) {
        if (event.target == galleryModal) {
            galleryModal.style.display = 'none';
        }
    });
});