2024-03-04 13:26:05 +07:00
|
|
|
<div class="w-[100%] mb-[50px]">
|
|
|
|
|
|
|
|
|
|
<div class="text-sm breadcrumbs ml-[10px]">
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="/admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
|
|
|
|
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-12-10 19:20:39 +07:00
|
|
|
<div class="w-7xl mx-auto">
|
|
|
|
|
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
2024-03-04 13:26:05 +07:00
|
|
|
<div class="flex items-center justify-between">
|
2025-12-10 19:20:39 +07:00
|
|
|
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
|
|
|
|
<div class="flex items-center gap-3 ">
|
|
|
|
|
<a href="/admin/brand/add" class="btn btn-sm btn-outline btn-view">
|
|
|
|
|
<i data-lucide="plus" class="size-4"></i>
|
|
|
|
|
<span>Thêm sp mới</span>
|
2024-03-04 13:26:05 +07:00
|
|
|
</a>
|
2025-12-10 19:20:39 +07:00
|
|
|
<a href="/admin/brand/add" class="btn btn-sm btn-outline btn-view">
|
|
|
|
|
<i data-lucide="copy" class="size-4"></i>
|
|
|
|
|
<span>Tạo sp tương tự</span>
|
2024-03-04 13:26:05 +07:00
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-12-10 19:20:39 +07:00
|
|
|
<div class="grid grid-cols-4 gap-5 mt-5">
|
|
|
|
|
<div class="left">
|
2024-03-04 13:26:05 +07:00
|
|
|
<div class="list-tab">
|
|
|
|
|
<a href="/admin/product/config_group_form"
|
2025-12-10 19:20:39 +07:00
|
|
|
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
2024-03-04 13:26:05 +07:00
|
|
|
dung</a>
|
|
|
|
|
<a href="/admin/product/config_group_attribute"
|
2025-12-10 19:20:39 +07:00
|
|
|
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2">Thuộc
|
2024-03-04 13:26:05 +07:00
|
|
|
tính</a>
|
|
|
|
|
<a href="/admin/product/config_group_product"
|
2025-12-10 19:20:39 +07:00
|
|
|
class=" item block w-full text-[#fff] font-bold bg-[#0041E8] text-[13px] p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
2024-03-04 13:26:05 +07:00
|
|
|
phẩm</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-12-10 19:20:39 +07:00
|
|
|
<div class="right col-span-3">
|
|
|
|
|
<div class="bg-white p-3 rounded-sm shadow">
|
2024-03-04 13:26:05 +07:00
|
|
|
|
2025-12-10 19:20:39 +07:00
|
|
|
<div class="border border-base-200 rounded-sm">
|
|
|
|
|
<table class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr class="bg-base-300 text-black font-bold">
|
|
|
|
|
<th>STT</th>
|
|
|
|
|
<th>Sản phẩm</th>
|
|
|
|
|
<th>Thuộc tính</th>
|
|
|
|
|
<th>Công cụ</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>1</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a href="" class="text-active">Tai nghe Bluetooth True Wireless WIWU TWS12 Màu
|
|
|
|
|
Hồng</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="flex items-center gap-2">
|
|
|
|
|
<p class="whitespace-nowrap">Màu sắc</p>
|
|
|
|
|
<select name="" id="" class="select select-sm">
|
|
|
|
|
<option value="">Hồng</option>
|
|
|
|
|
<option value="">Tím</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="w-[120px]">
|
|
|
|
|
<div class='list-btn flex items-center gap-2'>
|
|
|
|
|
<a href="" class="btn btn-active btn-sm">Cập
|
|
|
|
|
nhật</a>
|
|
|
|
|
<a href="" class="btn btn-soft btn-xs btn-error btn-square">
|
|
|
|
|
<i data-lucide="trash-2" class="size-3 text-red-400"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
2024-03-04 13:26:05 +07:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
