update
This commit is contained in:
79
old/template/marketing/conditional_promotion.html
Normal file
79
old/template/marketing/conditional_promotion.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="bg-white m-[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>
|
||||
<span>Thêm khuyến mại mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td>
|
||||
<p class="font-bold"> 20.000.000 </p>
|
||||
<p> - Tặng tiền mặt: 500.000 </p>
|
||||
<p> - Tùy chọn gói sản phẩm: 500.000 </p>
|
||||
<p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
|
||||
<p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
|
||||
<p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
|
||||
</td>
|
||||
|
||||
<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="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||
<a href="" class="current">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
141
old/template/marketing/conditional_promotion_add.html
Normal file
141
old/template/marketing/conditional_promotion_add.html
Normal file
@@ -0,0 +1,141 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/conditional-promotion"> Khuyến mại BuildPC </a>
|
||||
<a href=""> Form thêm / sửa khuyến mại </a>
|
||||
</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">
|
||||
<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>
|
||||
<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">
|
||||
<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] input input-md input-bordered rounded-[4px] 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] input input-md input-bordered rounded-[4px] 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] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="mb-[8px]">3. Nội dung: </p>
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
</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] input input-md input-bordered rounded-[4px] 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>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<p class="inline-block mr-[13px]"> Giá từ </p>
|
||||
<input type="number" value=""
|
||||
class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="inline-block mr-[13px]"> Đến </p>
|
||||
<input type="number" value=""
|
||||
class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] 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 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">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 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</td>
|
||||
</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]" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector: 'textarea#product-desc',
|
||||
height: 350,
|
||||
menubar: true,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | formatselect | ' +
|
||||
'bold italic backcolor | alignleft aligncenter ' +
|
||||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||
'removeformat | help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||
});
|
||||
</script>
|
||||
157
old/template/marketing/coupon.html
Normal file
157
old/template/marketing/coupon.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="marketing-coupon-page bg-white m-[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-[600] text-[24px]"> Coupon khuyến mại </p>
|
||||
|
||||
<div class="flex justify-between items-start m-[13px_0]">
|
||||
<p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ
|
||||
website.
|
||||
Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được
|
||||
ưu
|
||||
đãi ghi trên phiếu</p>
|
||||
|
||||
<a href="/admin/marketing/coupon-add"
|
||||
class="flex items-center whitespace-nowrap ml-[15px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm phiếu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td> Mã số </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Phân loại </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Trạng thái </td>
|
||||
<td> Thông tin khác </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr class="text-[13px]">
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="whitespace-nowrap"> CP231020233 </td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p class="font-bold"> Test phiếu giảm giá </p>
|
||||
<div> Test phiếu giảm giá </div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p class="font-bold"> Tặng sản phẩm </p>
|
||||
<p> Balo thời trang </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
|
||||
<div class="flex items-start">
|
||||
<p class="inline-block m-[0_6px_6px_0] text-[13px]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
<div>
|
||||
<span
|
||||
class="block w-[80px] text-center 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="block w-[80px] text-center 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 class="whitespace-nowrap">
|
||||
<p> 0 đã dùng </p>
|
||||
<p> Tổng số: 20 </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="w-[250px]">
|
||||
<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>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<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] text-[13px]">
|
||||
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||
- Kết thúc: 28-10-2023, 12:00 am
|
||||
</p>
|
||||
<div>
|
||||
<span
|
||||
class="block w-[80px] text-center 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="block w-[80px] text-center 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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
668
old/template/marketing/coupon_add.html
Normal file
668
old/template/marketing/coupon_add.html
Normal file
@@ -0,0 +1,668 @@
|
||||
<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 p-[0_15px]">
|
||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||
<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="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="/admin/marketing/coupon-product?id=8"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản
|
||||
phẩm </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">
|
||||
|
||||
<input type="hidden" name="info[id]" value="0" />
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> Mã số phiếu * </td>
|
||||
<td> CP220920213 </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Tên phiếu khuyến mại * </td>
|
||||
<td>
|
||||
<input type="text" value="Giảm tiền mặt" name="info[title]" placeholder="Tên phiếu khuyến mại *"
|
||||
class="w-[100%] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng,
|
||||
do vậy cần viết cụ thể.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Mô tả </td>
|
||||
<td>
|
||||
<textarea name="info[description]" placeholder="Mô tả"
|
||||
class="w-[100%] min-h-[76px] max-h-[150px] textarea p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">Test phiếu giảm giá </textarea>
|
||||
|
||||
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại
|
||||
này làm gì. Khách hàng không nhìn thấy.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Phân loại * </td>
|
||||
<td>
|
||||
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
||||
<select name='info[type]' onchange="show_content(this.value)"
|
||||
class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='pro' selected>Tặng sản phẩm</option>
|
||||
<option value='cash'>Tặng tiền mặt</option>
|
||||
<option value='priceoff'>Giảm giá %</option>
|
||||
<option value='other'>Khác</option>
|
||||
</select>
|
||||
|
||||
<div id="js-type-pro">
|
||||
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
||||
<input type="text" name="content_pro" value=""
|
||||
class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div id="js-type-cash" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập số tiền </span>
|
||||
<input type="text" name="content_cash" value=""
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (v.d. 200000, 3000000) </span>
|
||||
</div>
|
||||
|
||||
<div id="js-type-priceoff" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
||||
<input type="text" name="content_priceoff" value=""
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span>% (v.d. 12, 30)</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Thời gian hiệu lực * </td>
|
||||
<td>
|
||||
|
||||
<div class="items-center mb-[7px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="items-center" style="display: flex;">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[to_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Giá trị đơn hàng tối thiểu </td>
|
||||
<td>
|
||||
<input type="text" name="info[valid_order_value]" value="2.000.000"
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (để 0 nếu không áp dụng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
||||
<td>
|
||||
<input type="text" name="info[limit_use_per_user]" value="0"
|
||||
class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Áp dụng đồng thời với các mã KM khác </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[can_use_with_other]" value="1"
|
||||
class="scale-[1.2] mr-[7px]">
|
||||
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị công khai </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[show_to_public]" checked class="scale-[1.2] mr-[7px]">
|
||||
<span> Cho hiển thị công khai (nếu giao diện web có) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="all"
|
||||
class="left-0 radio checked:bg-blue-500 ">
|
||||
<span> Tất cả các sản phầm </span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="select" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Số lượng phiếu </td>
|
||||
<td>
|
||||
<input type="text" size="10" name="info[total]" value="0"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không có giới hạn) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị </td>
|
||||
<td>
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
|
||||
<input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
||||
<input type="radio" name="info[status]" value="0" checked
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật"
|
||||
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</form>
|
||||
|
||||
{% else %} <!-- Form thêm mớ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">
|
||||
Thêm / sửa coupon </p>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[100%] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
|
||||
<input type="hidden" name="info[id]" value="0" />
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> Mã số phiếu * </td>
|
||||
<td>
|
||||
<input type="hidden" name="info[code_auto]" value="">
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]">
|
||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')"
|
||||
name="info[code_type]" value="auto" checked class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Hệ thống tự tạo </span>
|
||||
</label>
|
||||
|
||||
<label class="flex items-center cursor-pointer relative pl-[26px] w-[fit-content]">
|
||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')"
|
||||
name="info[code_type]" value="manual" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]"> Tự nhập tay </span>
|
||||
</label>
|
||||
|
||||
<div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
|
||||
<input type="text" name="info[code_manual]" onchange="check_coupon_code(this.value, '0')"
|
||||
value=""
|
||||
class="h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
|
||||
<i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
|
||||
|
||||
<div id="check_coupon_code_status"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Tên phiếu khuyến mại * </td>
|
||||
<td>
|
||||
<input type="text" value="" name="info[title]" placeholder="Tên phiếu khuyến mại *"
|
||||
class="w-[100%] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng,
|
||||
do vậy cần viết cụ thể.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Mô tả </td>
|
||||
<td>
|
||||
<textarea name="info[description]" placeholder="Mô tả"
|
||||
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
|
||||
<i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại
|
||||
này làm gì. Khách hàng không nhìn thấy.</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Phân loại * </td>
|
||||
<td>
|
||||
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
||||
<select name='info[type]' onchange="show_content(this.value)"
|
||||
class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value='pro' selected>Tặng sản phẩm</option>
|
||||
<option value='cash'>Tặng tiền mặt</option>
|
||||
<option value='priceoff'>Giảm giá %</option>
|
||||
<option value='other'>Khác</option>
|
||||
</select>
|
||||
|
||||
<div id="js-type-pro">
|
||||
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
||||
<input type="text" name="content_pro" value=""
|
||||
class="h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div id="js-type-cash" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập số tiền </span>
|
||||
<input type="text" name="content_cash" value=""
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (v.d. 200000, 3000000) </span>
|
||||
</div>
|
||||
|
||||
<div id="js-type-priceoff" style="display:none">
|
||||
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
||||
<input type="text" name="content_priceoff" value=""
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span>% (v.d. 12, 30)</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Thời gian hiệu lực * </td>
|
||||
<td>
|
||||
|
||||
<div class="items-center mb-[7px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="items-center" style="display: flex;">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[to_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Giá trị đơn hàng tối thiểu </td>
|
||||
<td>
|
||||
<input type="text" name="info[valid_order_value]" value="0"
|
||||
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
<span> vnd (để 0 nếu không áp dụng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
||||
<td>
|
||||
<input type="text" name="info[limit_use_per_user]" value="0"
|
||||
class="w-[80px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Áp dụng đồng thời với các mã KM khác </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[can_use_with_other]" value="1"
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text"> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị công khai </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||
<input type="checkbox" name="info[show_to_public]"
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text"> Cho hiển thị công khai (nếu giao diện web có) </span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Điều kiện áp dụng </td>
|
||||
<td>
|
||||
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="all"
|
||||
class="left-0 radio checked:bg-blue-500" checked>
|
||||
<span class="label-text ml-[5px]"> Tất cả các sản phầm </span>
|
||||
</label>
|
||||
<br>
|
||||
|
||||
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
|
||||
<input type="radio" name="info[product_condition]" value="select"
|
||||
class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]"> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản
|
||||
phẩm)</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Số lượng phiếu </td>
|
||||
<td>
|
||||
<input type="text" size="10" name="info[total]" value="0"
|
||||
class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
<span> (để 0 nếu không có giới hạn) </span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Hiển thị </td>
|
||||
<td>
|
||||
<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 radio checked:bg-blue-500"
|
||||
checked>
|
||||
<span class="label-text ml-[5px]">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" class="left-0 radio checked:bg-blue-500">
|
||||
<span class="label-text ml-[5px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật"
|
||||
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</form>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function show_content(ty) {
|
||||
var list_type = ['pro', 'cash', 'priceoff'];
|
||||
|
||||
for (var i = 0; i < list_type.length; i++) {
|
||||
var t_ty = list_type[i];
|
||||
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
|
||||
else document.getElementById('js-type-' + t_ty).style.display = 'none';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
116
old/template/marketing/coupon_product.html
Normal file
116
old/template/marketing/coupon_product.html
Normal 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=""> - Danh mục cấp 2 </option>
|
||||
<option value=""> - Danh mục cấp 3 </option>
|
||||
<option value=""> - 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>
|
||||
1
old/template/marketing/detail.html
Normal file
1
old/template/marketing/detail.html
Normal file
@@ -0,0 +1 @@
|
||||
<div></div>
|
||||
108
old/template/marketing/feed.html
Normal file
108
old/template/marketing/feed.html
Normal file
@@ -0,0 +1,108 @@
|
||||
{% 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="w-[100%]">
|
||||
<div
|
||||
class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
|
||||
|
||||
<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?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>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
|
||||
<tr>
|
||||
<td width="45"> STT </td>
|
||||
<td> Danh sách </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td> Facebook feed </td>
|
||||
<td> Google feed </td>
|
||||
<td> Cập nhật </td>
|
||||
<td width="270"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="font-bold whitespace-nowrap"> 2023 còn hàng </td>
|
||||
|
||||
<td align="center"> 6.055 sp </td>
|
||||
|
||||
<td>
|
||||
<div class="min-w-[200px]">
|
||||
<input type="text" value="/feed/facebook.php?id=1" readonly
|
||||
class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
|
||||
<a href=""> FB feed </a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="min-w-[200px]">
|
||||
<input type="text" value="/feed/google.php?id=1" readonly
|
||||
class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
|
||||
<a href=""> Google feed </a>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p> Trương Thị Thái Ninh </p>
|
||||
<p> 25-10-2023, 3:05 pm </p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center w-[250px]">
|
||||
<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="/admin/marketing/feed?view=fb-product-add&id=1"
|
||||
class="icons icon-edit mr-[8px]" title="Sửa lại"></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>
|
||||
</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>
|
||||
{% endif %}
|
||||
70
old/template/marketing/feed_add.html
Normal file
70
old/template/marketing/feed_add.html
Normal file
@@ -0,0 +1,70 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/feed"> Facebook/Google Feed </a>
|
||||
<a href=""> Thêm/ sửa danh sách FB ad </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||||
<div
|
||||
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[6px]"> Ghi chú / mô tả </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
|
||||
<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%] input input-md input-bordered h-[35px] rounded-[4px] 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>
|
||||
113
old/template/marketing/feed_list.html
Normal file
113
old/template/marketing/feed_list.html
Normal 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
old/template/marketing/feed_select.html
Normal file
83
old/template/marketing/feed_select.html
Normal 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>
|
||||
1
old/template/marketing/home.html
Normal file
1
old/template/marketing/home.html
Normal file
@@ -0,0 +1 @@
|
||||
<div></div>
|
||||
45
old/template/marketing/poster_list.html
Normal file
45
old/template/marketing/poster_list.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="m-[16px_0_16px_16px] p-[20px_15px] bg-white">
|
||||
<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">
|
||||
<i class="fas fa-file-download m-[0_4px_0_0]"></i> Upload poster mới
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
|
||||
<tr>
|
||||
<td> STT </td>
|
||||
<td> Quản trị </td>
|
||||
<td> Tên file </td>
|
||||
<td> Danh sách file </td>
|
||||
<td> Thời gian đăng </td>
|
||||
<td> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"> 1 </td>
|
||||
<td> admin@hurasoft.com </td>
|
||||
<td> Huyen - Test - Bỉm (Mẹ & Bé).html </td>
|
||||
<td> </td>
|
||||
<td> 02-08-2023, 4:51 pm </td>
|
||||
<td> <a href="javascript:void(0)" class="icons icon-delete m-auto" title="Xóa"></a> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="center"> 2 </td>
|
||||
<td> admin@hurasoft.com </td>
|
||||
<td> Huyen - Test - Bỉm (Mẹ & Bé).html </td>
|
||||
<td> </td>
|
||||
<td> 02-08-2023, 4:51 pm </td>
|
||||
<td> <a href="javascript:void(0)" class="icons icon-delete m-auto" title="Xóa"></a> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
48
old/template/marketing/poster_upload.html
Normal file
48
old/template/marketing/poster_upload.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<div class="global-breadcrumb-container">
|
||||
<a href="/admin/marketing/poster-list"> Danh sách Poster </a>
|
||||
<a href=""> Upload Poster </a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-[1140px] m-auto p-[0_15px]">
|
||||
|
||||
<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>
|
||||
|
||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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>
|
||||
</div>
|
||||
|
||||
<form enctype="multipart/form-data" method="post"
|
||||
class="w-[calc(100%_-25%_-16px)] 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
|
||||
</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"
|
||||
class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
|
||||
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]">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
63
old/template/marketing/product_offer.html
Normal file
63
old/template/marketing/product_offer.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
|
||||
<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">
|
||||
<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]">
|
||||
<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>
|
||||
|
||||
<!-- col left -->
|
||||
<div class="w-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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>
|
||||
</div>
|
||||
|
||||
<!-- col right -->
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] 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>
|
||||
|
||||
<td>
|
||||
<input type="file"
|
||||
class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Lựa chọn </td>
|
||||
|
||||
<td>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[5px]">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-success" />
|
||||
<span class="label-text ml-[5px]">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>
|
||||
</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]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
95
old/template/marketing/promotion.html
Normal file
95
old/template/marketing/promotion.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<div class="w-[100%]">
|
||||
<div
|
||||
class="marketing-coupon-page bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </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="hidden" name="opt" value="marketing">
|
||||
<input type="hidden" name="view" value="promotion">
|
||||
|
||||
<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 justify-between m-[20px_0_25px]">
|
||||
<p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm
|
||||
phù
|
||||
hợp cho từng khuyến mại </p>
|
||||
|
||||
<div class="flex items-center">
|
||||
<a href="/admin/marketing/promotion-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]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
|
||||
<span>Thêm khuyến mại mới</span>
|
||||
</a>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table">
|
||||
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
|
||||
<tr class="font-[600]">
|
||||
<td width="50"> STT </td>
|
||||
<td> Khuyến mại </td>
|
||||
<td> Thời gian </td>
|
||||
<td> Cập nhật cuối </td>
|
||||
<td> Sản phẩm </td>
|
||||
<td width="180"> Lựa chọn </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<td align="center"> 1 </td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>
|
||||
[Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
|
||||
</p>
|
||||
<p> - Mô tả: Phiếu mua hàng </p>
|
||||
<p> - Giá trị: 0 VND </p>
|
||||
<p> - Số lượng: 0 </p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>Không giới hạn thời gian</p>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap">
|
||||
<p>Admin</p>
|
||||
<p>06-06-2020, 10:57 am</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/admin/marketing/promotion-product?id=1"
|
||||
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="flex items-center flex-wrap justify-center w-[180px]">
|
||||
<a href="/admin/marketing/promotion-add?id=1"
|
||||
class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
|
||||
title="Sửa lại"></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="" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
|
||||
<a href="" title="Dừng khuyến mại"
|
||||
class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||
</div>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
278
old/template/marketing/promotion_add.html
Normal file
278
old/template/marketing/promotion_add.html
Normal file
@@ -0,0 +1,278 @@
|
||||
<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-[auto] p-[0_15px]">
|
||||
<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-[25%] mr-[16px]">
|
||||
<div
|
||||
class="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="/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>
|
||||
</div>
|
||||
|
||||
|
||||
{% endif %}
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||
|
||||
<p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Hình thức</b> </p>
|
||||
|
||||
<select class="w-[300px_!important] select select-bordered h-[40px] min-h-[40px]">
|
||||
<option value="" selected> Quà tặng </option>
|
||||
<option value=""> Dịch vụ </option>
|
||||
<option value=""> Sản phẩm </option>
|
||||
<option value=""> Khác </option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="inline-block m-[0_17px_7px_0]"> <b>Ảnh đại diện (nếu có)</b> </p>
|
||||
<input type="file" name="file_thumbnail" />
|
||||
|
||||
<div>
|
||||
<img src="https://via.placeholder.com/400x300" class="block m-[10px_0_0] max-h-[100px]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap justify-between">
|
||||
<div class="mb-[18px] w-[49%]">
|
||||
<p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
|
||||
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px] w-[49%]">
|
||||
<p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
|
||||
<input type="text" value="0"
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Mô tả</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px] flex flex-wrap">
|
||||
<p class="mr-[45px]"> <b>Thời gian hiệu lực</b> </p>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[time_valid]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Không giới hạn thời gian</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[time_valid]" value="1" class="radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[10px]">Thời gian giới hạn</span>
|
||||
</label>
|
||||
|
||||
<div class="items-center mb-[10px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="items-center" style="display: flex;">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
|
||||
<select name='info[to_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi tiết hoặc link
|
||||
sản phẩm) </p>
|
||||
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
|
||||
<div class="mb-[18px]">
|
||||
<p class="mb-[7px]"> <b>Ghi chú</b> </p>
|
||||
|
||||
<textarea
|
||||
class="w-[100%] min-h-[70px] max-h-[100px] textarea rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<p> <b>Hiển thị</b> </p>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center m-[0_76px]">
|
||||
<input type="radio" name="info[status]" value="1" class="radio checked:bg-blue-500" checked />
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" />
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||||
|
||||
<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>
|
||||
84
old/template/marketing/promotion_group.html
Normal file
84
old/template/marketing/promotion_group.html
Normal 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
old/template/marketing/promotion_group_add.html
Normal file
187
old/template/marketing/promotion_group_add.html
Normal 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
old/template/marketing/promotion_group_product.html
Normal file
290
old/template/marketing/promotion_group_product.html
Normal 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
old/template/marketing/promotion_product.html
Normal file
290
old/template/marketing/promotion_product.html
Normal 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 -->
|
||||
Reference in New Issue
Block a user