tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

upload 28/03

Browse Source
This commit is contained in:
Tieptk
2025-03-28 14:38:02 +07:00
parent fe6ba5b1a0
commit a399a7bedd
8 changed files with 832 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
template/product/addon_add.html
View File

@@ -20,5 +20,74 @@
</div>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/product/addon_add"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Nội
dung</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="block text-[20px] mb-[23px]">Thông tin sản phẩm</b>
<div class="mb-[25px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên dịch vụ</label>
<input type="text" name="info[warranty]" id="warranty" value="Test"
placeholder="Thông tin bảo hành"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div class="mb-[25px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Mô tả</label>
<textarea id="product-desc"> </textarea>
</div>
<div class="mb-[25px]">
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Ghi chú (dành cho
quản trị)</label>
<input type="text" name="info[warranty]" id="warranty" value="Test"
placeholder="Thông tin bảo hành"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div class="grid grid-cols-2 gap-[15px]">
<div>
<label for="" class=" block mb-[10px] font-[700] text-[14px] text-[#383C44]">Giá</label>
<input type="text" name="" value="0" placeholder="Giá"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
<div>
<label for="" class=" block mb-[10px] font-[700] text-[14px] text-[#383C44]">Thứ tự hiển
thị</label>
<input type="text" name="" value="1" placeholder="Thứ tự hiển thị"
class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</div>
<div class="flex items-center mt-[15px]">
<b class="mr-[40px]">Hiển thị</b>
<label class="cursor-pointer flex items-center mr-[40px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Cho hiển thị</span>
</label>
<label class="cursor-pointer flex items-center">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label>
</div>
</div>
<div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A] mt-[5px]">
<input type="hidden" name="create" value="yes" />
<input name="commit" type="submit" value="Cập nhật"
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>
</div>
</div>

132
template/product/set.html Normal file
View File

@@ -0,0 +1,132 @@
<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">Danh sách set</h1>
<div class="flex items-center justify-between">
<div class="w-[80%]"><b>Giới thiệu:</b> "Combo Set" là một "set" (danh sách) các sản phẩm được cài giảm giá
sẵn.
Các
mức giá giảm này
sẽ được áp
dụng khi người mua hàng mua cùng 1 sản phẩm chính. Ví dụ đơn giản: Bạn tạo 1 set (danh sách) các phụ
kiện dành cho
iPhone với các mức chiết khấu đáng kể nếu người dùng mua kèm iPhone. Sau khi tạo set xong, bạn chọn 1
vài sản phẩm
iPhone có thể áp dựng set này. Như vậy xem website có thể chọn mua iPhone và mua thêm 1 số sản phẩm
trong set mà bạn đã
thiết lập.</div>
<a href="/admin/product/set_form" id="add-prod"
class="p-[5px_10px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] flex items-center hover:bg-[#0041E8] hover:text-white"><span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[11px] text-center rounded-[50%] mr-1">+</span>
<span class="font-[500]">Thêm
set mới</span></a>
</div>
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC'
class="table mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<td>STT</td>
<td>Thông tin</td>
<td>Cập nhật</td>
<td>Sản phẩm sử dụng set này</td>
<td>Quản lý</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>(ID: 658) <a href="" class="name font-bold">Thẻ Nhớ CAEZ CAIM CAIS</a>
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td>
<td>
<p>Nguyễn Tiến Dinh</p>
<p>01-03-2024, 11:59 am</p>
</td>
<td>
<div class="flex items-center">
<p class="mr-[10px]">137 sp</p>
<a href=""
class="block bg-white border border-blue-600 w-[130px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Xem
danh sách</a>
</div>
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[10px] block bg-white border border-blue-600 w-[80px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Chi
tiết</a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>(ID: 658) <a href="" class="name font-bold">Thẻ Nhớ CAEZ CAIM CAIS</a>
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td>
<td>
<p>Nguyễn Tiến Dinh</p>
<p>01-03-2024, 11:59 am</p>
</td>
<td>
<div class="flex items-center">
<p class="mr-[10px]">137 sp</p>
<a href=""
class="block bg-white border border-blue-600 w-[130px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Xem
danh sách</a>
</div>
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[10px] block bg-white border border-blue-600 w-[80px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Chi
tiết</a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>(ID: 658) <a href="" class="name font-bold">Thẻ Nhớ CAEZ CAIM CAIS</a>
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
</td>
<td>
<p>Nguyễn Tiến Dinh</p>
<p>01-03-2024, 11:59 am</p>
</td>
<td>
<div class="flex items-center">
<p class="mr-[10px]">137 sp</p>
<a href=""
class="block bg-white border border-blue-600 w-[130px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Xem
danh sách</a>
</div>
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[10px] block bg-white border border-blue-600 w-[80px] h-[35px] min-h-[35px] leading-[32px] text-center text-white bg-[#0041E8] rounded-[4px] hover:bg-blue-700 hover:text-white">Chi
tiết</a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

320
template/product/set_form.html Normal file
View File

@@ -0,0 +1,320 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/set">Combo set</a></li>
<li class="text-[#0041E8]">Form thêm/sửa combo set</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
<a href="/admin/product/set-form"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.3px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm set mới</span>
</a>
</div>
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/product/set_form"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
tin</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[10px] rounded-[10px] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<table>
<tr>
<td>Tên set</td>
<td>
<input type="text" size="60" name="info[title]" id="title" value=""
placeholder="Tên set"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>
Mô tả tóm tắt
</td>
<td>
<input type="text" size="60" name="info[description]" id="description" value=""
placeholder="Tên nhóm"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>
Trạng thái
</td>
<td>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Cho hiển thị</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
</label>
</td>
</tr>
<tr>
<td>
Thời trang hiển thị
</td>
<td>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
</td>
</tr>
<tr>
<td>
Nhóm sản phẩm trong Set
</td>
<td>
<table>
<tr>
<td>
<b class="block mb-[10px] whitespace-nowrap">Nhóm sản phẩm</b>
<div class="flex items-center">
<a href="javascript:void(0)"
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'up')">
<i class="fa-solid fa-arrow-up text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="fa-solid fa-arrow-down text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
<td>
<p class="block mb-[5px]">Tên gọi</p>
<input type="text" size="60" name="info[description]" id="description"
value="" placeholder="Tên nhóm"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td valign="top">
<b class="block mb-[7px] whitespace-nowrap">Sản phẩm</b>
<div class="flex items-center">
<a href="javascript:void(0)"
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'up')">
<i class="fa-solid fa-arrow-up text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="fa-solid fa-arrow-down text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
<td>
<div class="flex items-center mb-[7px]">
<p class="mr-[5px]">Tên gọi</p>
<a href="javascript:void(0)" class="text-[#0041E8]"
onclick="ComboSet.openProductListToSelect.call(this, '1')">[Chọn sản
phẩm]</a>
</div>
<input type="text" size="60" name="info[description]" id="description"
value="" placeholder="Tên nhóm"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<p class="my-[10px]">Giá đang bán : 129.000</p>
<div class="flex items-center">
<p class="mr-[10px]">Cài giảm</p>
<input type="text" size="60" name="product[1][1][discount]" value="0"
class="w-[80px] mr-[10px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<select name='product[1][1][discount_type]' id='from_time_minute'
class="select select-bordered w-[100px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Đơn vị</option>
<option value="percent" selected="">%</option>
<option value="number">Số tiền</option>
</select>
</div>
<div class="flex items-center mt-[15px]">
<label class="items-center cursor-pointer mr-[15px]"
style="display: inline-flex;">
<input type="checkbox" name=""
class="checkbox checkbox-success mr-[7px]">
<span class="label-text">Hiển thị đầu tiên</span>
</label>
<label class="items-center cursor-pointer mr-[15px]"
style="display: inline-flex;">
<input type="checkbox" name=""
class="checkbox checkbox-success mr-[7px]">
<span class="label-text">Là miễn phí</span>
</label>
<label class="items-center cursor-pointer "
style="display: inline-flex;">
<input type="checkbox" name=""
class="checkbox checkbox-success mr-[7px]">
<span class="label-text">Khuyên mua</span>
</label>
</div>
</td>
</tr>
</table>
<a href="javascript:void(0)" class="block py-[15px] text-center text-blue-600"
onclick="ComboSet.addProductRow.call(this, '1')">[+] Thêm
nhóm sản phẩm</a>
</td>
</tr>
</table>
<input type="hidden" name="create" value="yes" />
<input name="commit" type="submit" value="Cập nhật"
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>
</div>
</div>

308
template/product/set_product.html Normal file
View File

@@ -0,0 +1,308 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/set">Combo set</a></li>
<li class="text-[#0041E8]">Sản phẩm sử dụng Set</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/product/set_form"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Danh
sách</a>
</div>
</div>
<div class="right w-[860px]">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between">
<h2 class="text-[20px] font-bold">Danh sách sản phẩm sử dụng set</h2>
<a href="javascript:void(0)" onclick="openProductListToSelect()"
class="group flex items-center border-[1px] border-blue-700 rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700 hover:text-white">
<span
class="w-[14.5px] h-[14px] border-[1px] rounded-[50%] border-blue-700 text-center leading-[11px] mr-[5px] text-blue-700 group-hover:text-white">+</span>
<span class="text-blue-700 group-hover:text-white">Thêm set mới</span>
</a>
</div>
<div class="p-[10px] rounded-[10px] shadow-[0_1px_1px_0_#0000001A] border border-[#f6f6f6]">
<form class="w-[100%]" id="">
<div class="content w-[400px] flex items-center ">
<input type="search"
class="block h-[36px] rounded w-full px-[10px] border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]"
id="js-input-search" placeholder="Tìm kiếm">
<input name="commit" type="submit" value="Cập nhật"
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</form>
</div>
<table class="mt-[20px]">
<thead class="bg-[#f6f6f6]">
<tr>
<td class="w-[50px]">STT</td>
<td>Ảnh</td>
<td>Tên</td>
<td>Lựa chọn</td>
</tr>
</thead>
<tbody>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
<tr valign="top">
<td>1</td>
<td>
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
</td>
<td>
<p>(#71342)</p>
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
<p>Mã kho: CAIS013</p>
<p>Kho hàng: 8</p>
<p>Giá bán : <b>749.000 vnd</b></p>
</td>
<td>
<div class="flex items-center">
<a href="" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-view"></i>
</a>
<a href="javascript:void(0)"
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
onclick="deleteThis('9331')">Loại khỏi danh
sách</a>
</div>
</td>
</tr>
</tbody>
</table>
<div class="paging">
<a href="" class="">
<i class="fas fa-chevron-left"></i>
</a>
<a href="" class="current">
1
</a>
<a href="" class="">
1
</a>
<a href="" class="">
1
</a>
<a href="" class="">
1
</a>
<a href="" class="">
<i class="fas fa-chevron-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>