# View Bookings

## Design

### **Step 1: Access Bookings List**

- **User Action:** User clicks on the "View Bookings" button on the main dashboard.
- **System Response:** This action directs the user to a new screen displaying a list of all bookings, with the nearest future bookings appearing at the top.

### **Step 2: Search and Filter Bookings**

- **User Action:** User utilizes the search bar and filter options to locate specific bookings based on customer name, vehicle details, booking date range, or status.
- **System Response:** The booking list updates in real-time to display matching results.

### **Step 3: Update Booking Status**

- **User Action:** User (if given appropriate permissions, such as a technician) clicks on the dropdown menu showing the current status of a booking and selects a new status.
- **System Response:** The system immediately updates the booking status in the list and booking details.

### **Step 4: View and Add Booking Notes**

- **User Action:** User clicks on the "Notes" button within a booking card or row.
- **System Response:** The system opens a modal or side panel displaying existing notes for the booking and an option to add new notes.

### **Step 5: View Booking Details**

- **User Action:** User clicks on the "Details" button within a booking card or row.
- **System Response:** The system opens a modal or side panel displaying all details for the booking, including a "Status History" link to view all status changes for the booking.

## Flow Justification:

The "View Bookings" feature provides a comprehensive, organized, and interactive overview of all bookings to streamline workshop operations.

1. **Easy Access:** All bookings are easily accessible from the main dashboard, allowing for quick reference and status updates.
2. **Search and Filter:** Real-time search and filter capabilities enhance the ease of finding specific bookings, improving efficiency.
3. **Status Updates:** Immediate status updates from within the booking list minimize navigation and data entry, enhancing usability and data accuracy.
4. **Note-Taking:** Providing a space for technicians to add notes fosters effective communication and record-keeping.
5. **Booking Details:** Offering an option to view detailed booking information, including status history, ensures transparency and aids in error correction.

This design prioritizes user-friendly interaction, enabling both workshop owners and technicians to manage bookings efficiently.

## Wireframe example