Bootstrap Flight Booking Form

## What's implemented - Flight search and passenger details form - Input controls: radio buttons, select dropdowns, date pickers, number input, checkboxes, text input - Validation via EditForm, DataAnnotationsValidator, and ValidationMessage components - Dynamic booking summary with price estimation and alerts - Reset and submit button actions ## Key components - EditForm, InputSelect, InputRadioGroup, InputRadio, InputDate, InputNumber, InputCheckbox, InputText - DataAnnotationsValidator, ValidationSummary, ValidationMessage ## How it works - Model binding with @bind-Value to FlightSearchModel properties - Validation driven by data annotations and EditForm's OnValidSubmit - Cross-field validation implemented in code behind for trip type and dates - Price estimate calculation based on selections and simple business rules - Booking confirmation message updates dynamically after submission ## Styling - Bootstrap classes for grid layout (container, row, col-*), forms (form-label, form-control, form-select, form-check), buttons - Responsive design with col-12 and col-lg-* breakpoints - Font Awesome icons for visual enhancement ## Reuse steps 1. Add Bootstrap CSS and Font Awesome icons to the project 2. Import necessary namespaces (e.g., System.ComponentModel.DataAnnotations) 3. Add FlightSearchModel class with validation attributes 4. Integrate FlightBooking.razor as a page or component 5. Wire any necessary backend services for data and booking persistence 6. Adjust airport list or pricing logic as needed ## Limitations & next steps - The price estimation and booking are demo logic without real backend - No authentication or external data integration - Extend by connecting to flight APIs, implementing real booking flow, and enhanced validation

Flight Booking Page