> ## 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-30: Trang chủ (Home Dashboard)

> Pet Owner truy cập Trang chủ để xem tổng quan thú cưng, lịch nhắc nhở và sử dụng nhanh các tác vụ chính.

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

* Người dùng đã đăng nhập thành công vào ứng dụng ILU PET.

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

> **1. Thú cưng của bạn (My Pets)**
>
> * **Hiển thị danh sách:** Liệt kê các thú cưng đã được người dùng khai báo trong hồ sơ. Hiển thị dạng danh sách trượt ngang (Horizontal Scroll) nếu có nhiều thú cưng.
> * **UI Card:** Mỗi thẻ thú cưng bao gồm Ảnh đại diện (Avatar tròn/vuông bo góc), Tên thú cưng, Giống loài (Dog/Cat), và Dữ liệu cơ bản (Tuổi/Cân nặng).
> * **Hành động:**
>   * Nhấp vào một thẻ thú cưng sẽ điều hướng đến trang chi tiết Hồ sơ thú cưng tương ứng.
>   * **Nút "Xem tất cả":** Hiển thị ở góc trên bên phải của vùng widget. Nhấp vào sẽ mở ra trang Danh sách toàn bộ thú cưng của người dùng.
> * **Trường hợp Empty State:** Nếu người dùng chưa thêm thú cưng nào, hiển thị một thẻ Placeholder có hình minh hoạ kèm nút CTA nổi bật: **"Thêm thú cưng đầu tiên của bạn"**.

> **2. Tác vụ nhanh (Quick Actions)**
>
> * Cung cấp một Grid (dạng lưới) chứa các biểu tượng icon tác vụ thường dùng nhất để người dùng truy cập nhanh chỉ với 1 chạm:
>   * **Đặt lịch hẹn:** Link tới tính năng Tìm kiếm & Booking (`US-OWN-09`).
>   * **Mua sắm:** Link tới gian hàng sản phẩm (`US-OWN-14`).
>   * **Dịch vụ Lưu trú:** Link tới tính năng tìm kiếm khách sạn thú cưng/Daycare (`US-OWN-10`).
>   * **Sổ sức khoẻ:** Link tới hồ sơ y tế điện tử của thú cưng.

> **3. Lịch nhắc nhở (Upcoming Reminders)**
>
> * **Mục đích:** Hiển thị các sự kiện, lịch trình sắp tới liên quan đến thú cưng để chủ nuôi chủ động sắp xếp thời gian và không bị bỏ lỡ.
> * **Các loại nhắc nhở bao gồm:**
>   * Lịch hẹn sắp tới (Upcoming Booking).
>   * Lịch nhắc tiêm phòng định kỳ / Xổ giun.
> * **Hiển thị:** Dạng danh sách list dọc ngắn gọn, sắp xếp theo thứ tự thời gian gần nhất lên đầu. Mỗi item hiển thị: Tên sự kiện, Thời gian (Ngày/Giờ), và Tên thú cưng áp dụng sự kiện đó.
> * **Trường hợp Empty State:** Hiển thị thông báo thân thiện *"Hiện tại bé cưng chưa có lịch trình nào sắp tới. Bạn có thể đặt lịch ngay!"*


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