> ## 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-21: Xem chi tiết Dịch vụ

> Trang chi tiết cung cấp thông tin cụ thể về một dịch vụ của Merchant, bao gồm hình ảnh, giá cả, và mô tả quy trình thực hiện.

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

* Dịch vụ đang ở trạng thái **"Active"** (Đang kinh doanh).
* Merchant sở hữu dịch vụ này đang hoạt động bình thường trên hệ thống.

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

> **Thư viện Ảnh dịch vụ (Image Carousel)**
>
> * Hiển thị tối đa **05 ảnh** của dịch vụ ở phần trên cùng của màn hình.
> * **Hành vi:**
>   * Sử dụng cơ chế Carousel (trượt ngang) để người dùng xem các ảnh.
>   * Có chỉ báo (Indicator) để biết đang ở ảnh thứ mấy.
>   * Nếu dịch vụ có ít hơn 5 ảnh, chỉ hiển thị số lượng thực tế. Nếu không có ảnh, hiển thị ảnh mặc định (Placeholder).

> **Thông tin chi tiết Dịch vụ (Service Info)**
>
> Hiển thị ngay dưới phần hình ảnh, bao gồm:
>
> * **Tên dịch vụ:** Font chữ lớn, đậm.
> * **Giá tiền:** Hiển thị rõ ràng kèm đơn vị tiền tệ (VD: `200.000đ`).
> * **Hệ thống Tags (Nhãn):**
>   * *Thẻ Loài (Species Tag):* Hiển thị dịch vụ dành cho Chó, Mèo hoặc cả hai.
>   * *Thẻ Loại dịch vụ (Category Tag):* VD: Grooming, Spa, Sức khỏe...
> * **Thời gian thực hiện:** Hiển thị thời gian ước tính hoàn thành (VD: 60 phút, 90 phút).
> * **Mô tả dịch vụ:** Đoạn văn bản chi tiết về quy trình, lợi ích hoặc các lưu ý của dịch vụ. Hỗ trợ xuống dòng để dễ đọc.

> **Card thông tin Merchant (Merchant Profile Card)**
>
> Hiển thị một khung nhỏ (Mini card) chứa thông tin đơn vị cung cấp:
>
> * **Tên Merchant:** Hiển thị tên thương hiệu.
> * **Địa chỉ:** Địa chỉ chi tiết của cơ sở.
> * **Hành động:** Khi người dùng nhấn vào Card này, hệ thống điều hướng quay lại màn hình Chi tiết Merchant (`US-OWN-20`).

## 3. Tác vụ và Điều hướng (Call to Action)

**1. Nút Đặt chỗ ngay**

* Luôn hiển thị (có thể thiết kế dạng Sticky ở dưới cùng màn hình) để thuận tiện thao tác.
* **Khi nhấn:** Điều hướng người dùng đến màn hình **Chọn lịch hẹn (Booking Flow)** dành riêng cho dịch vụ này (`US-OWN-09` hoặc `US-OWN-10`).

**2. Nút Quay lại (Back)**

Cho phép người dùng trở về màn hình trước đó (Trang chủ hoặc Trang Merchant).


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