✈️ Phase 4: Booking Management - Flights, Hotels, Tickets & Documents

[kurosh87]

TODO

Booking UI Components:

• /components/booking/booking-list.tsx - List all trip bookings
• /components/booking/booking-card.tsx - Generic booking card
• /components/booking/flight-booking-card.tsx - Flight-specific display
• /components/booking/hotel-booking-card.tsx - Hotel-specific display
• /components/booking/ticket-booking-card.tsx - Attraction ticket display
• /components/booking/add-booking-dialog.tsx - Multi-step booking form
• /components/booking/booking-documents.tsx - Document upload/display

Booking Types to Support:

1. Flights - Segments, PNR, passengers, seat assignments
2. Hotels - Check-in/out, room details, amenities
3. Tickets - Attractions, time slots, QR codes
4. Tours - Guided tours, operator info
5. Transport - Trains, buses, car rentals
6. Restaurants - Reservations

Features:

• Add booking manually with type-specific forms
• Upload confirmation documents (PDF, images)
• Link bookings to trip items
• Update booking status (pending → confirmed → completed)
• Payment tracking (unpaid, deposit, paid, refunded)
• Calendar integration (export to .ics)

Advanced (Future):

• Email parsing for auto-import
• Screen capture booking import
• Integration with booking providers (Google Flights, TripIt)
• Price alerts and tracking

API Integration:

• Uses existing /api/trips/[id]/bookings endpoints
• Document upload to Vercel Blob or S3

References:

• FUNCTIONALITY_SPEC.md section 2 for booking model
• All booking type schemas in types/trip.ts