document.getElementById("confirmBooking2").addEventListener("click", function () { // Get the form inputs const pickup2 = document.getElementById("searchTextField2").value; const drop2 = document.getElementById("searchTextField3").value; const selectedCar2 = document.querySelector('input[name="test2"]:checked'); let phone2 = document.getElementById('mobile-num2').value; let date2 = document.getElementById('datepicker2').value; let time2 = document.getElementById('timeDisplay2').value; let distance2 = document.getElementById('distance22').value; let returndate = document.getElementById('datepicker3').value; let name2 = document.getElementById('name2').value; // Check if all fields are filled and if a car is selected if (!pickup2) { let pickup2Er = 'Enter pickup addresses'; document.getElementById('pickup2Err').innerHTML = pickup2Er; return; }else{ let pickup2Er = ''; document.getElementById('pickup2Err').innerHTML = pickup2Er; } if (!drop2) { let drop2Er = 'Enter drop addresses'; document.getElementById('drop2Err').innerHTML = drop2Er; return; }else{ let drop2Er = ''; document.getElementById('drop2Err').innerHTML = drop2Er; } if (!date2) { let datepicker2Er = 'Enter pickup date'; document.getElementById('datepicker2Err').innerHTML = datepicker2Er; return; }else{ let datepicker2Er = ''; document.getElementById('datepicker2Err').innerHTML = datepicker2Er; } if (!time2) { let timeDisplay2Er = 'Enter pickup time'; document.getElementById('timeDisplay2Err').innerHTML = timeDisplay2Er; return; }else{ let timeDisplay2Er = ''; document.getElementById('timeDisplay2Err').innerHTML = timeDisplay2Er; } if (!returndate) { let datepicker3Er = 'Enter pickup date'; document.getElementById('datepicker3Err').innerHTML = datepicker3Er; return; }else{ let datepicker3Er = ''; document.getElementById('datepicker3Err').innerHTML = datepicker3Er; } if (!selectedCar2) { alert("Please select a car type before booking."); return; } if (!name2) { let name2Er = 'Enter name'; document.getElementById('name2Err').innerHTML = name2Er; return; }else{ let name2Er = ''; document.getElementById('name2Err').innerHTML = name2Er; } if (!/^\d{10}$/.test(phone2)) { let mobilenum2Er = 'Phone number must be exactly 10 digits'; document.getElementById('mobilenum2Err').innerHTML = mobilenum2Er; return; } else{ let mobilenum2Er = ''; document.getElementById('mobilenum2Err').innerHTML = mobilenum2Er; } const carValue2 = selectedCar2.value; let carType2; let carValue1_2; let beta2; // Determine car type and rent based on the selected car type if (carValue2 === '11') { carType2 = 'sedan'; carValue1_2 = 12; beta2 = 300; } else if (carValue2 === '12') { carType2 = 'suv'; carValue1_2 = 17; beta2 = 300; } else if (carValue2 === '13') { carType2 = 'muv'; carValue1_2 = 18; beta2 = 300; } else { carType2 = 'innova-hycross'; carValue1_2 = 20; beta2 = 300; } let distanceNumeric2 = parseFloat(distance2.replace(/[^0-9.]/g, '')); // Date Difference for Round Trip let date1 = new Date(date2); let returnDate = new Date(returndate); let daysBetween = Math.ceil(Math.abs(returnDate - date1) / (1000 * 60 * 60 * 24)); let daysBet = daysBetween + 1; let beta1 = daysBet * beta2; // Base rate and fare calculation based on the distance let baseRate2, fare2, dist2; if (distanceNumeric2*2 <= 250 * daysBet) { baseRate2 = 250 * carValue1_2 * daysBet; fare2 = 0; dist2 = 0; } else { baseRate2 = 250 * carValue1_2 * daysBet; dist2 = distanceNumeric2 * 2 - 250 * daysBet; fare2 = dist2 * carValue1_2; } // Final amount calculation let finalAmount2 = baseRate2 + fare2 + beta1; // Create the result table HTML for one-way trip let resultTableHTML21 = `

Field	Details
Booking Type	Round Trip
Car Type	${carType2}
Pickup	${pickup2}
Drop	${drop2}
Booked At	${date2} ${time2}

`; let resultTableHTML2Details1 = `

Field	Details
Base Fare (250 km x ${daysBet} days)	₹ ${baseRate2}
Add Fare (${dist2}km)	₹ ${fare2}
Beta (Round Trip)	₹ ${beta1}
Final Amount (₹)	₹ ${finalAmount2}

`; // Append the result table to the body or specific elements document.getElementById('resultOneWay2').innerHTML = resultTableHTML21; document.getElementById('resultRoundWayDetails2').innerHTML = resultTableHTML2Details1; document.getElementById("confirmationDetails2").style.display = "block"; document.getElementById("hideElements2").style.display = "none"; });