This commit is contained in:
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions

View File

@@ -0,0 +1,200 @@
<div class="w-[100%]">
<div
class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
<form method='get' enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type='hidden' name='opt' value='banner' />
<input type='hidden' name='q' value='' />
<input type='hidden' name='page' value='' />
<input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
class="w-[375px] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] " />
<input type=submit value='Tìm kiếm'
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] ml-[10px] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center flex-wrap justify-between">
<div class="flex items-center">
<select
class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value="">Xem theo vị trí banner</option>
<option value='43'> - Banner MB Webmau4</option>
<option value='42'> - Brand Homepage</option>
</select>
<select
class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value="">Lọc hiển thị</option>
<option value="">Chưa hiển thị</option>
<option value="">Đang hiển thị</option>
</select>
<a href=""
class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
danh mục sản phẩm để xem</a>
</div>
<div class="flex items-center font-[500] leading-[34.5px]">
<a href="/admin/banner/upload"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm banner mới</span>
</a>
<a href="/admin/banner/location"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-image mr-[8px]"></i>
<span>Quản trị vị trí banner</span>
</a>
</div>
</div>
<div class="overflow-x-auto">
<table class="table td-top">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
<td> STT </td>
<td width="280"> Ảnh </td>
<td> Thông tin </td>
<td> Thứ tự </td>
<td> Click </td>
<td> Chỉnh sửa </td>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" />
</td>
<td>
<table class="not-border not-padding">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
</tr>
<tr>
<td>Link tới:</td>
<td> </td>
</tr>
<tr>
<td>File:</td>
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
</tr>
<tr>
<td>Kích thước:</td>
<td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
</tr>
<tr>
<td>Link:</td>
<td>/ad.php?id=236</td>
</tr>
<tr>
<td>Thời gian hiển thị:</td>
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
</tr>
<tr>
<td>Cập nhật:</td>
<td>21-06-2023, 11:08 am</td>
</tr>
</table>
</td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="javascript:void(0)" title="Hạ Hiển thị"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
<a href="javascript:void(0)" title="Cho Hiển thị"
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
</a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<tr>
<td align="center"> 2 </td>
<td>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
width="260" class="min-w-[200px]" />
</td>
<td>
<table class="not-border not-padding whitespace-nowrap">
<tr>
<td width="115">Tên gọi:</td>
<td> </td>
</tr>
<tr>
<td>Link tới:</td>
<td> </td>
</tr>
<tr>
<td>File:</td>
<td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
</tr>
<tr>
<td>Kích thước:</td>
<td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
</tr>
<tr>
<td>Link:</td>
<td>/ad.php?id=236</td>
</tr>
<tr>
<td>Thời gian hiển thị:</td>
<td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
</tr>
<tr>
<td>Cập nhật:</td>
<td>21-06-2023, 11:08 am</td>
</tr>
</table>
</td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
<td>
<div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
title="Hạ Hiển thị"
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
<a href="javascript:void(0)" title="Cho Hiển thị"
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
</a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>

View File

@@ -0,0 +1,67 @@
<div class="global-breadcrumb-container">
<a href="/admin/banner"> Danh sách banner </a>
<a href=""> Vị trí banner </a>
</div>
<div
class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
<div class="text-right m-[15px_0]">
<a href="/admin/banner/location-add"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
</div>
<div class="table">
<table>
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<tr class="font-[600]">
<td width="50"> STT </td>
<td> ID </td>
<td width="140"> Template File </td>
<td> Vị trí </td>
<td width="220"> Ngày tạo </td>
<td width="200"> Chỉnh sửa </td>
</tr>
</thead>
<tbody>
<td align="center"> 1 </td>
<td>
<p> ID: 43 </p>
<p> banner_webmau4_mb </p>
</td>
<td> homepage </td>
<td> Banner MB Webmau4 </td>
<td> 30-11-2024, 12:00 am </td>
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="/admin/banner?id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
banner</a>
<a href="/admin/banner/location-add?id=1" class="icons icon-edit mr-[5px]" title="Sửa lại"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>

View File

@@ -0,0 +1,123 @@
<div class="global-breadcrumb-container">
<a href="/admin/banner"> Danh sách banner </a>
<a href="/admin/banner/location"> Vị trí banner </a>
<a href=""> Thêm / Sửa vị trí banner </a>
</div>
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
<a href="/admin/banner/location-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm vị trí mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
banner_under_slider_mobile_webmau3
</p>
</div>
<div
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Chọn template hiển thị </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
tới thông tin này trừ các website cấu trúc phức tạp.
</p>
</div>
</div>
<select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option value="">-- Chọn template --</option>
<option value='header' selected>header - Đầu trang</option>
<option value='homepage'>homepage - Trang chủ</option>
<option value='column_left'>column_left - Cột trái</option>
<option value='column_right'>column_right - Cột phải</option>
<option value='footer'>footer - Chân trang</option>
<option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
<option value='product_list'>product_list - Danh sách &amp; Danh mục sản phẩm</option>
<option value='collection_list'>collection_list - Bộ sưu tập</option>
<option value='article_home'>article_home - Trang chủ tin tức</option>
<option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
<option value='deal_group'>deal_group - Nhóm deal</option>
</select>
</div>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
khuyen_mai_shop
</p>
</div>
</div>
<input type="text" value=""
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<div class="mb-[6px] relative">
<b> Đặt tên vị trí (*) </b>
<div class="inline-block relative group">
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
<p
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
quảng cáo khuyến mại 8/3/2012.
</p>
</div>
</div>
<input type="text" value=""
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
<textarea
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
<input type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>

View File

@@ -0,0 +1,417 @@
<div class="global-breadcrumb-container">
<a href="/admin/banner"> Danh sách banner </a>
<a href=""> Form sửa banner </a>
</div>
<div class="max-w-[1141px] m-auto p-[0_15px]">
<div class="text-right m-[0_0_12px]">
<a href="/admin/banner/upload"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm banner mới</span>
</a>
<a href="/admin/banner"
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="fas fa-clipboard-list mr-[8px]"></i>
<span>Danh sách banner</span>
</a>
</div>
<div class="m-[16px_0]">
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
{% endif %}
<p
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
Cập nhật lại banner </p>
<div class="flex flex-wrap">
<div class="2xl:w-[30%] sm:w-full mb-[16px] sm:mr-[0] 2xl:mr-[16px]">
<div
class="w-full bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
</div>
</div>
<form method="post" enctype="multipart/form-data"
class="2xl:w-[calc(100%_-30%_-16px)] sm:w-full bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<input type="hidden" name="info[id]" value="236">
<input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
<input type="hidden" value="product_list" id="current_template_page">
<input type="hidden" name="action" value="send">
<table>
<tr>
<td width="220" style="vertical-align: top;">
<p class="leading-[32px]">File</p>
</td>
<td>
<p
class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
<img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
class="block m-[15px_0_22px] max-h[390px]" />
</td>
</tr>
</table>
<div class="order-page-table">
<table>
<tr>
<td width="220"> Link theo dõi</td>
<td> /ad.php?id=236 </td>
</tr>
<tr id="banner_location">
<td>Vị trí quảng cáo</td>
<td>
<div class="flex items-center">
<select name="info[locationId]"
class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
<option>--Chọn vị trí--</option>
<option value='43,homepage'>Banner MB Webmau4</option>
</select>
<a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
trí</a>
</div>
<div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
<p class="font-bold mb-[7px]">Chọn vị trí </p>
<div class="pl-[3px]">
<label for="cat_special_all"
class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input id="cat_special_all" value="-1"
onchange="select_cat('cat_special_all', -1)" type="checkbox"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text">Tất cả danh mục</span>
</label>
</div>
<div class="pl-[3px]"> <!-- Cấp 1 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]"> <!-- Cấp 2 -->
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]"><!-- Cấp 3 -->
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
<div class="pl-[3px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_9" value="9"
onchange="select_cat('cat_special_9', 9)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 1 </span>
</label>
<div class="pl-[30px]">
<label class="flex items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 2 </span>
</label>
<div class="pl-[30px]">
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
<label class="table items-center cursor-pointer m-[0_0_7px_0]">
<input type="checkbox" id="cat_special_1" value="1"
onchange="select_cat('cat_special_1', 1)"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text"> Danh mục cấp 3 </span>
</label>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>Đặt tên banner để theo dõi</td>
<td>
<input type="text" name="info[name]" value=""
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</td>
</tr>
<tr>
<td>Mô tả</td>
<td>
<textarea name="info[summary]"
class="w-[100%] min-h-[76px] max-h-[150px] textarea textarea-bordered rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</td>
</tr>
<tr>
<td>Kích thước file</td>
<td>
Chiều dài (width) : <input type="text" name="info[width]" value="3130"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px -
Chiều cao (height) <input type="text" name="info[height]" value="2075"
class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
px
(<span style="color:#F00">* bắt buộc cho file flash</span>)
</td>
</tr>
<tr>
<td>File banner</td>
<td>
<div>
<span> Upload từ máy tính </span>
<input type="file" name="media_file_1">
</div>
<div>
<p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
http://web-acb.com/anh.jpg):</p>
<input type="text" name="info[file_external_url]"
value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
</td>
</tr>
<tr>
<td style="font-weight:bold;">Địa chỉ URL đích</td>
<td>
<input type="text" name="info[desUrl]" value=""
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</td>
</tr>
<tr>
<td>Thứ tự hiển thị</td>
<td>
<input type="text" name="info[ordering]" value="0"
class="w-[80px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
</td>
</tr>
<tr>
<td>Thời gian hiển thị</td>
<td>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" checked="checked" name="time_valid" value="1"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
</label>
<label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
<input type="radio" name="time_valid" value="2"
class="left-0 radio checked:bg-blue-500" />
<span class="label-text ml-[5px]">Thời gian hiển thị:</span>
</label>
<div class="items-center mb-[7px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[from_time_date]" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
<div class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="info[to_time_date]" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
</td>
</tr>
<tr>
<td>Hiển thị</td>
<td>
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
<input type="radio" name="info[status]" value="1"
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Cho hiển thị</span>
</label>
<label class="inline-flex items-center cursor-pointer relative pl-[30px]">
<input type="radio" name="info[status]" value="0" checked
class="left-0 radio checked:bg-blue-500">
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
</label>
</td>
</tr>
<tr>
<td>Khác</td>
<td>
<label class="inline-flex items-center cursor-pointer">
<input type="checkbox" name="info[show_in_mobile]" value="1"
class="checkbox checkbox-success mr-[10px]">
<span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
</label>
</td>
</tr>
</table>
</div>
<input name="commit" type="submit" value="Cập nhật"
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>
</div>
<script>
function show_content(ty) {
var list_type = ['pro', 'cash', 'priceoff'];
for (var i = 0; i < list_type.length; i++) {
var t_ty = list_type[i];
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
else document.getElementById('js-type-' + t_ty).style.display = 'none';
}
}
</script>