marketting

2024-03-09 11:54:26 +07:00
parent 8679b320e1
commit 10b1b7da6e
40 changed files with 3595 additions and 514 deletions
--- a/template/marketing/feed_select.html
+++ b/template/marketing/feed_select.html
@@ -0,0 +1,83 @@
+<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>
+</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>
+
+    <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>
+
+        <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>
+
+            <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>
+
+    <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>