154 lines
12 KiB
HTML
154 lines
12 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-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="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>
|
|
{% 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="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-[400px_!important]">
|
|
<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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] 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="items-center cursor-pointer relative pl-[30px] mb-[10px]" style="display: inline-flex;">
|
|
<input type="radio" name="info[time_valid]" value="1" class="left-0" checked>
|
|
<span> Không giới hạn thời gian </span>
|
|
</label>
|
|
<br>
|
|
|
|
<label class="items-center cursor-pointer relative pl-[30px] mb-[13px]" style="display: inline-flex;">
|
|
<input type="radio" name="info[time_valid]" value="2" class="left-0">
|
|
<span> 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' style="width: 85px;">
|
|
<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' style="width: 85px;">
|
|
<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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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] p-[6px_10px] 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="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
|
|
<input type="radio" name="info[status]" value="1" class="left-0" checked>
|
|
<span>Cho hiển thị</span>
|
|
</label>
|
|
|
|
<label class="flex items-center cursor-pointer relative pl-[30px]">
|
|
<input type="radio" name="info[status]" value="0" class="left-0">
|
|
<span>Ẩ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>
|