// Minimal client-side booking handler (demo-only)
(function(){
const form = document.getElementById('booking-form');
const result = document.getElementById('booking-result');
const quoteBtn = document.getElementById('instant-quote');
function showMessage(html, success){
result.style.display = 'block';
result.className = success ? 'success' : '';
result.innerHTML = html;
}
form.addEventListener('submit', function(e){
e.preventDefault();
const data = new FormData(form);
const payload = Object.fromEntries(data.entries());
// Basic validation
if(!payload.name || !payload.phone){
showMessage('Please provide your name and phone number.', false);
return;
}
// In a real app, send this via fetch() to your booking API.
showMessage('Booking requested
We have received your request. Our agent will contact you shortly to confirm and process payment. Details:
' + '
Estimated fare: ' + price, true); }); })();
We have received your request. Our agent will contact you shortly to confirm and process payment. Details:
' + '
' + JSON.stringify(payload, null, 2) + '', true); form.reset(); }); quoteBtn.addEventListener('click', function(){ const vehicle = document.getElementById('vehicle').value; let price = 'INR 4,200'; if(vehicle === 'suv') price = 'INR 6,000'; if(vehicle === 'tempo') price = 'INR 14,000'; showMessage('Instant quote
Estimated fare: ' + price, true); }); })();