> ## Documentation Index
> Fetch the complete documentation index at: https://tomotek.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# US-OWN-19: Trang chủ Booking (Dịch vụ & Merchant)

> Màn hình chính giúp chủ nuôi tìm kiếm, lọc và khám phá các Dịch vụ và Cửa hàng đang hoạt động trên hệ thống.

## 1. Điều kiện tiên quyết (Pre-conditions)

* Hệ thống chỉ hiển thị các Merchant đã hoàn tất thiết lập Master Data (Giờ mở cửa, Dịch vụ).
* Dịch vụ hiển thị phải thuộc về các Merchant đang ở trạng thái hoạt động (`Active`).

## 2. Tiêu chí chấp nhận (Acceptance Criteria)

> **Header: Thanh Tìm kiếm & Nút tác vụ**
>
> * **Thanh tìm kiếm:** Cho phép nhập từ khóa tìm kiếm theo *Tên Merchant* hoặc *Tên Dịch vụ*. Trả về danh sách Card tương ứng. Nếu không có kết quả, hiển thị: *"Không tìm thấy kết quả phù hợp"*.
> * **Nút Lịch sử (History Icon):** Điều hướng đến màn hình Danh sách Booking của User (`US-OWN-12`).

> **Nút Bộ lọc (Filter Modal/BottomSheet)**
>
> Khi nhấn vào Icon Lọc, hiển thị popup cho phép chọn:
>
> 1. **Theo Khung giờ:** Lọc các Merchant/Dịch vụ còn trống lịch trong các khoảng (Sáng, Chiều, Tối) hoặc chọn khung giờ cụ thể.
> 2. **Theo Danh mục:** Chọn một hoặc nhiều nhóm (Grooming, Sức khỏe, Trông giữ).
> 3. **Theo Địa điểm:**
>    * Lọc theo Tỉnh/Thành phố, Quận/Huyện.
>
>    * Hoặc lọc theo bán kính khoảng cách (VD: `<5km`, `<10km`) dựa trên vị trí GPS của người dùng.
>
> * Nút **"Áp dụng"**: Cập nhật danh sách kết quả dựa trên các tiêu chí đã chọn.

> **Nhóm Danh mục Nhanh (Category Quick-links)**
>
> * Hiển thị dãy nút bấm ngang: `Grooming`, `Sức khỏe`, `Trông giữ`.
> * **Hành động:** Khi nhấn vào, điều hướng đến trang danh sách dịch vụ chuyên biệt cho nhóm đó (Đây là phím tắt nhanh, không cần mở Modal bộ lọc).

## 3. Các khối nội dung hiển thị (Content Sections)

**1. Sắp tới & Đã sử dụng (My Bookings Section)**

* **Booking Sắp tới (Upcoming):** Hiển thị 01 Card booking có thời gian gần nhất ở tương lai (Trạng thái: Đã xác nhận). Gồm: Tên Dịch vụ, Tên Merchant, Giờ hẹn.
* **Dịch vụ đã sử dụng (Recently Used):**
  * Chỉ hiển thị nếu đã có lịch sử. Tối đa 3-5 dịch vụ.
  * Mỗi Card gồm: Tên dịch vụ, Thời gian dùng cuối (VD: 4 ngày trước), và Nút **"Đặt lại ngay"**.
  * Nút **"Xem tất cả"**: Dẫn về màn hình Lịch sử Booking.

**2. Ưu đãi (Voucher Section)**

* Hiển thị danh sách Voucher dưới dạng thanh cuộn ngang (Scroll ngang) từ ILU PET và các Merchant.
* Mỗi Card voucher gồm: Tiêu đề, Thời gian hết hạn (Hết sau...), và Nút **"Thu thập"** để lưu vào ví.

**3. Dịch vụ nổi bật (Featured Services Section)**

* Hiển thị danh sách Card Dịch vụ tiềm năng.
* Dữ liệu hiển thị: Tên Dịch vụ, Thời gian ước tính, Giá, Thẻ chủng loại (Chó/Mèo).
* **Logic đề xuất:** Gợi ý dựa trên lượt đặt cao nhất hệ thống hoặc các dịch vụ mà Merchant đang đẩy Sale.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.