Electrical

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 } }); });