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ụ
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)
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:
- 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ể.
- Theo Danh mục: Chọn một hoặc nhiều nhóm (Grooming, Sức khỏe, Trông giữ).
- 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)
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.