214 lines
12 KiB
HTML
214 lines
12 KiB
HTML
<div class="w-full mb-10">
|
|
|
|
<div class="text-sm breadcrumbs">
|
|
<ul>
|
|
<li><a href="/admin/product/attribute">Thuộc tính sản phẩm</a></li>
|
|
<li class="text-active">Form thêm/sửa thuộc tính</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="w-7xl mx-auto">
|
|
<div class="bg-white p-3 rounded-sm shadow mb-4 mt-5">
|
|
<div class="flex items-center justify-between">
|
|
<h1 class="text-xl font-bold">Cập nhật thuộc tính sản phẩm</h1>
|
|
<a href="/admin/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
|
<i data-lucide="plus" class="size-3"></i>
|
|
<span class="">Thêm thuộc tính mới</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-4 gap-5">
|
|
<div class="left">
|
|
<div class="list-tab">
|
|
<div class="list-tab">
|
|
<a href="javascript:void(0)"
|
|
class="item block w-full font-bold text-white bg-[#0041E8] rounded-sm text-base px-3 py-2">Nội
|
|
dung</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right col-span-3">
|
|
<div class="bg-white p-3 rounded-sm shadow">
|
|
<b class="text-xl block">Thông tin cơ bản</b>
|
|
|
|
<div class="form-control mt-5">
|
|
<label class="font-bold text-base">Tên thuộc tính</label>
|
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
|
placeholder="Tên thuộc tính" class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
|
|
<div class="form-control w-full mt-5">
|
|
<label class="flex items-center mb-1 text-base gap-3">
|
|
<b>Mã nhận dạng cho quản trị</b>
|
|
<span class="italic text-gray-500 text-xs">v.d. kich_thuoc_quan (không có dấu
|
|
cách, không viết dấu của tiếng Việt)</span>
|
|
</label>
|
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
|
class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
|
|
<div class="form-control mt-5">
|
|
<label class="flex items-center mb-1 text-base gap-3">
|
|
<b>Mô tả tóm tắt</b>
|
|
<span class="italic text-gray-500 text-xs">(nếu muốn hiển thị và giải thích ý
|
|
nghĩa cho khách hàng)</span>
|
|
</label>
|
|
<textarea type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
|
class="w-full h-30 textarea rounded shadow-sm mt-3">
|
|
</textarea>
|
|
</div>
|
|
|
|
<div class="form-control mt-5">
|
|
<label class="flex items-center mb-1 text-base gap-3">
|
|
<b>Mã bộ lọc trên Url</b>
|
|
<span class="italic text-gray-500 text-xs">v.d. cpu (trên link lọc
|
|
?cpu=32Ghz&ram=32GB)
|
|
</span>
|
|
</label>
|
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
|
class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
|
|
<div class="form-control mt-5">
|
|
<label class="flex items-center mb-1 text-base gap-3">
|
|
<b>Thứ tự xuất hiện</b>
|
|
<span class="italic text-gray-500 text-xs">(cao xếp trước)</span>
|
|
</label>
|
|
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
|
class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
|
|
<div class="grid grid-cols-4 mt-5 gap-5">
|
|
<b class="">Lựa chọn áp dụng</b>
|
|
<div class="col-span-3">
|
|
<label class="label flex items-center mb-2 gap-3">
|
|
<input type="checkbox" name="change_url_on_update" value="1" checked
|
|
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
|
<span class="">Dùng là tiêu đề nhóm cho các thuộc tính đứng
|
|
sau</span>
|
|
</label>
|
|
<label class="label flex items-center mb-2 gap-3">
|
|
<input type="checkbox" name="change_url_on_update" value="1"
|
|
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
|
<span class="">Dùng lọc Sản phẩm ở danh mục</span>
|
|
</label>
|
|
<label class="label flex items-center mb-2 gap-3">
|
|
<input type="checkbox" name="change_url_on_update" value="1"
|
|
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
|
<span class="">Hiển thị ở thông tin tóm tắt Sản phẩm</span>
|
|
</label>
|
|
<label class="label flex items-center mb-2 gap-3">
|
|
<input type="checkbox" name="change_url_on_update" value="1"
|
|
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
|
<span class="">Hiển thị ở bảng thông số kỹ thuật</span>
|
|
</label>
|
|
<label class="label flex items-center mb-2 gap-3">
|
|
<input type="checkbox" name="change_url_on_update" value="1"
|
|
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
|
<span class="">Dùng để tạo các cấu hình của Sản phẩm</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-4 mt-5 gap-5">
|
|
<b class="">Phân loại</b>
|
|
<div class="col-span-3">
|
|
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
|
<input type="radio" name="info[scope]" value="0" class="radio radio-active"
|
|
checked="checked" />
|
|
<span class="label-text">Local - Chỉ áp dụng cho một số loại
|
|
Sản
|
|
phẩm</span>
|
|
</label>
|
|
|
|
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
|
<input type="radio" name="info[scope]" value="1" class="radio radio-active" />
|
|
<span class="label-text">Global - Áp dụng cho tất cả Sản phẩm
|
|
(v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5">
|
|
<b class="text-base mb-2 block">Thông tin cơ bản</b>
|
|
<div class="border border-gray-200 rounded-sm p-3 mt-3">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr class="bg-base-200 font-bold text-black">
|
|
<th>STT</th>
|
|
<th>ID</th>
|
|
<th>Giá trị</th>
|
|
<th>Mô tả</th>
|
|
<th>Thứ tự hiển thị</th>
|
|
<th>Lựa chọn</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>4939</td>
|
|
<td>Nam</td>
|
|
<td></td>
|
|
<td>
|
|
<input type="text" value="0" class="w-12 input" />
|
|
</td>
|
|
<td class="w-[85px]">
|
|
<div class='list-btn flex items-center gap-3'>
|
|
<a href=""
|
|
class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
|
data-lucide="pencil" class='size-3'></i></a>
|
|
<a href=""
|
|
class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
|
data-lucide="trash-2" class='size-3'></i></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
|
<b class="text-2xl block">Thêm giá trị mới</b>
|
|
<span class="text-gray-500 italic mt-3">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d.
|
|
theo
|
|
dung
|
|
lượng ổ cứng laptop giảm
|
|
dần)
|
|
</span>
|
|
<div class="mt-5 grid grid-cols-3 gap-5">
|
|
<div class="form-control">
|
|
<label class="font-bold mb-2 text-base">Tên (*)</label>
|
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
|
placeholder="Tên (*)" class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
<div class="form-control">
|
|
<label class="font-base mb-2 text-base">Giá trị sắp xếp (**)</label>
|
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
|
placeholder="Giá trị sắp xếp" class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
<div class="flex items-end gap-3">
|
|
<div class="form-control">
|
|
<label class="font-base mb-2 text-base">STT</label>
|
|
<input type="text" size="60" name="info[title]" id="title"
|
|
value="{{page.item_info.title}}" placeholder="STT"
|
|
class="w-full input rounded-sm shadow mt-3">
|
|
</div>
|
|
<a href="javascript:void(0)" class="btn btn-outline btn-view">Thêm
|
|
mới</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="mt-5 bg-white p-3 rounded-sm shadow">
|
|
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
|
value="Cập nhật" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div> |