> ## 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-23: Xem danh sách sản phẩm

> Là một Merchant, tôi muốn xem toàn bộ danh sách sản phẩm của cửa hàng, để tôi có thể tìm kiếm, lọc và quản lý sản phẩm hiệu quả.

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

* Merchant đã đăng nhập vào hệ thống

## Luồng truy cập danh sách sản phẩm

```mermaid theme={null}
flowchart TB
 B[Chọn menu Quản lý sản phẩm];
    B --> C[Tải danh sách sản phẩm];
    C --> D{Hiển thị bảng dữ liệu};
    D --> E[Thực hiện tìm kiếm / lọc nếu cần];
    E --> F[Sắp xếp / chuyển trang];
    F --> G[Thực hiện hành động với sản phẩm];
```

## Màn hình danh sách sản phẩm

* Hệ thống hiển thị danh sách sản phẩm dưới dạng bảng với các cột thông tin:
  * Hình ảnh đại diện (thumbnail)
  * Tên sản phẩm
  * Danh mục sản phẩm
  * Số lượng tồn kho hiện tại
  * Giá bán
  * Trạng thái ( Đang kinh doanh / Ngừng kinh doanh)
  * Trạng thái cảnh báo tồn kho
  * Cột Hành động (Xem chi tiết)

## Chức năng tìm kiếm và lọc

* Tìm kiếm theo tên sản phẩm
* Bộ lọc sản phẩm theo:
  * Danh mục sản phẩm (dropdown chọn nhiều giá trị)
  * **Trạng thái sản phẩm**: `Active`, `Inactive`, `Deleted`
  * Mức tồn kho (Còn hàng, Hết hàng, Sắp hết hàng)
* Hỗ trợ phân trang
* Cho phép sắp xếp danh sách theo tên sản phẩm, số lượng tồn kho, giá bán
* Hiển thị tổng số sản phẩm và số sản phẩm đang được lọc

## Ràng buộc và quy tắc giao diện

* Sản phẩm **ngừng kinh doanh** sẽ được tô màu xám nhạt trên danh sách
* Sản phẩm đang có cảnh báo tồn kho sẽ có icon cảnh báo màu vàng
* Hình ảnh thumbnail hiển thị kích thước 40x40px, hiển thị placeholder khi chưa có ảnh
* Khi di chuột vào tên sản phẩm hiển thị tooltip mô tả ngắn


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