Login

Register


Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our privacy policy.

document.addEventListener('DOMContentLoaded', () => { const form = document.getElementById('mechanicServiceForm'); const formMessage = document.getElementById('formMessage'); form.addEventListener('submit', async (event) => { event.preventDefault(); // Prevent default form submission formMessage.style.display = 'none'; // Hide previous messages formMessage.classList.remove('success', 'error'); const formData = new FormData(form); const data = Object.fromEntries(formData.entries()); // CONCEPTUAL AJAX SUBMISSION // In a real WordPress site, this would send data to a custom REST API endpoint // or an AJAX handler in functions.php. try { // Simulate an API call const response = await new Promise(resolve => setTimeout(() => { // Simulate success or failure const success = Math.random() > 0.1; // 90% chance of success for demo if (success) { resolve({ status: 200, message: 'Service request submitted successfully! We will contact you shortly.' }); } else { resolve({ status: 500, message: 'Failed to submit request. Please try again.' }); } }, 1500)); // Simulate network delay if (response.status === 200) { formMessage.textContent = response.message; formMessage.classList.add('success'); form.reset(); // Clear the form on success } else { formMessage.textContent = response.message; formMessage.classList.add('error'); } } catch (error) { formMessage.textContent = 'An unexpected error occurred. Please try again later.'; formMessage.classList.add('error'); console.error('Submission error:', error); } finally { formMessage.style.display = 'block'; // Show message } }); });