116 lines
6.6 KiB
HTML
116 lines
6.6 KiB
HTML
|
<div class="global-breadcrumb-container">
|
||
|
|
<a href="/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]">
|
||
|
|
<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="/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="/marketing/coupon-add?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||
|
|
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div 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">
|
||
|
|
|
||
|
|
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||
|
|
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm áp dụng phiếu giảm giá </p>
|
||
|
|
|
||
|
|
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||
|
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||
|
|
<span>Thêm sản phẩm mới</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<form method="get" enctype="multipart/form-data" action="/" class="flex items-center m-[15px_0] border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||
|
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm " class="w-[240px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||
|
|
|
||
|
|
<p class="whitespace-nowrap mr-[10px]">Chọn danh mục</p>
|
||
|
|
|
||
|
|
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||
|
|
<option value=""> Tất cả sản phẩm </option>
|
||
|
|
<option value=""> - Danh mục cấp 1 </option>
|
||
|
|
<option value=""> - Danh mục cấp 2 </option>
|
||
|
|
<option value=""> - Danh mục cấp 3 </option>
|
||
|
|
<option value=""> - Danh mục cấp 4 </option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||
|
|
<option value=""> Thương hiệu </option>
|
||
|
|
<option value=""> Brand </option>
|
||
|
|
<option value=""> Brand </option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<div class="order-page-table">
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<td width="50"> STT </td>
|
||
|
|
<td width="90"> Ảnh </td>
|
||
|
|
<td width="350"> Tên </td>
|
||
|
|
<td> Thông tin bán hàng </td>
|
||
|
|
<td> Lựa chọn </td>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td align="center"> 1 </td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<p> - Mã kho: <b> CN1 </b> </p>
|
||
|
|
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||
|
|
<p> - Kho hàng : <b> 1 </b> </p>
|
||
|
|
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<div class="items-center flex justify-center">
|
||
|
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||
|
|
|
||
|
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="paging">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</div>
|