294 lines
15 KiB
HTML
294 lines
15 KiB
HTML
<div class="global-breadcrumb-container">
|
||
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||
<a href="/admin/deal/deal-add"> Thêm sản phẩm deal </a>
|
||
<a href=""> Form thêm deal </a>
|
||
</div>
|
||
|
||
<div class="max-w-[1141px] m-[0_auto_20px] p-[0_16px]">
|
||
<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-[18px] flex flex-wrap items-center justify-between">
|
||
<p class="font-bold text-[20px]"> Cập nhật deal </p>
|
||
|
||
<div class="flex items-center">
|
||
<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]">
|
||
<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 deal</span>
|
||
</a>
|
||
|
||
<a href="/admin/deal" title="Danh sách deal"
|
||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||
</div>
|
||
|
||
<p class="w-[100%] text-[#6B7280]">
|
||
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||
</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-[18px] block">
|
||
|
||
<p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
|
||
|
||
<div class="mb-[24px]">
|
||
<p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[24px]">
|
||
<p class="mb-[7px]"> <b>Sản phẩm liên quan</b> </p>
|
||
|
||
<p class="text-[#6B7280]">
|
||
Màn hình máy tính HKC M20A6 20 Inch Full HD
|
||
<a href="">Xem link</a>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="mb-[24px]">
|
||
<p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</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>
|
||
|
||
<p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
|
||
|
||
<p class="mb-[20px] font-bold text-[20px]"> Thông tin bán Sản phẩm </p>
|
||
|
||
<div class="mb-[24px] flex items-center">
|
||
<p class="w-[140px]"> <b>Giá sản phẩm</b> </p>
|
||
|
||
<p class="text-[#6B7280]"> 17.999.000 VNĐ </p>
|
||
</div>
|
||
|
||
<div class="mb-[24px] flex items-center">
|
||
<p class="w-[140px]"> <b> Giá deal </b> </p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="flex flex-wrap justify-between">
|
||
<div class="mb-[24px] w-[32%]">
|
||
<p class="mb-[6px]">
|
||
<b> Số lượng bán </b>
|
||
(Số đang có: 8)
|
||
</p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[24px] w-[32%]">
|
||
<div class="mb-[6px] relative">
|
||
<b> Số lượng tối thiểu phải mua </b>
|
||
|
||
<div class="inline-block relative group">
|
||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||
|
||
<p
|
||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||
Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có
|
||
thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[24px] w-[32%]">
|
||
<div class="mb-[6px]">
|
||
<b> Số lượng tối đa được mua </b>
|
||
|
||
<div class="inline-block relative group">
|
||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||
|
||
<p
|
||
class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
|
||
Số lượng tối đa 1 khách hàng được phép đặt mua
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-[24px]">
|
||
<p class="mb-[10px]"> <b>Thời gian hiệu lực *</b> </p>
|
||
|
||
<div class="flex items-center mb-[12px]">
|
||
<p style="width: 65px;"> Bắt đầu </p>
|
||
<div class="relative m-[0_35px_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="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
|
||
<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="flex items-center">
|
||
<p style="width: 65px;"> Kết thúc </p>
|
||
<div class="relative m-[0_35px_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="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
|
||
<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 class="mb-[24px]">
|
||
<p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
|
||
|
||
<input type="text" value="0"
|
||
class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</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 radio checked:bg-blue-500" checked>
|
||
<span class="label-text ml-[10px]">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 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> |