This commit is contained in:
2025-12-10 19:20:39 +07:00
parent 1afcb2364e
commit 7df4c3405f
23 changed files with 429 additions and 465 deletions

View File

@@ -3,38 +3,38 @@
<h1 class="text-2xl font-bold mb-3">Danh sách khách hàng</h1>
<div class="list-filter-account flex items-center mt-3 gap-3">
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Tất
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">Tất
cả</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Khách
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">Khách
hàng đăng
</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">Chưa
đăng ký</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">VIP</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline btn-sm">VIP</a>
</div>
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
<input type="text" name="" class="input input-bordered shadow"
<input type="text" name="" class="input input-bordered shadow input-sm"
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
<button type="submit" class="btn btn-active btn-sm">Tìm kiếm</button>
</form>
<div class="list-filter flex flex-wrap items-center justify-between mt-3">
<select name="" id="" class="select rounded-sm shadow mb-3">
<select name="" id="" class="select select-sm rounded-sm shadow mb-3 w-[170px]">
<option value="">Sắp xếp khách hàng</option>
</select>
<div class="flex items-center mb-3 gap-3">
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
<i class="iconify lucide--circle-plus"></i>
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view btn-sm">
<i data-lucide="circle-plus" class="size-3"></i>
<span class="">Thêm KH mới</span>
</a>
<a href="javascript:void(0)" class="btn btn-outline btn-view">
<i class="iconify lucide--users"></i>
<a href="javascript:void(0)" class="btn btn-outline btn-view btn-sm">
<i data-lucide="users" class="size-3"></i>
<span class="">Các nhóm KH</span>
</a>
<a href="javascript:void(0)" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i>
<a href="javascript:void(0)" class="btn btn-outline btn-view btn-sm">
<i data-lucide="file-x" class="size-3"></i>
<span class="">Tải file excel</span>
</a>
</div>
@@ -72,10 +72,10 @@
<div class="badge badge-success badge-sm badge-soft">Hoạt động</div>
</td>
<td>
<span class="text-primary">0<span class=" ml-2">Thành công</span></span>
<span class="text-active">0<span class=" ml-2">Thành công</span></span>
</td>
<td>
<span class="text-primary">0</span><span class="ml-2">Thu</span>
<span class="text-active">0</span><span class="ml-2">Thu</span>
</td>
<td>
<p>
@@ -89,19 +89,19 @@
<div class="flex items-center gap-3">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pencil"></i>
<i data-lucide="pencil" class="size-3"></i>
</a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--clock"></i>
<i data-lucide="clock" class="size-3"></i>
</a>
</div>
<div class="flex items-center gap-3 mt-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--globe"></i>
<i data-lucide="globe" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
<i data-lucide="trash-2" class="size-3"></i>
</a>
</div>
</td>
@@ -110,19 +110,17 @@
</table>
</div>
<div class="join mt-5 justify-center flex items-cente r">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span>
<div class="join mt-5 justify-end flex items-center gap-1">
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<i data-lucide="chevron-left" class="size-4"></i>
</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span>
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
<i data-lucide="chevron-right" class="size-4"></i>
</a>
</div>