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

marketting

Browse Source
This commit is contained in:
Tieptk
2024-03-09 11:54:26 +07:00
parent 8679b320e1
commit 10b1b7da6e
40 changed files with 3595 additions and 514 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
template/marketing/conditional_promotion.html
View File

@@ -1,9 +1,12 @@
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div
class="bg-white m-[16px_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-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
<a href="/admin/marketing/conditional-promotion-add" 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>
<a href="/admin/marketing/conditional-promotion-add"
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 khuyến mại mới</span>
</a>
</div>
@@ -44,11 +47,15 @@
<td>
<div class="items-center flex">
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="" 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="" 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="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại"
class="icons icon-edit"></a>
<a href="" 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="" 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="" class="icons icon-delete" title="Xóa"></a>
</div>

66
template/marketing/conditional_promotion_add.html
View File

@@ -4,45 +4,55 @@
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
<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">
<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 khuyến mại </p>
<a href="/admin/marketing/conditional-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>
<a href="/admin/marketing/conditional-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</span>
</a>
<p class="w-[100%] text-[#6B7280]">
100 triệu
</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;"> Thông tin </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="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;"> Thông tin </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">
<table>
<tr>
<td width="215"> <b>Tên gọi</b> </td>
<td>
<input type="text" value="" placeholder="Tên gọi" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value="" placeholder="Tên gọi"
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
<i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
</td>
</tr>
<tr>
<td> <b>Nội dung khuyến mại</b> </td>
<td>
<div class="mb-[15px]">
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[100%] h-[36px] 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="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[15px]">
@@ -52,43 +62,48 @@
</td>
</tr>
<tr>
<td> <b> Điều kiện áp dụng * </b> </td>
<td>
<div class="mb-[15px]">
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i></p>
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i>
</p>
<div class="flex items-center justify-between">
<div>
<p class="inline-block mr-[13px]"> Giá từ </p>
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div>
<p class="inline-block mr-[13px]"> Đến </p>
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<input type="text" value=""
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
</td>
</tr>
<tr>
<td> <b> Hiển thị </b> </td>
<td style="padding: 14px">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0">
<span>Cho hiển thị</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<span>Ẩn hiển thị</span>
</label>
@@ -96,7 +111,8 @@
</tr>
</table>
<input 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]"/>
<input 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>

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>

956
template/marketing/coupon_add.html
View File

File diff suppressed because it is too large Load Diff

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>

2
template/marketing/detail.html
View File

@@ -1 +1 @@
template/marketing/detail.html
<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/home.html
View File

@@ -1 +1 @@
template/marketing/home.html
<div></div>

3
template/marketing/poster_list.html
View File

@@ -2,7 +2,8 @@
<p class="m-[0_0_13px] text-[24px] font-bold leading-[31px]"> Danh sách poster quảng cáo </p>
<div class="text-right m-[13px_0_20px]">
<a href="/admin/marketing/poster-upload" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
<a href="/admin/marketing/poster-upload"
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
<i class="fas fa-file-download m-[0_4px_0_0]"></i> Upload poster mới
</a>
</div>

30
template/marketing/poster_upload.html
View File

@@ -5,28 +5,40 @@
<div class="max-w-[1140px] m-auto">
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster. Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file upload).</i>
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file
upload).</i>
<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"> Upload poster quảng cáo </p>
<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">
Upload poster quảng cáo </p>
<div class="flex flex-wrap items-start m-[16px_0]">
<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;"> Upload Poster </a>
<div class="flex flex-wrap items-start m-[16px_0]">
<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;"> Upload Poster </a>
</div>
<form enctype="multipart/form-data" method="post" class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<form enctype="multipart/form-data" method="post"
class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
<p class="mb-[20px]">
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có
chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là
https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
</p>
<div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
<p class="mr-[10px]">Chọn file zip để upload (dung lượng tối đa 20MB)</p>
<input type="file" name="zip_file" size="40" />
</div>
<input name="submit" 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]">
<input name="submit" 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>

34
template/marketing/product_offer.html
View File

@@ -1,25 +1,33 @@
<div class="max-w-[1141px] m-[17px_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
<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-[20px] flex flex-wrap items-center justify-between">
<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-[20px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
<a href="/admin/deal/deal-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]">
<a href="/admin/deal/deal-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]">
<i class="far fa-file-excel mr-2"></i>
<span>Tải danh sách hiện tại</span>
</a>
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file excel thì Upload lại để hệ thống nhận mới. </p>
</div>
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file
excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file
excel thì Upload lại để hệ thống nhận mới. </p>
</div>
<!-- col left -->
<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;"> Thông tin </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;"> Thông tin </a>
</div>
<!-- col right -->
<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-[20px] block text-[#6B7280]">
<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-[20px] block text-[#6B7280]">
<table>
<tr>
<td width="215"> File cập nhật </td>
@@ -34,16 +42,18 @@
<td>
<label class="inline-flex items-center mb-[5px] cursor-pointer">
<input type="checkbox" class="mr-[10px] scale-[1.5]"/>
<input type="checkbox" class="mr-[10px] scale-[1.5]" />
<span> Xóa dữ liệu cũ trước khi cập nhật </span>
</label>
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi cập nhật dữ liệu nhận được từ file excel)</i>
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi
cập nhật dữ liệu nhận được từ file excel)</i>
</td>
</tr>
</table>
<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] mt-[17px]"/>
<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] mt-[17px]" />
</form>
</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 -->