update product

This commit is contained in:
2024-02-29 14:49:03 +07:00
parent 6166366250
commit 6f393f6e64
22 changed files with 866 additions and 16 deletions

148
template/brand/add.html Normal file
View File

@@ -0,0 +1,148 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product">Danh sách thương hiệu</a></li>
<li class="text-[#0041E8]">Form thêm/sửa thương hiệu</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] mb-[15px]">
<div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật Thương hiệu</h1>
<a href="/admin/brand/add"
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-[11px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm thương hiệu mới</span>
</a>
</div>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="javascript:void(0)"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">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="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Tên thương hiệu</label>
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
placeholder="Tên thương hiệu"
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>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Link Index</label>
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
placeholder="link index"
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>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Mô tả tóm tắt</label>
<textarea type="text" size="60" name="info[title]" id="title" placeholder="Mô tả tóm tắt"
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</textarea>
</div>
<div class="form-control mb-[10px]">
<label class="font-[600] mb-[5px] text-[14px]">Ảnh logo thương hiệu</label>
<div class="flex items-center">
<img src="{{'brand-1.png' | asset_url }}" alt="">
<div class="input-file">
<input type="file" size="30" name="catThumnail" id="file_input" multiple
placeholder="No file selected">
<div class="title">
<div class="btn-input-file">
<i class="fa-solid fa-file-arrow-up"></i> Upload file
</div>
<span style="color:gray;font-style: italic;">No file chosen</span>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
<div class="flex items-center justify-between">
<div>
<b>Mô tả (nếu có)</b>
</div>
<div class="flex items-center">
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
</a>
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
<i class="fa-regular fa-folder text-[#0041E8]"></i>
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
</a>
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
</a>
</div>
</div>
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
<div class="py-[10px]">
<textarea id="product-desc"> </textarea>
</div>
</div>
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
<div class="form-control w-[100%] mb-[10px]">
<label class="flex items-center mb-[5px] text-[14px]">
<b>Meta Title</b>
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng tên</span>
</label>
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
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>
<div class="form-control w-[100%] mb-[10px]">
<label class="flex items-center mb-[5px] text-[14px]">
<b>Meta Keyword</b>
</label>
<input type="text" size="60" name="Keyword" id="Keyword" value="0"
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>
<div class="form-control w-[100%] mb-[10px]">
<label class="flex items-center mb-[5px] text-[14px]">
<b>Meta Description</b>
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng Mô tả tóm
tắt</span>
</label>
<textarea type="text" size="60" name="description" id="description" value="0"
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</textarea>
</div>
<div class="form-control w-[100%] mb-[10px]">
<label class="flex items-center mb-[5px] text-[14px]">
<b>Thứ tự xuất hiện</b>
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
</label>
<input type="text" size="60" name="" id="" value="0"
class="w-[40%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
</div>
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
</div>
</div>
</div>
</div>
</div>