Bài 18 — Search / Filter / Pagination

🔍 Bài 18: Search / Filter / Pagination

Bảng danh sách sản phẩm với search keyword, filter theo category, sort theo giá, pagination 10 items/trang. Bài tổng hợp về pagination logic + filter combinations.

📌 Test data

Hệ thống có 27 sản phẩm với 4 category: Electronics, Books, Clothing, Food.

📋 Bảng đặc tả

🎯 Quy tắc hoạt động

1. Filter kết hợp: keyword AND category AND sort.
2. Khi đổi filter: phải reset về trang 1.
3. Pagination:
   • Prev disabled ở trang 1.
   • Next disabled ở trang cuối.
   • Hiển thị max 5 trang trong số trang.
4. Empty state: hiển thị "No results found" khi không có kết quả.
5. Counter format: Showing 1-10 of 27 results hoặc Showing 21-27 of 27 results (trang cuối có thể ít hơn 10).

🎯 Yêu cầu

1. Test pagination boundary: trang đầu (Prev disabled), trang cuối (Next disabled), trang giữa.
2. Test counter ở trang cuối: VD 27 results, trang 3 → "Showing 21-27 of 27".
3. Test khi filter cho empty result.
4. Test reset trang khi đổi filter (đang trang 3, đổi keyword → quay về trang 1).
5. Test sort kết hợp với filter: kết quả sort đúng cả khi đã filter.