\n \n ← Back to Results\n \n

Complete Your Booking

\n\n

Passenger Information

\n \n {error && (\n

⚠️

{error}

\n )}\n\n

\n {passengerData.map((passenger, index) => (\n

\n Passenger {index + 1}\n

\n \n

\n \n First Name *\n \n updatePassenger(index, 'firstName', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n required\n />\n

\n \n

\n \n Last Name *\n \n updatePassenger(index, 'lastName', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n required\n />\n

\n \n

\n \n Email Address *\n \n updatePassenger(index, 'email', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n required\n />\n

\n \n

\n \n Phone Number\n \n updatePassenger(index, 'phone', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"(555) 123-4567\"\n />\n

\n ))}\n\n

\n \n {loading ? (\n <>\n \n Processing...\n \n ) : (\n `Book Flight - $${totalPrice.toFixed(2)}`\n )}\n \n

\n\n

Flight Summary

\n \n

{flight.airline}

{flight.flightNumber}

\n \n

\n From:\n {flight.origin}\n

\n To:\n {flight.destination}\n

\n Date:\n {formatDate(flight.departureTime)}\n

\n Departure:\n {formatTime(flight.departureTime)}\n

\n Arrival:\n {formatTime(flight.arrivalTime)}\n

\n Duration:\n {flight.duration}\n

\n \n

\n Price per person:\n ${flight.price.toFixed(2)}\n

\n Passengers:\n {passengers}\n

\n Total:\n ${totalPrice.toFixed(2)}\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/omoba6417/omo/code/frontend/components/BookingForm.tsx","extension","actionData","errors"]