marketting

template/media/home.html

@@ -0,0 +1,99 @@
+<div
+    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+    <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
+
+    <form method="get" enctype="multipart/form-data" action="/admin/"
+        class="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=""
+            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 flex-wrap justify-between mb-[20px]">
+        <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=""> Xem phân nhóm </option>
+                <option value=""> option </option>
+            </select>
+
+            <a href=""
+                class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                Quản lý nhóm media
+            </a>
+        </div>
+
+        <a href=""
+            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
+            <span
+                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+            <span>Thêm nội dung mới</span>
+        </a>
+    </div>
+
+    <p class="m-[13pX_0]">
+        <b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
+        chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào miêu
+        tả Sản phẩm hay bài viết khác.
+    </p>
+
+    <div class="order-page-table">
+        <table>
+            <thead>
+                <tr>
+                    <td width="50"> STT </td>
+                    <td width="120"> Xem nhanh </td>
+                    <td> Tên file </td>
+                    <td width="120"> Loại file </td>
+                    <td> Thời gian </td>
+                    <td width="120"> Lựa chọn </td>
+                </tr>
+            </thead>
+
+            <tbody>
+
+                <tr align="center">
+                    <td> 1 </td>
+
+                    <td>
+                        <a href=""
+                            class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Xem nhanh
+                        </a>
+                    </td>
+
+                    <td>
+                        <div class="flex items-center">
+                            <p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
+
+                            <input type="text" value="/media/lib/11-08-2023/new.png" readonly
+                                class="max-w-[700px] w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
+                        </div>
+                    </td>
+
+                    <td> banner </td>
+
+                    <td> 2023-08-11 00:00:00 </td>
+
+                    <td>
+                        <div class="items-center flex justify-center">
+                            <a href="" title="Sửa lại" class="icons icon-edit"></a>
+
+                            <a href="" title="Xóa" class="icons icon-delete"></a>
+                        </div>
+
+                        <div class="flex items-center justify-center mt-[5px]">
+                            <p class="mr-[8px]">STT</p>
+
+                            <input type="text" value="0"
+                                class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </div>
+                    </td>
+                </tr>
+
+            </tbody>
+        </table>
+    </div>
+
+</div>