Your application has been submitted successfully. Our team will contact you shortly to discuss vehicle options that match your requirements.
${formData.get('postal')}
`;
}
// AJAX Submission
var form = document.getElementById("my-form");
const successScreen = document.getElementById("success-screen");
form.addEventListener("submit", async function(event) {
event.preventDefault();
var status = document.getElementById("my-form-status");
var data = new FormData(form);
document.getElementById('adf_xml').value = generateADF(data);
fetch(form.action, {
method: form.method,
body: data,
headers: { 'Accept': 'application/json' }
}).then(response => {
if (response.ok) {
// Show success screen instead of resetting to first page
document.querySelectorAll('.form-step').forEach(step => {
step.classList.remove('active');
});
successScreen.classList.add('active');
// Update progress bar to show 100% completion
progressFill.style.width = '100%';
// Update all step indicators to completed state
indicators.forEach(indicator => {
indicator.classList.remove('active');
indicator.classList.add('completed');
});
// Form will reset only when going back to beginning
status.innerHTML = "";
} else {
response.json().then(data => {
if (data.errors) {
status.innerHTML = data.errors.map(e => e.message).join(", ");
} else {
status.innerHTML = "Oops! There was a problem submitting your form.";
}
});
}
}).catch(error => {
status.innerHTML = "Oops! There was a problem submitting your form.";
});
});
// Restart button functionality
document.getElementById('restart-btn').addEventListener('click', function() {
// Reset form
form.reset();
// Reset slider to default value
budgetSlider.value = 350;
budgetValue.innerHTML = '$350';
// Hide success screen
successScreen.classList.remove('active');
// Show first step
currentStep = 0;
showStep(currentStep);
// Reset progress
updateProgress(currentStep);
});