tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

06/03/2024 9h19

Browse Source
This commit is contained in:
Dao Duc
2024-03-06 09:19:26 +07:00
parent eafb7bfb5f
commit 91d317607a
32 changed files with 2878 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
template/marketing/coupon-product.html
View File

@@ -1 +0,0 @@
coupon-product

21
template/marketing/coupon.html
View File

@@ -43,21 +43,20 @@
<td>
<div style="display: block;">
<p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p>
<div class="flex items-start">
<p class="inline-block m-[0_6px_6px_0]">
- Bắt đầu: 23-10-2023, 12:00 am <br>
- Kết thúc: 28-10-2023, 12:00 am
</p>
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
Đã chạy
</span>
</div>
<div>
<p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p>
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
Đã dừng
</span>
</div>
</div>
</td>
<td>
@@ -75,16 +74,16 @@
<div class="items-center flex">
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
<!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
<a href="javascript:void(0)" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="javascript:setStatus('8','on')" 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-[6px]"> </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-[6px]"> </a>
<a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a>
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
<tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
<tr> <td align="center"> 1 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div class="flex items-start"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am <br>- Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> <span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></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-[6px]"> </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
</tbody>
</table>
</div>

116
template/marketing/coupon_product.html Normal file
View File

@@ -0,0 +1,116 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/coupon"> Phiếu giảm giá - Voucher </a>
<a href=""> Form thêm / sửa coupon </a>
</div>
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[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 </p>
<a href="/admin/marketing/coupon-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 phiếu mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
</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="/admin/marketing/coupon-add?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
</div>
<div 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">
<div class="flex flex-wrap items-center justify-between mb-[13px]">
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm áp dụng phiếu giảm giá </p>
<a href="" class="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]">
<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 sản phẩm mới</span>
</a>
</div>
<form method="get" enctype="multipart/form-data" action="/admin/" class="flex items-center m-[15px_0] 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="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm " class="w-[240px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<p class="whitespace-nowrap mr-[10px]">Chọn danh mục</p>
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Tất cả sản phẩm </option>
<option value=""> - Danh mục cấp 1 </option>
<option value=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Danh mục cấp 2 </option>
<option value=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Danh mục cấp 3 </option>
<option value=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Danh mục cấp 4 </option>
</select>
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Thương hiệu </option>
<option value=""> Brand </option>
<option value=""> Brand </option>
</select>
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
</form>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="90"> Ảnh </td>
<td width="350"> Tên </td>
<td> Thông tin bán hàng </td>
<td> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
</td>
<td>
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
</td>
<td>
<p> - Mã kho: <b> CN1 </b> </p>
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
<p> - Kho hàng : <b> 1 </b> </p>
<p> - Bảo hành : <b> 36 Tháng </b> </p>
</td>
<td>
<div class="items-center flex justify-center">
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></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>
</div>

22
template/marketing/feed.html
View File

@@ -1,7 +1,15 @@
{% if global.url contains 'view=' %}
{% if global.url contains 'view=fb-product-select' %}
{% include 'marketing/feed_select' %}
{% elsif global.url contains 'view=fb-product-add' %}
{% include 'marketing/feed_add' %}
{% elsif global.url contains 'view=fb-product-list' %}
{% include 'marketing/feed_list' %}
{% else %}
<div class="m-[16px_0_16px_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]"> Facebook Product Ads </p>
@@ -9,7 +17,7 @@
<div class="flex items-center justify-between mb-[20px]">
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed ở danh sách phù hợp để nhập trong facebook ad manager</p>
<a href="/admin/marketing/feed" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<a href="/admin/marketing/feed?view=fb-product-add" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] 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 danh sách mới</span>
</a>
@@ -39,12 +47,12 @@
<td align="center"> 6.055 sp </td>
<td>
<input type="text" value="/feed/facebook.php?id=70" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
<input type="text" value="/feed/facebook.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
<a href=""> FB feed </a>
</td>
<td>
<input type="text" value="/feed/google.php?id=70" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
<input type="text" value="/feed/google.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
<a href=""> Google feed </a>
</td>
@@ -55,11 +63,11 @@
<td>
<div class="flex items-center flex-wrap justify-center">
<a href="" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem sản phẩm</a>
<a href="/admin/marketing/feed?view=fb-product-list&id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem sản phẩm</a>
<a href="" class="icons icon-edit" title="Sửa lại"></a>
<a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit" title="Sửa lại"></a>
<a href="/admin/marketing/feed?view=fb-product-select" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" title="Thêm sản phẩm"></a>
<a href="/admin/marketing/feed?view=fb-product-select&id=1" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" title="Thêm sản phẩm"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>

126
template/marketing/feed_add.html
View File

@@ -1,83 +1,59 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
<a href="/admin/marketing/feed"> Facebook/Google Feed </a>
<a href=""> Thêm/ sửa danh sách FB ad </a>
</div>
<div class="m-[0_0_16px_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]"> Chọn sản phẩm hiển thị Facebook </p>
<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]">
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cập nhật nhóm FB ad </p>
<p class="text-[#6B7280]">ALL SP WEB 2023 NEW</p>
</div>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white 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] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center justify-between m-[20px_0_16px]">
<div class="flex items-center">
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Thêm toàn bộ sản phẩm
</a>
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục Sản phẩm để xem
</a>
<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">
<div class="mb-[17px] flex items-center">
<p class="font-bold text-[20px] leading-[20px] mr-4"> Thông tin cơ bản </p>
<div class="flex items-center">
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Lọc sản phẩm </option>
<option value=""> option </option>
</select>
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn Sản phẩm vào danh sách
</a>
</div>
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Sắp xếp sản phẩm </option>
<option value=""> option </option>
</select>
</div>
<div class="mb-[15px]">
<b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[6px]"> Ghi chú / mô tả </p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<div class="mb-[15px]">
<div class="mb-[12px]">
<p class="font-[300] mb-1">
<b class="font-bold">Google Product Category ID </b>
<i class="text-[#6B7280]"> Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách  </i>
<a href="" style="font-style: italic;"> tại đây </a>
</p>
<i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies > Pet Supplies > Bird Supplies > Bird Food </i>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<hr class="border-[4px] 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 class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="70"> Ảnh </td>
<td> Tên Sản phẩm </td>
<td> Thông tin bán hàng </td>
<td width="160"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
<td>
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
<p> Mã kho: <b> MOVI213 </b> </p>
<p> Lượt xem: 3.360 </p>
<p> Cập nhật: Hôm nay, 8:59 am </p>
</td>
<td>
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
<p> Kho hàng: <b>5</b> </p>
<p> Bảo hành: <b>36 Tháng</b> </p>
</td>
<td>
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
</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>

113
template/marketing/feed_list.html Normal file
View File

@@ -0,0 +1,113 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
<a href=""> Sản phẩm hiển thị Facebook </a>
</div>
<div class="m-0_0_16px_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: 2023 còn hàng </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white 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] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center flex-wrap justify-between mb-[20px]">
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Xóa danh sách được chọn
</a>
<div class="flex items-center font-[500] leading-[35px]">
<select class="min-w-[160px] h-[36px] m-[0_16px_0_0] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Xem theo điều kiện </option>
<option value=""> option </option>
</select>
<a href="/admin/marketing/feed?view=fb-product-select?id=" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] 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 sản phẩm</span>
</a>
</div>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="40"> <input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"> </td>
<td width="40"> STT </td>
<td width="70"> Ảnh </td>
<td> Tên Sản phẩm </td>
<td> Thông tin bán hàng </td>
<td width="180"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<input type="checkbox" class="scale-[1.5] js-checkbox-id">
</td>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/500x500" class="block">
</td>
<td>
<a href="" target="_blank"> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
<p> Mã kho: <b>  MOVI213 </b> </p>
<p> Lượt xem: 3360 </p>
<p> Cập nhật: Hôm nay, 8:59 am </p>
<p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p>
</td>
<td>
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
<p> Kho hàng: <b>5</b> </p>
<p> Bảo hành: <b>36 Tháng</b> </p>
</td>
<td>
<a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]">
Loại sản phẩm này
</a>
</td>
</tr>
<tr> <td align="center"> <input type="checkbox" class="scale-[1.5] js-checkbox-id"> </td><td align="center"> 2 </td><td><img src="https://via.placeholder.com/500x500/fe0" class="block"></td><td> <a href="" target="_blank"> Chuột game Steelseries </a> <p> Mã kho: <b>  MOVI213 </b> </p><p> Lượt xem: 3360 </p><p> Cập nhật: Hôm nay, 8:59 am </p><p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p></td><td> <p> Giá: <b class="text-[red]">999.000</b> vnđ </p><p> Kho hàng: <b></b> </p><p> Bảo hành: <b></b> </p></td><td> <a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]"> Loại sản phẩm này </a> </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>
<script src="{{ 'checkbox.js' | asset_url }}"></script>
<script>
const LIST_ID = '26';
const CheckList = Checkbox(removeProductFromFBList);
function removeProductFromFBList(pro_id) {
$.post("/admin/ajax/facebook.php",{
action : "remove-product-from-list"
, list_id : LIST_ID
, pro_id : pro_id
},function(data){
$("#row_"+pro_id).fadeOut();
});
}
</script>

83
template/marketing/feed_select.html Normal file
View File

@@ -0,0 +1,83 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
</div>
<div class="m-[0_0_16px_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]"> Chọn sản phẩm hiển thị Facebook </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white 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] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center justify-between m-[20px_0_16px]">
<div class="flex items-center">
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Thêm toàn bộ sản phẩm
</a>
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục Sản phẩm để xem
</a>
</div>
<div class="flex items-center">
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Lọc sản phẩm </option>
<option value=""> option </option>
</select>
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Sắp xếp sản phẩm </option>
<option value=""> option </option>
</select>
</div>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="70"> Ảnh </td>
<td> Tên Sản phẩm </td>
<td> Thông tin bán hàng </td>
<td width="160"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
<td>
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
<p> Mã kho: <b> MOVI213 </b> </p>
<p> Lượt xem: 3.360 </p>
<p> Cập nhật: Hôm nay, 8:59 am </p>
</td>
<td>
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
<p> Kho hàng: <b>5</b> </p>
<p> Bảo hành: <b>36 Tháng</b> </p>
</td>
<td>
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
</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>

2
template/marketing/promotion.html
View File

@@ -18,7 +18,7 @@
<span>Thêm khuyến mại mới</span>
</a>
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<a href="/admin/marketing/promotion-group" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<i class="far fa-bookmark mr-[8px]"></i>
<span>Nhóm khuyến mại</span>
</a>

2
template/marketing/promotion_add.html
View File

@@ -21,7 +21,7 @@
<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>
<a href="" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
<a href="/admin/marketing/promotion-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
</div>
{% endif %}

84
template/marketing/promotion_group.html Normal file
View File

@@ -0,0 +1,84 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
<a href=""> Nhóm khuyến mại </a>
</div>
<div class="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] mb-[10px] font-bold text-[24px]"> Nhóm khuyến mại </p>
<div class="flex items-center justify-between m-[10px_0_15px]">
<p> Tổ chức khuyến mại theo nhóm để lựa chọn cho sản phẩm nhanh hơn. </p>
<a href="/admin/marketing/promotion-group-add" class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-white">
<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 nhóm mới</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="40"> STT </td>
<td> Nhóm </td>
<td> Danh sách khuyến mại </td>
<td width="200"> Ghi chú </td>
<td> Cập nhật cuối </td>
<td> Sản phẩm </td>
<td width="85"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<b> KM màn </b>
<p> - Mô tả: </p>
<p> - Phân loại: Khách hàng được nhận tất cả KM trong nhóm </p>
</td>
<td>
<p> - Đón Tết Rồng Vàng Tặng 2024 Phần Quà (0 VND) </p>
<p> - KM Giá treo màn hình (0 VND) </p>
</td>
<td> </td>
<td>
<p> Trần Kim Ngân </p>
<p> 05-02-2024, 10:15 am </p>
</td>
<td>
<a href="/admin/marketing/promotion-group-product?id=1" class="whitespace-nowrap block text-center leading-[30px] rounded-[4px] text-[#fff_!important] bg-[#0041E8] p-[0_6px]">
Xem sản phẩm
</a>
</td>
<td>
<div class="items-center flex justify-center">
<a href="/admin/marketing/promotion-group-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="" title="Xóa" class="icons icon-delete"></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>

187
template/marketing/promotion_group_add.html Normal file
View File

@@ -0,0 +1,187 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
<a href=""> Form thêm/sửa khuyến mại </a>
</div>
<div class="max-w-[1141px] m-[0_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
{% if global.url contains 'id=' %}
<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 </p>
<a href="/admin/marketing/promotion-group-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 nhóm mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
</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)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
<a href="/admin/marketing/promotion-group-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
</div>
{% endif %}
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
<div class="mb-[15px]">
<p class="font-bold mb-[7px]"> Đặt tên nhóm </p>
<input type="text" value="" class="w-[100%] h-[32px] border border-[#D8D8D8] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
</div>
<div class="mb-[25px]">
<p class="font-bold mb-[7px]"> Mô tả </p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[7px] inline-block"> Chọn khuyến mại </p>
<a href="#popup-promotionListToSelect" data-fancybox class="inline-block m-[0_10px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
Chọn khuyến mại vào nhóm
</a>
<i class="font-300 text-[#6B7280]"> (* Cần nhấn Cập nhật để lưu lại) </i>
</div>
<div class="order-page-table mb-[15px]">
<table>
<thead>
<tr>
<td> Khuyến mại </td>
<td width="130"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr id="js-row-1">
<td style="vertical-align: middle;"> - Tặng ngay 01 Bếp lẩu nướng đa năng- hiệu Edra </td>
<td>
<div class="items-center flex justify-center">
<a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-1', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
<a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-1', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
<a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-1')" class="icons icon-delete hover:border-[#0041E8]"></a>
</div>
</td>
</tr>
<tr id="js-row-2"> <td style="vertical-align: middle;"> - Test Khuyến mại 2 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-2', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-2', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-2')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr><tr id="js-row-3"> <td style="vertical-align: middle;"> - Test 3 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-3', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-3', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-3')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr>
</tbody>
</table>
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[7px]"> Ghi chú <i class="font-[300] font=[#6B7280]">(* dành cho quản trị)</i> </p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
<input name="commit" 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>
<!-- Popup chọn khuyến mại -->
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn khuyến mại </p>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="400"> Khuyến mại </td>
<td width="250"> Thời gian </td>
<td> Ghi chú </td>
<td width="190"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<p> [Dịch vụ] </p>
<p> - Mô tả: <b> 🎁 Tặng ngay 01 màn hình Lenovo Q24i-20 trị giá 4.690.000 VNĐ </b> </p>
<p> - Giá trị: <b> 0 VNĐ </b> </p>
<p> - Số lượng: <b> 0 </b> </p>
</td>
<td>
<p class="m-[0_6px_6px_0]">
- Bắt đầu: 23-10-2023, 12:00 am <br>
- Kết thúc: 28-10-2023, 12:00 am
</p>
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
Đã chạy
</span>
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
Đã dừng
</span>
</td>
<td> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum cupiditate soluta, nam, placeat molestias, possimus id aliquam sed repellat voluptatum ullam quaerat voluptatem tempore quisquam? Assumenda atque exercitationem in officiis?</p> </td>
<td>
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
Chọn khuyến mại này
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging m-[20px_0!important]">
<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>
<!-- Popup chọn khuyến mại -->
<script>
function removeRow(row_id) {
$(row_id).remove();
}
function move($div, dir) {
//var $div = $(this).parent();
if (dir === 'up') {
$div.insertBefore($div.prev());
} else {
$div.insertAfter($div.next());
}
}
function movePromotion(row, dir) {
var $div = $(row);
move($div, dir);
}
</script>

290
template/marketing/promotion_group_product.html Normal file
View File

@@ -0,0 +1,290 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
<a href="/admin/marketing/promotion-group"> Nhóm khuyến mại </a>
<a href=""> Form thêm/sửa nhóm khuyến mại </a>
</div>
<div class="max-w-[1141px] m-[0_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
{% if global.url contains 'id=' %}
<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 </p>
<a href="/admin/marketing/promotion-group-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 nhóm mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
</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="/admin/marketing/promotion-group-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Danh sách sản phẩm </a>
</div>
{% endif %}
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
<div class="flex flex-wrap items-center justify-between mb-[13px]">
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
<a href="#popup-promotionListToSelect" data-fancybox="" class="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]">
<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 sản phẩm mới</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="90"> Ảnh </td>
<td width="350"> Tên </td>
<td> Thông tin bán hàng </td>
<td> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
</td>
<td>
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
<p> Mã kho : Hurasoft212333 </p>
</td>
<td>
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
<p> - Kho hàng : <b> 1 </b> </p>
<p> - Bảo hành : <b> 36 Tháng </b> </p>
</td>
<td>
<div class="items-center flex justify-center">
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></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>
</form>
</div>
</div>
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white 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] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center m-[15px_0]">
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục để xem
</a>
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn thương hiệu để xem
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td> Sản phẩm (Tổng số: 28.878) </td>
<td width="160"> Giá </td>
<td width="90"> Kho hàng </td>
<td width="150"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td align="left">
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
<p> Mã kho : <b>NBLN0777</b> </p>
</td>
<td> 19.999.000 </td>
<td> 1.000 </td>
<td>
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
Chọn sản phẩm
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging m-[20px_0!important]">
<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>
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
<!-- Popup Danh mục + thương hiệu -->
<dialog id="js_list_category" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
<ul class="h-[400px] overflow-auto leading-[24px]">
<li class="mb-[7px]">
<div>
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
</div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div>
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
</div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
<ul class="pl-[15px]">
<li>
<div>
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
</div>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
</li>
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
</li>
</ul>
</li>
<!-- loop -->
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
<!-- // -->
</ul>
</li>
<!-- Clone -->
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
<!-- // clone -->
</ul>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<dialog id="js_list_brand" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
<div class="h-[400px] overflow-auto">
<p class="mb-[6px]"> Tìm theo chữ cái:  </p>
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
<a href="">
A <span class="text-[black]">(73)</span>
</a>
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="40">STT</td>
<td>Thương hiệu</td>
<td width="120">Số sản phẩm</td>
<td width="80"></td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td>
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<!-- loop -->
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
<!-- // -->
</tbody>
</table>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<!-- Popup Danh mục + thương hiệu -->

290
template/marketing/promotion_product.html Normal file
View File

@@ -0,0 +1,290 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
<a href=""> Form thêm/sửa khuyến mại </a>
</div>
<div class="max-w-[1141px] m-[0_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
{% if global.url contains 'id=' %}
<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 </p>
<a href="/admin/marketing/promotion-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 khuyến mại mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
</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="/admin/marketing/promotion-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Danh sách sản phẩm </a>
</div>
{% endif %}
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
<div class="flex flex-wrap items-center justify-between mb-[13px]">
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
<a href="#popup-promotionListToSelect" data-fancybox="" class="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]">
<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 sản phẩm mới</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="90"> Ảnh </td>
<td width="350"> Tên </td>
<td> Thông tin bán hàng </td>
<td> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
</td>
<td>
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
<p> Mã kho : Hurasoft212333 </p>
</td>
<td>
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
<p> - Kho hàng : <b> 1 </b> </p>
<p> - Bảo hành : <b> 36 Tháng </b> </p>
</td>
<td>
<div class="items-center flex justify-center">
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
<a href="" title="Xóa" class="icons icon-delete"></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>
</form>
</div>
</div>
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white 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] cursor-pointer rounded-[4px]">
</form>
<div class="flex items-center m-[15px_0]">
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục để xem
</a>
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn thương hiệu để xem
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td> Sản phẩm (Tổng số: 28.878) </td>
<td width="160"> Giá </td>
<td width="90"> Kho hàng </td>
<td width="150"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td align="left">
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
<p> Mã kho : <b>NBLN0777</b> </p>
</td>
<td> 19.999.000 </td>
<td> 1.000 </td>
<td>
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
Chọn sản phẩm
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging m-[20px_0!important]">
<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>
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
<!-- Popup Danh mục + thương hiệu -->
<dialog id="js_list_category" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
<ul class="h-[400px] overflow-auto leading-[24px]">
<li class="mb-[7px]">
<div>
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
</div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div>
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
</div>
<ul class="pl-[15px]">
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
<ul class="pl-[15px]">
<li>
<div>
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
</div>
</li>
</ul>
</li>
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
</li>
<li class="mb-[2px]">
<div>
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
</div>
</li>
</ul>
</li>
<!-- loop -->
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
<!-- // -->
</ul>
</li>
<!-- Clone -->
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
<!-- // clone -->
</ul>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<dialog id="js_list_brand" class="modal">
<div class="modal-box max-w-xl p-[16px]">
<form method="dialog">
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
</form>
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
<div class="h-[400px] overflow-auto">
<p class="mb-[6px]"> Tìm theo chữ cái:  </p>
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
<a href="">
A <span class="text-[black]">(73)</span>
</a>
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td width="40">STT</td>
<td>Thương hiệu</td>
<td width="120">Số sản phẩm</td>
<td width="80"></td>
</tr>
</thead>
<tbody>
<tr align="center">
<td> 1 </td>
<td align="left"> ABS </td>
<td> 1 </td>
<td>
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
</td>
</tr>
<!-- loop -->
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
<!-- // -->
</tbody>
</table>
</div>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<!-- Popup Danh mục + thương hiệu -->