668 lines
39 KiB
HTML
668 lines
39 KiB
HTML
<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]">
|
|
{% 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> CP220920212 </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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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)]">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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] 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="0"
|
|
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="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] 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="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> |