marketting

This commit is contained in:
2024-03-09 11:54:26 +07:00
parent 8679b320e1
commit 10b1b7da6e
40 changed files with 3595 additions and 514 deletions

View File

@@ -1,83 +1,59 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
<a href="/admin/marketing/feed"> Facebook/Google Feed </a>
<a href=""> Thêm/ sửa danh sách FB ad </a>
</div>
<div class="m-[0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Chọn sản phẩm hiển thị Facebook </p>
<div class="max-w-[1141px] m-auto">
<div class="flex flex-wrap items-start m-[0_0_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]">
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cập nhật nhóm FB ad </p>
<p class="text-[#6B7280]">ALL SP WEB 2023 NEW</p>
</div>
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] 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-[375px] 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)] ">
<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="flex items-center justify-between m-[20px_0_16px]">
<div class="flex items-center">
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Thêm toàn bộ sản phẩm
</a>
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn danh mục Sản phẩm để xem
</a>
<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>
</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">
<div class="mb-[17px] flex items-center">
<p class="font-bold text-[20px] leading-[20px] mr-4"> Thông tin cơ bản </p>
<div class="flex items-center">
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Lọc sản phẩm </option>
<option value=""> option </option>
</select>
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
Chọn Sản phẩm vào danh sách
</a>
</div>
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
<option value=""> Sắp xếp sản phẩm </option>
<option value=""> option </option>
</select>
</div>
<div class="mb-[15px]">
<b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="mb-[15px]">
<p class="font-bold mb-[6px]"> Ghi chú / mô tả </p>
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
</div>
<div class="mb-[15px]">
<div class="mb-[12px]">
<p class="font-[300] mb-1">
<b class="font-bold">Google Product Category ID </b>
<i class="text-[#6B7280]"> Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách  </i>
<a href="" style="font-style: italic;"> tại đây </a>
</p>
<i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies > Pet Supplies > Bird Supplies > Bird Food </i>
</div>
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
<input 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 class="order-page-table">
<table>
<thead>
<tr>
<td width="50"> STT </td>
<td width="70"> Ảnh </td>
<td> Tên Sản phẩm </td>
<td> Thông tin bán hàng </td>
<td width="160"> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
<td>
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
<p> Mã kho: <b> MOVI213 </b> </p>
<p> Lượt xem: 3.360 </p>
<p> Cập nhật: Hôm nay, 8:59 am </p>
</td>
<td>
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
<p> Kho hàng: <b>5</b> </p>
<p> Bảo hành: <b>36 Tháng</b> </p>
</td>
<td>
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
</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>