Multi- Role Booking Interface - Copy this Html, Bootstrap Component to your project

Make UI for these functions of each role 1. For Guests (Visitors): View field list: View fields by hour/day: Choose a field from a suggested list or search results. View detailed field information (price, address, images, available times). Select a specific date/time and make a booking. Register an account with basic information (name, email, phone number, password). 2. For Customers: Account management: Register an account with basic information (name, email, phone number, password). Log in/Log out of the account. Update personal information (change password, update phone number, update profile picture). Delete the account (if needed). Field booking: Book a field by hour/day: Choose a field from a suggested list or search results. View detailed field information (price, address, images, available times). Select a specific date/time and make a booking. Book a recurring field: Register for recurring field rentals (weekly/monthly). Track and manage recurring bookings. Cancel a booking: Cancel bookings before the specified deadline. Receive a refund notification or related terms. View booking history: Display the list of booked fields (completed, pending, or canceled). Details of each transaction: booking time, price, payment status, and review history (if any). Online payment: Support payment methods (bank transfer). Confirm successful payment via email. View payment history for completed transactions. Reviews and comments after usage: Submit reviews on field quality (rating scale 1 5 stars). Add comments about the field experience, sharing feedback for service improvement. Review past comments and feedback. Subscribe to promotional notifications: Subscribe to promotional updates from the platform via email. 3. For Lessors (Field Owners): Register new fields: Provide basic information about the field (name, address, images, field type, size). Attach related documents to verify ownership or management rights. Update field information: Edit registered field information (contact details, prices, images). Manage booking schedule: Track booking schedules in real time. Edit or update booking statuses (available, booked, unavailable). Manage prices by time slot: Create and update price lists for different time slots. Apply special prices for holidays or peak hours. Create promotional programs: Create discount programs or field rental combos. Manage the duration and conditions for applying promotions. View revenue statistics: View revenue reports from promotional programs. Manage field bookings: Approve or reject booking requests. Confirm payments from customers. Generate financial reports: Create detailed reports on revenue, booking schedules, and expenses. Respond to reviews: Respond to customer reviews in real time via SignalR. Send messages or notifications to address negative reviews. Send notifications to customers: Notify about changes related to fields (price changes, available slots, or promotions). Manage complaints: Receive and handle complaints from customers. Track the resolution status and update customers. View feedback statistics: Summarize customer reviews and comments. Analyze satisfaction rates to improve service. 4. For Admins: Approve new field registrations: Verify information for new fields registered by field owners. Approve or reject registration requests. Moderate reviews and comments: Detect and handle inappropriate reviews or comments. Manage promotional programs: Approve or reject promotions created by field owners. Handle violation reports: Receive violation reports from customers or field owners. Process and track the resolution progress. Manage user accounts: Assign user roles (customers, field owners, admins). Lock or unlock accounts with violations. Handle complaints: Receive complaints related to the system or users. Decide on resolutions and notify results. Send system notifications: Create and send general notifications to all platform users. View activity statistics: Track the number of registered accounts, bookings, and revenue. Generate periodic reports: Create detailed reports on platform activities (accounts, transactions, reviews).