141 lines
6.5 KiB
HTML
141 lines
6.5 KiB
HTML
<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> |