Multi Step form

document.addEventListener("DOMContentLoaded", () => { const radios = document.querySelectorAll(".radio-group input[type='radio']"); const checkboxes = document.querySelectorAll(".radio-group input[type='checkbox']"); const labels = document.querySelectorAll(".radio-group label");// Safe trigger helper to prevent breaking scripts const safeUpdateState = () => { if (typeof updateNextButtonState === "function" && typeof currentStep !== "undefined") { updateNextButtonState(currentStep); } };// Handle radio button selection visually radios.forEach(radio => { radio.addEventListener("change", () => { labels.forEach(label => label.classList.remove("selected")); const selectedLabel = document.querySelector(`label[for="${radio.id}"]`); if (selectedLabel) { selectedLabel.classList.add("selected"); } safeUpdateState(); }); });// Handle checkbox selection visually checkboxes.forEach(checkbox => { checkbox.addEventListener("change", () => { const correspondingLabel = document.querySelector(`label[for="${checkbox.id}"]`); if (correspondingLabel) { if (checkbox.checked) { correspondingLabel.classList.add("selected"); } else { correspondingLabel.classList.remove("selected"); } } safeUpdateState(); }); });// Handle other input items safely const inputs = document.querySelectorAll(".multi-step-form input, .multi-step-form textarea, .multi-step-form select"); inputs.forEach(input => { input.addEventListener("input", safeUpdateState); });// CF7 Submission -> redirect to Thank You page document.addEventListener('wpcf7mailsent', function(event) { window.location.href = 'https://asadali.co/thank-you/'; }, false); });