u

template/tag/add.html

@@ -0,0 +1,82 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/tag">Quản lý tag</a></li>
+            <li class="text-[#0041E8]">Thêm tag mới</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <div class="flex items-center justify-between">
+                <h1 class="text-[20px] font-[700]">Thêm tag</h1>
+                <div class="flex items-center">
+                    <a href="/tag/add"
+                        class="group flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
+                        <span
+                            class="w-[14.5px] group-hover:text-white group-hover:border-white h-[14.5px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.5px] mr-[5px] text-[#6B7280]">+</span>
+                        <span class="text-[#6B7280] group-hover:text-white">Thêm tag mới</span>
+                    </a>
+                    <a href="/tag"
+                        class="group flex items-center ml-[10px] border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700">
+                        <span class="text-[#0041E8] group-hover:text-white">Danh sách tag</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
+                        sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A]">
+                    <b class="block text-[20px] mb-[15px] font-[700]">Thông tin tag</b>
+                    <div class="mb-[15px]">
+                        <label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên tag</label>
+                        <input type="text" name="" value="" placeholder="tên tag"
+                            class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    </div>
+                    <div class="mb-[15px]">
+                        <label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Url Index
+                            <span class="ml-[5px] text-gray-500 font-[400] italic">(* Để trống sẽ được tạo tự động v.d.
+                                abc-xyz
+                                sẽ là
+                                /tag/abc-xyz)</span></label>
+                        <input type="text" name="" value="" placeholder="Url Index"
+                            class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    </div>
+                    <div class="mb-[15px]">
+                        <label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Mô tả</label>
+                        <textarea id="textarea-desc"> </textarea>
+                    </div>
+
+                    <div class="mb-[15px]">
+                        <label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta Title</label>
+                        <input type="text" name="" value="" placeholder="Meta Title"
+                            class="w-full input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    </div>
+
+                    <div class="">
+                        <label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Meta
+                            Description</label>
+                        <textarea type="text" name="" value="" placeholder="Meta Description"
+                            class="w-full textarea input-bordered h-[100px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                    </div>
+
+                </div>
+                <div
+                    class="bg-white p-[10px_15px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A] mt-[5px] border border-t-[2px] border-[#F6F6F6]">
+                    <input
+                        class="btn w-[95px] h-[35px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
+                        name="submit" type="submit" value="Cập nhật">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

template/tag/home.html

@@ -0,0 +1,79 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Danh sách tag</h1>
+
+        <div
+            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)] flex items-center justify-between">
+            <form method="get" enctype="multipart/form-data" action="/" class="">
+                <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>
+
+            <a href="/tag/add"
+                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 tag mới</span>
+            </a>
+        </div>
+
+        <table class="mt-[15px] w-[100%]">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-bold">
+                <tr>
+                    <td>STT</td>
+                    <td>Tag</td>
+                    <td>Link đích</td>
+                    <td>Thời gian tạo</td>
+                    <td>Lựa chọn</td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>ATO tesst</td>
+                    <td>
+                        <div class="flex items-center">
+                            <input type="text" class="input input-bordered input-md h-[35px] rounded-[4px] w-[300px]"
+                                value="/tag/ato-tesst">
+                            <a href="/tag/ato-tesst" class="text-[#0041E8] ml-[10px] font-bold">xem</a>
+                        </div>
+                    </td>
+                    <td>20-10-2023, 5:58 pm / Khách</td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="/tag/add?id=1"
+                                class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]"><i
+                                    class="icons icon-edit"></i></a>
+                            <a href="/tag/" class="p-[5px] border-[1px] rounded-[4px] ml-[10px]"><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>màn hình thời gián đáp ứng 5ms</td>
+                    <td>
+                        <div class="flex items-center">
+                            <input type="text" class="input input-bordered input-md h-[35px] rounded-[4px] w-[300px]"
+                                value="/tag/ato-tesst">
+                            <a href="/tag/ato-tesst" class="text-[#0041E8] ml-[10px] font-bold">xem</a>
+                        </div>
+                    </td>
+                    <td>20-10-2023, 5:58 pm / Khách</td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="/tag/add?id=1"
+                                class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]"><i
+                                    class="icons icon-edit"></i></a>
+                            <a href="/tag/delete/1" class="p-[5px] border-[1px] rounded-[4px] ml-[10px]"><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>