133 lines
7.4 KiB
HTML
133 lines
7.4 KiB
HTML
|
<div class="w-full">
|
||
|
|
|
||
|
|
<div class="text-sm breadcrumbs">
|
||
|
|
<ul>
|
||
|
|
<li><a href="/product/brand">Danh sách thương hiệu</a></li>
|
||
|
|
<li class="text-active">Form thêm/sửa thương hiệu</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="w-7xl mx-auto">
|
||
|
|
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<h1 class="text-2xl font-bold">Cập nhật Thương hiệu</h1>
|
||
|
|
<a href="/product/brand_add" class="btn btn-sm btn-outline btn-view">
|
||
|
|
<i class="size-4" data-lucide="plus"></i>
|
||
|
|
<span class="">Thêm thương hiệu mới</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid grid-cols-4 gap-5 mt-5">
|
||
|
|
<div class="left">
|
||
|
|
<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 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 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="input w-full rounded-sm shadow mt-3">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-control mt-5">
|
||
|
|
<label class="font-bold text-base">Link Index</label>
|
||
|
|
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||
|
|
placeholder="link index" class="input w-full rounded-sm shadow mt-3">
|
||
|
|
</div>
|
||
|
|
<div class="form-control mt-5">
|
||
|
|
<label class="font-bold text-base">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="textarea w-full rounded-sm shadow mt-3">
|
||
|
|
</textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-control mt-5">
|
||
|
|
<label class="font-bold text-base">Ảnh logo thương hiệu</label>
|
||
|
|
<div class="mt-3">
|
||
|
|
<img src="{{'brand-1.png' | asset_url }}" alt="">
|
||
|
|
<div id="image-brand" class="mt-5 w-full"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||
|
|
<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>
|