> ## 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-MER-24: Xem chi tiết sản phẩm

> Là một Merchant, tôi muốn xem thông tin chi tiết đầy đủ của một sản phẩm, bao gồm cả lịch sử tồn kho và các giao dịch liên quan, để tôi có thể theo dõi chi tiết về sản phẩm đó.

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

* Merchant đã đăng nhập vào hệ thống
* Sản phẩm đã tồn tại trong hệ thống.

## Luồng truy cập chi tiết sản phẩm

```mermaid theme={null}
flowchart TB
    A[Mở danh sách sản phẩm] --> B{Click vào xem chi tiết };
    B --> C[Tải thông tin chi tiết sản phẩm];
    C --> D{Hiển thị tab Thông tin cơ bản};
    D --> E[Chuyển đổi giữa các tab];
    E --> F[Tab Tồn kho];
    E --> G[Tab Hình ảnh];
    E --> H[Tab Lịch sử hoạt động];
    E --> I[Tab Đơn hàng liên quan];
```

## Thông tin hiển thị trên màn hình chi tiết sản phẩm

### Tab: Thông tin cơ bản

* Mã sản phẩm (tự động tạo bởi hệ thống)
* Tên sản phẩm
* Danh mục sản phẩm
* Mô tả ngắn
* Mô tả chi tiết
* Trạng thái kinh doanh hiện tại
* Giá bán
* Ngày tạo và người tạo sản phẩm

### Tab: Hình ảnh

* Hiển thị 1 ảnh đại diện với kích thước lớn
* Hiển thị tối đa 9 ảnh phụ dạng gallery thumbnail
* Cho phép click vào ảnh để xem chế độ toàn màn hình

### Tab: Thông tin tồn kho

**Thông tin tổng hợp**:

* Số lượng tồn kho hiện tại (tổng tất cả lô hàng)
* Mức tồn kho tối thiểu cảnh báo
* Trạng thái cảnh báo hiện tại
* Tổng giá trị tồn kho hiện tại (tính bằng tổng `remaining_quantity * cost_price` của từng lô hàng)

**Danh sách chi tiết từng lô hàng hiện còn tồn kho**:

| Mã lô hàng | Ngày nhập | Ngày hết hạn | Giá nhập | Số lượng ban đầu | Số lượng còn lại | Trạng thái |
| - | - | - | - | - | - | - |
| `YYYYMMDD-XXXX` | DD/MM/YYYY | DD/MM/YYYY | VNĐ | int | int | `active`/`warning`/`expired` |

> Quy tắc hiển thị:
>
> * Sắp xếp lô hàng theo hạn sử dụng (sắp hết hạn lên trên đầu)
> * Ẩn các lô hàng đã đóng / đã bán hết
> * Lô hàng sắp hết hạn (\< 30 ngày) được highlight màu vàng
> * Lô hàng đã hết hạn highlight màu đỏ

### Tab: Lịch sử và hoạt động

* Lịch sử thay đổi thông tin sản phẩm (thời gian, nội dung thay đổi)
* Lịch sử nhập/xuất kho của sản phẩm
* Danh sách các đơn hàng đã bán sản phẩm này
* Thống kê số lượng đã bán

## Quy tắc giao diện

* Lịch sử hoạt động hiển thị theo thứ tự mới nhất lên trên
* Có thể lọc lịch sử hoạt động theo loại hành động


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