Formation barber 360
E-learning

document.addEventListener('DOMContentLoaded', function () { const wrappers = document.querySelectorAll('.mccelig-wrapper'); if (!wrappers.length) return; wrappers.forEach(function (wrapper) { const progressBar = wrapper.querySelector('.mccelig-progress-bar'); const progressPercent = wrapper.querySelector('.mccelig-progress-percent'); const progressStepLabels = wrapper.querySelectorAll('.mccelig-progress-step'); // Nombre d'étapes (change si tu en as plus) const totalStepsAttr = wrapper.getAttribute('data-total-steps'); const totalSteps = totalStepsAttr ? parseInt(totalStepsAttr, 10) : 3; let currentStep = 0; // Renomme les boutons natifs UACF7 à l'intérieur du wrapper function renameButtons() { wrapper.querySelectorAll('.uacf7-next').forEach(function (btn) { btn.textContent = 'Suivant'; }); wrapper.querySelectorAll('.uacf7-prev').forEach(function (btn) { btn.textContent = 'Précédent'; }); } // Met à jour la progress bar + libellés d'étapes function updateProgress() { const percent = currentStep === 0 ? 0 : Math.round((currentStep / totalSteps) * 100); if (progressBar) { progressBar.style.width = percent + '%'; } if (progressPercent) { progressPercent.textContent = percent + '%'; } progressStepLabels.forEach(function (label, index) { label.classList.toggle( 'mccelig-step-active', currentStep > 0 && index === currentStep - 1 ); }); } // Init au chargement renameButtons(); updateProgress(); // Clic sur Suivant / Précédent natifs wrapper.addEventListener('click', function (e) { const nextBtn = e.target.closest('.uacf7-next'); const prevBtn = e.target.closest('.uacf7-prev'); if (nextBtn && wrapper.contains(nextBtn)) { if (currentStep 1) currentStep--; setTimeout(function () { updateProgress(); renameButtons(); }, 150); } }); }); // MESSAGE D'ÉLIGIBILITÉ APRÈS ENVOI (budget ≥ 700 = éligible) document.addEventListener('wpcf7mailsent', function (event) { // On boucle sur chaque wrapper au cas où il y en ait plusieurs document.querySelectorAll('.mccelig-wrapper').forEach(function (wrapper) { const form = wrapper.closest('form'); if (!form || event.target !== form) return; const budgetInput = form.querySelector('#mccelig-budget'); const eligBox = wrapper.querySelector('.mccelig-elig-message'); if (!budgetInput || !eligBox) return; let raw = (budgetInput.value || '0').toString().replace(',', '.'); let budget = parseFloat(raw); if (isNaN(budget)) budget = 0; eligBox.classList.remove('mccelig-elig--ok', 'mccelig-elig--ko'); if (budget >= 700) { eligBox.textContent = "✅ Bonne nouvelle : avec un budget de " + budget + " €, votre demande est considérée comme éligible à un financement. L’équipe MCC Académie vous contacte rapidement pour finaliser votre dossier."; eligBox.classList.add('mccelig-elig--ok'); } else { eligBox.textContent = "⚠️ Avec un budget de " + budget + " €, votre demande n’est pas pleinement éligible au financement habituel. Un membre de l’équipe MCC Académie vous appellera pour étudier les options possibles."; eligBox.classList.add('mccelig-elig--ko'); } }); }); });