187 lines
11 KiB
HTML
187 lines
11 KiB
HTML
|
<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>
|