# Quick Prompts - Tạo Table Listing

## Prompt đầy đủ

```
Tạo trang danh sách [TÊN MODULE]

**Yêu cầu:**
- Route: [đường dẫn]
- Route name: [tên route]
- Breadcrumb: [Trang chủ > ... > Danh sách]

**Search & Filter:**
- Keyword: [mô tả tìm kiếm]
- Date range: [trường ngày tháng]
- Filter 1: [tên filter]
- Filter 2: [tên filter]

**Hiển thị trong table:**
- Cột 1: [tên cột]
- Cột 2: [tên cột]
- Cột 3: [tên cột]
- ...

**Actions:**
- [x] Xem chi tiết
- [x] Chỉnh sửa
- [x] Xóa
- [x] Export Excel

**API Service:**
- Service: [tên service]
- Search method: search
- Delete method: delete
- Export method: exportExcel
```

## Prompt nhanh

```
Tạo trang danh sách [TÊN MODULE]
- Route: [path]
- Search: [keyword fields], date range ([date field])
- Filter: [filter 1], [filter 2]
- Columns: [list columns]
- Actions: view, edit, delete, export
- Service: [service name]
```

## Ví dụ

### Ví dụ 1: Danh sách đơn hàng
```
Tạo trang danh sách Đơn hàng
- Route: /don-hang
- Search: mã đơn, tên khách hàng, date range (ngày tạo)
- Filter: trạng thái, loại vận chuyển
- Columns: STT, Mã đơn, Khách hàng, Tổng tiền, Trạng thái, Ngày tạo, Hành động
- Actions: view, edit, delete, export
- Service: orderService
```

### Ví dụ 2: Danh sách nhân viên
```
Tạo trang danh sách Nhân viên
- Route: /nhan-vien
- Search: tên, email, số điện thoại, date range (ngày vào làm)
- Filter: phòng ban, chức vụ, trạng thái
- Columns: STT, Thông tin (tên, email, SĐT), Phòng ban, Chức vụ, Ngày vào làm, Hành động
- Actions: view, edit, delete, export
- Service: employeeService
```

### Ví dụ 3: Danh sách sản phẩm
```
Tạo trang danh sách Sản phẩm
- Route: /san-pham
- Search: tên, mã SKU, date range (ngày tạo)
- Filter: danh mục, trạng thái kho
- Columns: STT, Thông tin (tên, SKU, ảnh), Danh mục, Giá bán, Tồn kho, Trạng thái, Hành động
- Actions: view, edit, delete, export
- Service: productService
```

## Checklist

Sau khi tạo, kiểm tra:
- [ ] Breadcrumb hiển thị đúng
- [ ] Search form có đầy đủ filters
- [ ] Date range picker hoạt động
- [ ] Table hiển thị đúng columns
- [ ] Pagination hoạt động
- [ ] Actions (view/edit/delete) hoạt động
- [ ] Export Excel hoạt động
- [ ] Loading states
- [ ] Empty states
- [ ] Error handling
- [ ] Responsive design
