156 lines
9.0 KiB
HTML
156 lines
9.0 KiB
HTML
|
<div class="w-[100%] mb-[50px]">
|
||
|
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||
|
|
<ul>
|
||
|
|
<li><a href="/admin/page">Nội dung cố định</a></li>
|
||
|
|
<li class="text-[#0041E8]">Form thêm/sửa nội dung cố định</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] my-[15px]">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<h1 class="text-[20px] font-[700]">Cập nhật nội dung</h1>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<a href="/admin/page/form"
|
||
|
|
class="group flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
|
||
|
|
<span
|
||
|
|
class="w-[14.5px] group-hover:text-white group-hover:border-white h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
|
||
|
|
<span class="text-[#6B7280] group-hover:text-white">Thêm nội dung mới</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p class="text-gray-500">Chương trình khuyến mãi tháng</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex">
|
||
|
|
<div class="left w-[270px] mr-[10px]">
|
||
|
|
<div class="list-tab">
|
||
|
|
<a href="/admin/page/form"
|
||
|
|
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
|
||
|
|
tin</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="block text-[20px] font-bold my-[10px]">Thông tin cơ bản</b>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tiêu đề nội
|
||
|
|
dung</label>
|
||
|
|
<input type="text" name="" value="" placeholder="Tiêu đề nội dung"
|
||
|
|
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Link Index</label>
|
||
|
|
<input type="text" name="" value="" placeholder="Link Index"
|
||
|
|
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Nội dung tóm tắt
|
||
|
|
(nếu có)</label>
|
||
|
|
<textarea type="text" name="" value="" placeholder="Nội dung tóm tắt (nếu có)"
|
||
|
|
class="w-full textarea h-[120px] input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Là danh mục con
|
||
|
|
của</label>
|
||
|
|
<div class="flex item items-center">
|
||
|
|
<select name=''
|
||
|
|
class="w-[40%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||
|
|
<option value='' selected>Danh mục gốc</option>
|
||
|
|
<option value=''>Máy tính</option>
|
||
|
|
</select>
|
||
|
|
<a href="/admin/page/category"
|
||
|
|
class="leading-[35px] block border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||
|
|
Quản lý danh mục
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Ảnh đại diện (nếu
|
||
|
|
có)</label>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<a href=""
|
||
|
|
class="w-[115px] flex items-center mr-[20px] border-[1px] border-[#0041E8] p-[8px_10px] rounded-[4px] bg-[#F5F7FF]">
|
||
|
|
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||
|
|
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
|
||
|
|
</a>
|
||
|
|
<p class="font-[300] ml-[5px] italic text-gray-500">No file chosen</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[10px] my-[10px]">
|
||
|
|
<b class="block text-[20px] font-bold my-[10px]">Nội dung chi tiết</b>
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Hiển thị nội dung từ
|
||
|
|
template <span class="italic ml-[10px] text-[#6B7280] font-[300]">(* phải nằm trong thư mục
|
||
|
|
static/,
|
||
|
|
chỉ chấp nhận ký tự a-z0-9 và
|
||
|
|
_)</span></label>
|
||
|
|
<input type="text" name="" value="landing_page_khuyen_mai_thang" placeholder=""
|
||
|
|
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-[15px] flex items-center">
|
||
|
|
<p class="text-[#6B7280] mr-[10px]">Hoặc nhập nội dung</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<a href=""
|
||
|
|
class=" flex items-center mr-[20px] border-[1px] border-[#0041E8] p-[8px_10px] rounded-[4px] bg-[#F5F7FF]">
|
||
|
|
<i class="fa-solid fa-file-arrow-up text-[#0041E8]"></i>
|
||
|
|
<span class="text-[#0041E8] ml-[5px]">Lấy ảnh từ thư viện media</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<textarea id="product-desc" class="rounded-[12px]"> </textarea>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[10px] shadow-[0_0_1px_0px_#0000001A]">
|
||
|
|
<b class="block text-[20px] font-bold my-[10px]">Dùng cho SEO</b>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Title <span
|
||
|
|
class="ml-[5px] font-[300] text-[#6B7280]"> *
|
||
|
|
nếu để trống sẽ dùng tên danh mục</span></label>
|
||
|
|
<input type="text" name="" value="" placeholder="Meta title"
|
||
|
|
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Keyword</label>
|
||
|
|
<input type="text" name="" value="" placeholder="Meta Keyword"
|
||
|
|
class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Description
|
||
|
|
<span class="ml-[5px] font-[300] text-[#6B7280]">* nếu để trống sẽ dùng tóm tắt danh
|
||
|
|
mục</span></label>
|
||
|
|
<textarea type="text" name="" value="" placeholder="Meta Description"
|
||
|
|
class="w-full input input-md input-bordered h-[120px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[10px] shadow-[0_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px] mt-[10px]">
|
||
|
|
<input
|
||
|
|
class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
||
|
|
name="submit" type="submit" value="Cập nhật">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|