let currentStep = 0;
const steps = document.querySelectorAll('.form-step');
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
const submitBtn = document.getElementById('submitBtn');

function showStep(stepIndex) {
steps.forEach((step, index) => {
step.classList.toggle('active', index === stepIndex);
});
prevBtn.style.display = stepIndex === 0 ? 'none' : 'inline';
nextBtn.style.display = stepIndex === steps.length - 1 ? 'none' : 'inline';
submitBtn.style.display = stepIndex === steps.length - 1 ? 'inline' : 'none';
}

function changeStep(stepDiff) {
currentStep += stepDiff;
if (currentStep < 0) currentStep = 0;
if (currentStep >= steps.length) currentStep = steps.length - 1;
showStep(currentStep);
}

document.getElementById('interactiveForm').addEventListener('submit', function(event) {
event.preventDefault();
alert('Formulaire soumis avec succès !');
});

showStep(currentStep); // Initial display