56 lines
2.8 KiB
HTML
56 lines
2.8 KiB
HTML
<div class="w-[100%]">
|
|
<div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
|
<h1 class="text-[24px] font-[700] mb-3">Nhóm khách hàng</h1>
|
|
|
|
<div class="flex items-center justify-end">
|
|
<a href="/admin/customer/customer-group-add" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px]">
|
|
<i class="fa-solid fa-user-plus text-[#0041E8] mr-[5px]"></i>
|
|
<span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
|
|
</a>
|
|
<a href="/admin/customer" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px] ml-[10px]">
|
|
<i class="fa-regular fa-clipboard text-[#0041E8] mr-[5px]"></i>
|
|
<span class="text-[#0041E8] font-[500]">Danh sách khách hàng</span>
|
|
</a>
|
|
</div>
|
|
|
|
<table class="table mt-[15px]">
|
|
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
|
<tr>
|
|
<th class="w-[50px]">STT</th>
|
|
<th>Mã nhóm</th>
|
|
<th>Tên gọi/miêu tả</th>
|
|
<th class="w-[160px]">Khách hàng</th>
|
|
<th class="w-[125px]">Chỉnh sửa</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>0</td>
|
|
<td>Khách vip</td>
|
|
<td>
|
|
<a href="" class="p-[5px_10px_5px_10px] text-white text-center bg-[#0041E8] rounded-[4px]">Xem
|
|
danh sách</a>
|
|
</td>
|
|
<td>
|
|
<div class='list-btn flex items-center justify-center'>
|
|
<a href=""
|
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
|
class='icons icon-edit'></i></a>
|
|
<a href=""
|
|
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'>
|
|
<span
|
|
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
|
|
</a>
|
|
|
|
<a href=""
|
|
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
|
class='icons icon-remove'></i></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div> |