123 lines
7.1 KiB
HTML
123 lines
7.1 KiB
HTML
|
<div class="w-[100%] mb-[50px]">
|
||
|
|
<div class="text-sm breadcrumbs ml-[10px]">
|
||
|
|
<ul>
|
||
|
|
<li><a href="/admin/page/category">Quản lý danh mục</a></li>
|
||
|
|
<li class="text-[#0041E8]">Form thêm/sửa danh mục 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 danh mục</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ính sách chung</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex">
|
||
|
|
<div class="left w-[270px] mr-[10px]">
|
||
|
|
<div class="list-tab">
|
||
|
|
<a href="/admin/page/category_add"
|
||
|
|
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-[15px]">Thông tin cơ bản</b>
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên danh mục</label>
|
||
|
|
<input type="text" name="" value="" placeholder="Tên danh mục"
|
||
|
|
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]">Tóm tắt (nếu
|
||
|
|
có)</label>
|
||
|
|
<textarea type="text" name="" value="" placeholder="Tóm tắt"
|
||
|
|
class="w-full h-[120px] textarea input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid grid-cols-2 gap-[15px] mb-[15px]">
|
||
|
|
<div class="">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Là danh mục con
|
||
|
|
của</label>
|
||
|
|
<select name=''
|
||
|
|
class="w-full 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>
|
||
|
|
</div>
|
||
|
|
<div class="">
|
||
|
|
<label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Thứ tự xuất hiện
|
||
|
|
<span class="text-[14px] font-[300] italic text-[6b7280]">(cao xếp trước)</span></label>
|
||
|
|
<input type="text" name="" value="0" placeholder="Thứ tự"
|
||
|
|
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>
|
||
|
|
|
||
|
|
<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] shadow-[0_0_1px_0px_#0000001A] mt-[5px]">
|
||
|
|
<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>
|