This commit is contained in:
2025-11-30 19:57:12 +07:00
parent 91941d7c14
commit 587cdd5420
5 changed files with 237 additions and 258 deletions

View File

@@ -47,6 +47,9 @@
.lucide--crown {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-crown-icon lucide-crown'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
}
.lucide--circle-plus {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E");
}
.text-orange {
color: #ffc700;

View File

@@ -1,67 +1,65 @@
<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 sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<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 sản phẩm/dịch vụ bán kèm sản phẩm</h1>
<div class="flex items-center justify-end">
<a href="/admin/product/addon_add"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
<span class="text-[#0041E8] font-[500]">Thêm danh sách mới</span>
</a>
<a href="/admin/product/attribute_update"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
</a>
</div>
<div class="flex items-center justify-end">
<a href="/admin/product/addon_add"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
<span class="text-[#0041E8] font-[500]">Thêm danh sách mới</span>
</a>
<a href="/admin/product/attribute_update"
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
<i class="fa-regular fa-file-excel text-[#0041E8]"></i>
<span class="text-[#0041E8] font-[500]">Cập nhật Excel</span>
</a>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<table class="mt-[15px] table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<th>STT</th>
<th>Thông tin</th>
<th>Giá</th>
<th>Sản phẩm</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<div class="flex items-center">
<span>[8]</span>
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
(KBKN002)</a>
</div>
<p>Ghi chú: KM màn hình 27 1</p>
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
</td>
<td>3.849.000 vnd</td>
<td class="w-[90px]"><a href=""
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
SP</a></td>
<td class="w-[150px]">
<div class='list-btn flex items-center'>
<a href=""
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-edit'></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='fa fa-plus text-[#0041E8]'></i></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 class="overflow-x-auto sm:whitespace-nowrap">
<table class="mt-[15px] table">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<th>STT</th>
<th>Thông tin</th>
<th>Giá</th>
<th>Sản phẩm</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<div class="flex items-center">
<span>[8]</span>
<a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
(KBKN002)</a>
</div>
<p>Ghi chú: KM màn hình 27 1</p>
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
</td>
<td>3.849.000 vnd</td>
<td class="w-[90px]"><a href=""
class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
SP</a></td>
<td class="w-[150px]">
<div class='list-btn flex items-center'>
<a href=""
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-edit'></i></a>
<a href=""
class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='fa fa-plus text-[#0041E8]'></i></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>

View File

@@ -1,101 +1,95 @@
<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 thuộc tính</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
<a href="/admin/product/attribute_add" class="
block m-[auto_0_auto_auto] w-[185px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
<span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
<div class="flex items-end justify-end">
<a href="/admin/product/attribute_add" class="btn btn-outline btn-view">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm thuộc tính mới</span>
</a>
<div class="overflow-x-auto">
<table class="table mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<th>STT</th>
<th></th>
<th>Tên hiển thị</th>
<th>Giá trị</th>
<th>Danh mục đang có</th>
<th>Thứ tự</th>
<th>Trạng thái</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td class="w-[390px]">
<a href="">Máy Tính Xách Tay,</a>
<a href="">Macbook,</a>
<a href="">Surface,</a>
<a href="">Laptop Acer,</a>
<a href="">Laptop Acer Aspire,</a>
<a href="">Laptop Acer TravelMate,</a>
<a href="">Test,</a>
</td>
<td class="w-[145px]">
<input type="text" value="0"
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</td>
<td>
<a href="" class="status on">Đang hoạt động</a>
</td>
<td>
<div class='list-btn flex items-center'>
<a href=""
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-edit'></i></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 mr-[5px]'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td class="w-[390px]">
<a href="">Máy Tính Xách Tay,</a>
<a href="">Macbook,</a>
<a href="">Surface,</a>
<a href="">Laptop Acer,</a>
<a href="">Laptop Acer Aspire,</a>
<a href="">Laptop Acer TravelMate,</a>
<a href="">Test,</a>
</td>
<td class="w-[145px]">
<input type="text" value="0"
class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
</td>
<td>
<a href="" class="status off">Ẩn hiển thị</a>
</td>
<td>
<div class='list-btn flex items-center'>
<a href=""
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-edit'></i></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 mr-[5px]'><i
class='icons icon-delete'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th></th>
<th>Tên hiển thị</th>
<th>Giá trị</th>
<th class="w-[30%]">Danh mục đang có</th>
<th>Thứ tự</th>
<th>Trạng thái</th>
<th>Cập nhật</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td>
<div class="flex flex-wrap items-center gap-3">
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
<a href="" class="text-primary">Macbook,</a>
<a href="" class="text-primary">Surface,</a>
<a href="" class="text-primary">Laptop Acer,</a>
<a href="" class="text-primary">Laptop Acer Aspire,</a>
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
<a href="" class="text-primary">Test,</a>
</div>
</td>
<td>
<input type="text" value="0" class="input w-24" />
</td>
<td>
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
</td>
<td>
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td class="whitespace-nowrap">phong-cach</td>
<td>Phong cách</td>
<td>5</td>
<td>
<div class="flex flex-wrap items-center gap-3">
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
<a href="" class="text-primary">Macbook,</a>
<a href="" class="text-primary">Surface,</a>
<a href="" class="text-primary">Laptop Acer,</a>
<a href="" class="text-primary">Laptop Acer Aspire,</a>
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
<a href="" class="text-primary">Test,</a>
</div>
</td>
<td>
<input type="text" value="0" class="input w-24" />
</td>
<td>
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
</td>
<td>
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@@ -4,42 +4,40 @@
<div class="flex items-center justify-between">
<div>
<b>Tìm theo chữ cái</b>:
<a href="?opt=brand&amp;letter=A">A</a> (13) |
<a href="?opt=brand&amp;letter=B">B</a> (2) |
<a href="?opt=brand&amp;letter=C">C</a> (5) |
<a href="?opt=brand&amp;letter=D">D</a> (3) |
<a href="?opt=brand&amp;letter=E">E</a> (3) |
<a href="?opt=brand&amp;letter=F">F</a> (1) |
<a href="?opt=brand&amp;letter=G">G</a> (4) |
<a href="?opt=brand&amp;letter=H">H</a> (4) |
<a href="?opt=brand&amp;letter=I">I</a> (5) |
<a href="?opt=brand&amp;letter=J">J</a> (2) |
<a href="?opt=brand&amp;letter=K">K</a> (2) |
<a href="?opt=brand&amp;letter=L">L</a> (4) |
<a href="?opt=brand&amp;letter=M">M</a> (3) |
<a href="?opt=brand&amp;letter=N">N</a> (4) |
<a href="?opt=brand&amp;letter=O">O</a> (1) |
<a href="?opt=brand&amp;letter=P">P</a> (5) |
<a href="?opt=brand&amp;letter=Q">Q</a> (1) |
<a href="?opt=brand&amp;letter=S">S</a> (8) |
<a href="?opt=brand&amp;letter=T">T</a> (5) |
<a href="?opt=brand&amp;letter=V">V</a> (2) |
<a href="?opt=brand&amp;letter=W">W</a> (2) |
<a href="?opt=brand&amp;letter=X">X</a> (1) |
<a href="?opt=brand&amp;letter=Z">Z</a> (2) |
<a href="?opt=brand&amp;letter=A" class="link-primary">A</a> (13) |
<a href="?opt=brand&amp;letter=B" class="link-primary">B</a> (2) |
<a href="?opt=brand&amp;letter=C" class="link-primary">C</a> (5) |
<a href="?opt=brand&amp;letter=D" class="link-primary">D</a> (3) |
<a href="?opt=brand&amp;letter=E" class="link-primary">E</a> (3) |
<a href="?opt=brand&amp;letter=F" class="link-primary">F</a> (1) |
<a href="?opt=brand&amp;letter=G" class="link-primary">G</a> (4) |
<a href="?opt=brand&amp;letter=H" class="link-primary">H</a> (4) |
<a href="?opt=brand&amp;letter=I" class="link-primary">I</a> (5) |
<a href="?opt=brand&amp;letter=J" class="link-primary">J</a> (2) |
<a href="?opt=brand&amp;letter=K" class="link-primary">K</a> (2) |
<a href="?opt=brand&amp;letter=L" class="link-primary">L</a> (4) |
<a href="?opt=brand&amp;letter=M" class="link-primary">M</a> (3) |
<a href="?opt=brand&amp;letter=N" class="link-primary">N</a> (4) |
<a href="?opt=brand&amp;letter=O" class="link-primary">O</a> (1) |
<a href="?opt=brand&amp;letter=P" class="link-primary">P</a> (5) |
<a href="?opt=brand&amp;letter=Q" class="link-primary">Q</a> (1) |
<a href="?opt=brand&amp;letter=S" class="link-primary">S</a> (8) |
<a href="?opt=brand&amp;letter=T" class="link-primary">T</a> (5) |
<a href="?opt=brand&amp;letter=V" class="link-primary">V</a> (2) |
<a href="?opt=brand&amp;letter=W" class="link-primary">W</a> (2) |
<a href="?opt=brand&amp;letter=X" class="link-primary">X</a> (1) |
<a href="?opt=brand&amp;letter=Z" class="link-primary">Z</a> (2) |
</div>
<a href="/admin/product/brand_add"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[25px] font-[500]">
<span
class="border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<a href="/admin/product/brand_add" class="btn">
<i class="iconify lucide--plus"></i>
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
</a>
</div>
<div class="overflow-x-auto">
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table mt-[15px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
<tr>
<thead>
<tr class="bg-base-200 font-bold text-black">
<th>STT</th>
<th>ID</th>
<th>Thương hiệu</th>
@@ -56,7 +54,7 @@
<td>750</td>
<td>
<b>10MOONS</b>
<p class="flex items-center text-[#0041E8]">
<p class="flex items-center link-primary gap-3">
<span>Link:</span>
<a href="">/brand/10moons</a>
</p>
@@ -71,33 +69,27 @@
</a>
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<p>1</p>
<a href=""
class="btn h-[30px] w-[100px] min-h-[30px] px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
<a href="" class="btn btn-sm btn-active">Xem
SP</a>
</div>
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<span class="whitespace-nowrap">STT</span>
<input type="text" value="0"
class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
<input type="text" value="0" class="input input-sm w-12" />
</div>
</td>
<td>
<div class='list-btn flex items-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 class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
href=''><i class='icons icon-feature'></i></a>
<a href=""
class='w-[30px] h-[30px] 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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-remove'></i></a>
<div class='list-btn flex items-center gap-3'>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
class='iconify lucide--pencil'></i></a>
<a class='btn btn-soft btn-xs btn-square btn-outline btn-view' href=''><i
class='iconify lucide--crown'></i></a>
<a href="" class='btn btn-soft btn-xs btn-square '><i class="iconify lucide--eye"></i></a>
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>

View File

@@ -1,41 +1,37 @@
<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">Bộ sưu tập</h1>
<div class="bg-white shadow p-3 rounded-sm">
<h1 class="text-2xl font-bold mb-3">Bộ sưu tập</h1>
<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="search" type="submit" value="Tìm kiếm"
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</form>
</div>
<div class="p-3 border border-base-200 rounded-sm shadow flex items-center">
<form class="w-full" id="">
<div class="content flex items-center gap-3">
<input type="search" class="input shadow" id="js-input-search" placeholder="Tìm kiếm">
<input name="search" type="submit" value="Tìm kiếm" class="btn btn-active" />
</div>
</form>
</div>
<div class="my-[10px]">
<b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho
việc
quảng bá và
định hướng khách hàng hơn. Các bộ sưu tập thường được tạo là: Sản phẩm cho sinh nhật, Sản phẩm cho trẻ mới
sinh, Sản
phẩm công công nghệ mới nhất, Đồ gia dụng nên mua, Khuyến mại giảm giá tháng 10, Chúng tôi đề xuất với bạn,
Top 10 phụ
kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau)
</div>
<a href="javascript:void(0)" onclick="openProductListToSelect()"
class="group flex items-center w-[140px] justify-center m-[auto_0_auto_auto] 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>
<div class="mt-5">
<b>Hướng dẫn:</b> Bộ sưu tập Sản phẩm bao gồm các Sản phẩm cùng chia sẻ một số đặc điểm nhất định, giúp cho
việc
quảng bá và
định hướng khách hàng hơn. Các bộ sưu tập thường được tạo là: Sản phẩm cho sinh nhật, Sản phẩm cho trẻ mới
sinh, Sản
phẩm công công nghệ mới nhất, Đồ gia dụng nên mua, Khuyến mại giảm giá tháng 10, Chúng tôi đề xuất với bạn,
Top 10 phụ
kiện nên có v..v. (mỗi bộ sưu tập sẽ bao gồm các Sản phẩm từ nhiều danh mục Sản phẩm khác nhau)
</div>
<div class="flex items-center justify-end mt-3">
<a href="javascript:void(0)" onclick="openProductListToSelect()" class="btn btn-outline btn-view ">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm set mới</span>
</a>
</div>
<table class="mt-[20px]">
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-bold">
<tr>
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 font-bold text-black">
<td>STT</td>
<td>ID</td>
<td>Tên gọi/miêu tả</td>
@@ -50,17 +46,15 @@
<td>26</td>
<td>
<b>Flash Sale | Giảm Giá Cực Sốc !</b>
<div class="flex items-center mt-[10px]">
<p class="mr-[10px] whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<div class="flex items-center mt-2 gap-3">
<p class=" whitespace-nowrap">Link</p>
<input type="text" size="60" value="" placeholder="link" class="input shadow">
</div>
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<p>7 sp</p>
<a href="/admin/product/collection_product"
class="ml-[10px] p-[5px_10px] border border-blue-700 rounded-[4px] bg-[#f5f7ff] text-blue-700 hover:bg-blue-700 hover:text-white">Xem
<a href="/admin/product/collection_product" class="btn btn-outline btn-view">Xem
danh sách</a>
</div>
</td>
@@ -68,21 +62,19 @@
638
</td>
<td>
<div class="flex items-center">
<a href=""
class="mr-[5px] bg-blue-700 rounded-[4px] text-white p-[5px_7px] text-[13px]">Xem</a>
<div class="flex items-center gap-3">
<a href="" class="btn btn-active btn-sm">Xem</a>
<a href="/admin/product/collection_add" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
class="btn btn-soft btn-sm btn-square btn-outline btn-view">
<i class="iconify lucide--pencil"></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-remove'></i></a>
<a href="" class='btn btn-soft btn-sm btn-square btn-outline btn-error'><i
class='iconify lucide--trash'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>