update

old/assets/script/checkbox.js

@@ -0,0 +1,51 @@
+/**
+ * Created by Glee on 03-Nov-2020.
+ */
+
+const Checkbox = function (deleteItemCb) {
+
+    const INPUT_CHECKBOX_CLASS = '.js-checkbox-id';
+    let _deleteItemCb = deleteItemCb;
+
+    return {
+        setAllChecked,
+        getCheckedIds,
+        deleteSelected
+    }
+
+    function setAllChecked() {
+        var all_checkboxes = $(INPUT_CHECKBOX_CLASS);
+
+        if ($(this).is(':checked')) {
+            all_checkboxes.each(function (index, item) {
+                $(item).prop("checked", true);
+            })
+        } else {
+            all_checkboxes.each(function (index, item) {
+                $(item).prop("checked", false);
+            })
+        }
+    }
+
+    function deleteSelected() {
+        if (!confirm('Bạn chắc chắn muốn xóa ?')) {
+            return;
+        }
+
+        $(INPUT_CHECKBOX_CLASS).each(function (index, item) {
+            if ($(item).is(':checked')) {
+                //delete_deal(item.value, false);
+                _deleteItemCb(item.value)
+            }
+        });
+    }
+
+    function getCheckedIds() {
+        let list_ids = [];
+        $(INPUT_CHECKBOX_CLASS).each(function (index, item) {
+            if ($(item).is(':checked')) list_ids.push(item.value);
+        });
+
+        return list_ids;
+    }
+};

old/assets/script/global.js

@@ -0,0 +1,40 @@
+"use strict";
+const AdminFunction = (() => {
+    function capNhatTrangThaiMenu(e) {
+        !1 === e ? $("#js-admin-content-container").addClass("show-large-menu") : $("#js-admin-content-container").removeClass("show-large-menu"), $("#js-menu-big").toggleClass("hidden", e), $("#js-menu-small").toggleClass("hidden", !e), $("#js-form-search").toggleClass("menu-hide", e), localStorage.setItem(e ? "menu_big" : "menu_small", "hidden"), localStorage.removeItem(e ? "menu_small" : "menu_big");
+    }
+    function e(e) {
+        let t = null;
+        return function (...n) {
+            const o = this, a = function () {
+                t = null, n.length > 0 && !e && func.apply(o, n);
+            }, i = e && !t;
+            clearTimeout(t), t = setTimeout(a, wait), i && func.apply(o, n);
+        };
+    }
+    function t(t) {
+        $("#status_" + t).html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Đang xử lý..</span>'), setTimeout(() => {
+            $("#status_" + t).html("");
+        }, 1e3);
+    }
+    function n(e) {
+        $(e).keyup((() => {
+            $("#js-show-search").show();
+        }));
+        $("body").click((() => {
+            $("#js-show-search").hide();
+        }));
+    }
+    function o(e) {
+        $("#js-status-hottype-" + e).html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Đang xử lý..</span>'), setTimeout(() => {
+            $("#js-status-hottype-" + e).html("");
+        }, 1e3);
+    }
+    function i(e) {
+        $("#overlay").addClass("active"), $(".status-notificatiom").addClass("active"), !0 === e ? $(".status-notificatiom .content").html('<i class="fa fa-check"></i> <b>Cập nhật thành công</b>\n            <p>Đơn hàng #000-368 đã được cập nhật thành công</p>') : $(".status-notificatiom .content").html('<i class="fa-solid fa-triangle-exclamation"></i> <b>Lỗi cập nhật</b><p>Có một số vấn đề với hoạt động của bạn.</p>');
+    }
+    function r() {
+        $("#overlay").removeClass("active"), $(".status-notificatiom").removeClass("active");
+    }
+    return { capNhatTrangThaiMenu: capNhatTrangThaiMenu, add_product_to_category: t, run_search: n, update_product_hot: o, checkForm: i, closeForm: r };
+})();

old/assets/script/hura.global.css

@@ -0,0 +1,41 @@
+/* ===========================
+   FONT IMPORT (Dùng chung)
+   =========================== */
+@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900;1000&display=swap";
+@import "https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@400;500;600;700;800;1000&display=swap";
+@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;500;600;700;800;900;1000&display=swap";
+@import "https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700;800;1000&display=swap";
+
+@layer properties {
+  :root {
+    --font-sans: "Inclusive Sans", sans-serif;
+    --text-base: 16px;
+    --color-hura: #0041e8;
+    --color-header: #002bb5;
+    --text-base--line-height: 1.5;
+  }
+}
+
+@layer base {
+  html,
+  body {
+    font-family: var(--font-sans);
+    font-size: var(--text-base);
+    line-height: var(--text-base--line-height);
+  }
+  * {
+    box-sizing: border-box;
+  }
+}
+
+@layer components {
+  .btn-active {
+    --btn-bg: var(--color-hura);
+    --btn-fg: #ffffff;
+    --btn-border: var(--color-hura);
+  }
+  .btn-active:hover {
+    --btn-bg: #002bb5;
+    --btn-border: #002bb5;
+  }
+}

old/assets/typescript/main.js

@@ -0,0 +1,65 @@
+"use strict";
+var AdminFunctions = (function () {
+    function toggleMenuVisibility(hideLargeMenu) {
+        var contentContainer = $('#js-admin-content-container');
+        var largeMenu = $('#js-menu-big');
+        var smallMenu = $('#js-menu-small');
+        var searchForm = $('#js-form-search');
+        contentContainer.toggleClass('show-large-menu', !hideLargeMenu);
+        largeMenu.toggleClass('hidden', hideLargeMenu);
+        smallMenu.toggleClass('hidden', !hideLargeMenu);
+        searchForm.toggleClass('menu-hide', hideLargeMenu);
+        localStorage.setItem(hideLargeMenu ? 'menu_big' : 'menu_small', 'hidden');
+        localStorage.removeItem(hideLargeMenu ? 'menu_small' : 'menu_big');
+    }
+    function debounce(func, wait, immediate) {
+        var timeout = null;
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var context = this;
+            var later = function () {
+                timeout = null;
+                if (!immediate)
+                    func.apply(context, args);
+            };
+            var callNow = immediate && !timeout;
+            if (timeout !== null) {
+                clearTimeout(timeout);
+            }
+            timeout = setTimeout(later, wait);
+            if (callNow)
+                func.apply(context, args);
+        };
+    }
+    function addProductToCategory(productId) {
+        var statusElement = $('#status_' + productId);
+        statusElement.html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Processing...</span>');
+        setTimeout(function () {
+            statusElement.html('');
+        }, 1000);
+    }
+    function searchSuggestions(inputSelector) {
+        $(inputSelector).keyup(debounce(function () {
+            $('#js-show-search').show();
+        }, 300, false));
+        $('body').click(function () {
+            $('#js-show-search').hide();
+        });
+    }
+    function markProductAsHot(productId) {
+        var statusElement = $('#js-status-hottype-' + productId);
+        statusElement.html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Processing...</span>');
+        setTimeout(function () {
+            statusElement.html('');
+        }, 1000);
+    }
+    return {
+        toggleMenuVisibility: toggleMenuVisibility,
+        addProductToCategory: addProductToCategory,
+        searchSuggestions: searchSuggestions,
+        markProductAsHot: markProductAsHot
+    };
+})();

old/assets/typescript/main.ts

@@ -0,0 +1,76 @@
+"use strict";
+
+interface AdminFunctions {
+    toggleMenuVisibility(hideLargeMenu: boolean): void;
+    addProductToCategory(productId: string): void;
+    searchSuggestions(inputSelector: string): void;
+    markProductAsHot(productId: string): void;
+}
+
+const AdminFunctions: AdminFunctions = (() => {
+
+    function toggleMenuVisibility(hideLargeMenu: boolean): void {
+        const contentContainer = $('#js-admin-content-container');
+        const largeMenu = $('#js-menu-big');
+        const smallMenu = $('#js-menu-small');
+        const searchForm = $('#js-form-search');
+
+        contentContainer.toggleClass('show-large-menu', !hideLargeMenu);
+        largeMenu.toggleClass('hidden', hideLargeMenu);
+        smallMenu.toggleClass('hidden', !hideLargeMenu);
+        searchForm.toggleClass('menu-hide', hideLargeMenu);
+
+        localStorage.setItem(hideLargeMenu ? 'menu_big' : 'menu_small', 'hidden');
+        localStorage.removeItem(hideLargeMenu ? 'menu_small' : 'menu_big');
+    }
+
+    function debounce(func: (...args: any[]) => void, wait: number, immediate: boolean) {
+        let timeout: ReturnType<typeof setTimeout> | null = null;
+        return function (this: HTMLInputElement, ...args: any[]) {
+            const context = this;
+            const later = function () {
+                timeout = null;
+                if (!immediate) func.apply(context, args);
+            };
+            const callNow = immediate && !timeout;
+            if (timeout !== null) {
+                clearTimeout(timeout);
+            }
+            timeout = setTimeout(later, wait);
+            if (callNow) func.apply(context, args);
+        };
+    }
+
+    function addProductToCategory(productId: string): void {
+        const statusElement = $('#status_' + productId);
+        statusElement.html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Processing...</span>');
+        setTimeout(() => {
+            statusElement.html('');
+        }, 1000);
+    }
+
+    function searchSuggestions(inputSelector: string): void {
+        $(inputSelector).keyup(debounce(function (this: HTMLInputElement) {
+            $('#js-show-search').show();
+        }, 300, false) as any);
+
+        $('body').click(function () {
+            $('#js-show-search').hide();
+        });
+    }
+
+    function markProductAsHot(productId: string): void {
+        const statusElement = $('#js-status-hottype-' + productId);
+        statusElement.html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Processing...</span>');
+        setTimeout(() => {
+            statusElement.html('');
+        }, 1000);
+    }
+
+    return {
+        toggleMenuVisibility,
+        addProductToCategory,
+        searchSuggestions,
+        markProductAsHot
+    };
+})();

old/template/addon/home.html

@@ -0,0 +1 @@
+template/addon/home.html

old/template/admin/add.html

@@ -0,0 +1,106 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/admin"> Danh sách quản trị viên </a>
+    <a href=""> Form thêm/sửa quản trị viên </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <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] block"> Cập nhật quản trị </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="/admin/admin/add" style="color: #Fff;background: #0041E8;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Thông tin
+        </a>
+        <a href="/admin/admin/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Quyền xem menu
+        </a>
+        <a href="/admin/admin/entity-permission" style="color: #919699;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Quyền chỉnh sửa
+        </a>
+    </div>
+
+    <div class="w-[852px]">
+        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
+            <div class="form-control mb-[15px] w-[100%]">
+                <label class="block font-[600] text-[14px] mb-[5px]">Họ và tên</label>
+                <input name="" id="" placeholder="Họ và tên" value="Khắc tiệp"
+                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
+            </div>
+            <div class="form-control mb-[15px] w-[100%]">
+                <label class="block font-[600] text-[14px] mb-[5px]">Phòng ban</label>
+                <div class="flex items-center">
+                    <select name="" id=""
+                        class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        <option value="">Chọn phòng ban</option>
+                    </select>
+                    <a href="/admin/admin/department-add" class="ml-[5px] text-[#0041E8]">Quản lý phòng ban</a>
+                </div>
+            </div>
+            <div class="form-control mb-[15px] w-[100%]">
+                <label class="block font-[600] text-[14px] mb-[5px]">Email (dùng đăng nhập)</label>
+                <input name="" id="" placeholder="Email" value="tieptk@hurasoft.com"
+                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
+            </div>
+            <div class="form-control mb-[15px] w-[100%]">
+                <div class="flex items-center mb-[5px]">
+                    <label class="font-[600] text-[14px]">Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để
+                        trống)</label>
+                    <span class="ml-[5px] text-[#6B7280] italic">(* tối thiểu 6 ký tự)</span>
+                </div>
+                <input name="" type="password" id=""
+                    placeholder="Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để trống)"
+                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
+            </div>
+            <div class="form-control mb-[15px] w-[100%]">
+                <label class="block font-[600] text-[14px] mb-[5px]">Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng
+                    (IP mạng của bạn là : 2405:4802:1d21:1660:45f1:2aba:d8c0:b1f1)
+                </label>
+                <textarea name="" id="" placeholder="Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng"
+                    class="w-[100%] h-[80px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+            </div>
+            <label class="check-form flex items-center mb-[15px] cursor-pointer">
+                <input type="checkbox" name="change_url_on_update" value="1" checked=""
+                    class="checkbox checkbox-success">
+                <span class="ml-[10px] text-[#6B7280] label-text">Không giới hạn theo IP. Cho phép người ngày truy cập
+                    quản trị
+                    website ở mọi nơi (v.d. ở nhà, nơi công cộng)</span>
+            </label>
+            <div class="form-control mb-[15px] w-[100%]">
+                <label class="block font-[600] text-[14px] mb-[5px]">Phân quyền đặc biệt</label>
+                <label class="check-form flex items-center cursor-pointer">
+                    <input type="checkbox" name="change_url_on_update" value="1" checked=""
+                        class="checkbox checkbox-success">
+                    <span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
+                        quyền này
+                        sẽ
+                        không cần bị hạn chế bởi quy định phân quyền)
+                    </span>
+                </label>
+            </div>
+
+            <div class="form-control w-[100%]">
+                <label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
+                <label class="check-form flex items-center cursor-pointer">
+                    <input type="checkbox" name="change_url_on_update" value="1" checked=""
+                        class="checkbox checkbox-success">
+                    <span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
+                        quyền này
+                        sẽ không cần bị hạn chế bởi quy định phân quyền)
+                    </span>
+                </label>
+            </div>
+
+        </div>
+        <div
+            class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <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]" />
+        </div>
+    </div>
+</div>

old/template/admin/admin_log_product.html

@@ -0,0 +1,45 @@
+<div class="w-[100%]">
+    <div class="global-breadcrumb-container">
+        <a href="/admin/admin"> Danh sách quản trị viên </a>
+        <a href="" class="text-[#0041E8]"> Theo dõi hoạt động tạo sản phẩm </a>
+    </div>
+
+    <div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <div class="flex items-center justify-between">
+            <h1 class="text-[24px] font-[700] ">Theo dõi hoạt động tạo sản phẩm</h1>
+            <div class="flex items-center">
+                <a href="/admin/admin"
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                    <span class="ml-1">Danh sách quản trị</span>
+                </a>
+            </div>
+        </div>
+
+        <table class="mt-[25px]">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-bold">
+                <tr>
+                    <td>STT</td>
+                    <td>Quản trị</td>
+                    <td>Ngày</td>
+                    <td>Tổng Sản phẩm tạo</td>
+                    <td>Sản phẩm được duyệt</td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td><a href="" class="text-blue-600">adminkenli@gmail.com</a></td>
+                    <td><a href="" class="text-blue-600">2025-3-12</a></td>
+                    <td>
+                        <div class="flex items-center">
+                            <span>1 -</span>
+                            <a href="" class="text-blue-600">Xem</a>
+                        </div>
+                    </td>
+                    <td>0</td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>

old/template/admin/department.html

@@ -0,0 +1,48 @@
+<div class="w-[100%]">
+    <div class="global-breadcrumb-container">
+        <a href="/admin/admin"> Danh sách quản trị viên </a>
+        <a href="" class="text-[#0041E8]"> Danh sách phòng ban </a>
+    </div>
+
+    <div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <div class="flex items-center justify-between">
+            <h1 class="text-[24px] font-[700] ">Danh sách phòng ban</h1>
+            <div class="flex items-center">
+                <a href="/admin/admin/department_add"
+                    class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[15px] w-[15px]  leading-[12px] text-center rounded-[50%] mr-1">+</span>
+                    <span>Thêm phòng ban mới</span>
+                </a>
+                <a href="/admin/admin"
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                    <span class="ml-1">Danh sách quản trị</span>
+                </a>
+            </div>
+        </div>
+
+        <table class="mt-[25px] table">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
+                <tr>
+                    <th class="w-[38px]">STT</th>
+                    <th>Phòng ban</th>
+                    <th>Email</th>
+                    <th>Code</th>
+                    <th>Quản trị</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>Hurasoft test code không được xóa</td>
+                    <td></td>
+                    <td></td>
+                    <td><a href="/admin/admin/department_add&id=1" class="font-bold">Sửa lại</a></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+
+
+</div>

old/template/admin/department_add.html

@@ -0,0 +1,81 @@
+<div class="w-[100%]">
+    <div class="global-breadcrumb-container">
+        <a href="/admin/admin"> Danh sách quản trị viên </a>
+        <a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
+    </div>
+
+    <div class="max-w-[1141px] m-[0_auto_16px_auto]">
+        <div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <div class="flex items-center justify-between">
+                <h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
+                <div class="flex items-center">
+                    <a href="/admin/admin/department_add"
+                        class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
+                        <span
+                            class="border-[1px] border-[#0041E8] h-[15px] w-[15px]  leading-[12px] text-center rounded-[50%] mr-1">+</span>
+                        <span>Thêm mới</span>
+                    </a>
+                    <a href="/admin/admin/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
+                        text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
+                        font-[500]">
+                        <span class="ml-1">Danh sách phòng ban</span>
+                    </a>
+                    <a href="/admin/admin"
+                        class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                        <span class="ml-1">Danh sách quản trị</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <div class="flex mt-[15px]">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
+                    <a href="/admin/distributor/form"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] leading-[35px] px-[20px]">Thông
+                        tin</a>
+                    <a href="/admin/admin/department_menu_permission?id=0"
+                        class="item block w-[100%] h-[36px] bg-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
+                        xem menu</a>
+                    <a href="/admin/admin/department_entity_permission?id=0"
+                        class="item block w-[100%] h-[36px] bg-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
+                        chỉnh sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="p-[15px] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="block text-[20px] mb-[23px]">Thông tin phong ban</b>
+                    <div class="mb-[15px]">
+                        <label for="" class="block mb-[10px] font-[700] text-[14px] text-[#383C44]">Tên phòng
+                            ban</label>
+                        <input type="text" name="" value="Test" placeholder="Tên phòng ban"
+                            class="w-[100%] 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]">Email</label>
+                        <input type="text" name="" value="Test" placeholder="Địa chỉ email"
+                            class="w-[100%] 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]">Code</label>
+                        <input type="text" name="" value="Test" placeholder="Code"
+                            class="w-[100%] 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 type="text" name="" value="Test" placeholder="Code"
+                            class="w-[100%] h-[70px] textarea input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                    </div>
+                </div>
+                <div class="p-[15px] bg-white rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] mt-15px]">
+                    <input type="hidden" name="create" value="yes" />
+                    <input name="commit" 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]" />
+                </div>
+            </div>
+        </div>
+
+
+    </div>
+</div>

old/template/admin/department_entity_permission.html

@@ -0,0 +1,136 @@
+<div class="w-[100%]">
+    <div class="global-breadcrumb-container">
+        <a href="/admin/admin"> Danh sách quản trị viên </a>
+        <a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
+    </div>
+
+    <div class="max-w-[1141px] m-[0_auto_16px_auto]">
+        <div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <div class="flex items-center justify-between">
+                <h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
+                <div class="flex items-center">
+                    <a href="/admin/admin/department_add"
+                        class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
+                        <span
+                            class="border-[1px] border-[#0041E8] h-[15px] w-[15px]  leading-[12px] text-center rounded-[50%] mr-1">+</span>
+                        <span>Thêm mới</span>
+                    </a>
+                    <a href="/admin/admin/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
+                                text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
+                                font-[500]">
+                        <span class="ml-1">Danh sách phòng ban</span>
+                    </a>
+                    <a href="/admin/admin"
+                        class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                        <span class="ml-1">Danh sách quản trị</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <div class="flex mt-[15px]">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
+                    <a href="/admin/distributor/form"
+                        class="item block w-[100%] h-[36px] bg-white rounded-[10px_10px_0_0]  border-b-[1px] border-gray-100 leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Thông
+                        tin</a>
+                    <a href="/admin/admin/department_menu_permission?id=0"
+                        class="item block w-[100%] h-[36px] bg-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
+                        xem menu</a>
+                    <a href="/admin/admin/department_entity_permission?id=0"
+                        class="item block w-[100%] h-[36px] bg-[#0041E8] text-white  rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
+                        chỉnh sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
+                    <b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
+                    <div class="mb-[20px] text-[#6B7280]">
+                        <p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền
+                            của quản
+                            trị viên sẽ được
+                            thừa hưởng từ quyền
+                            của phòng ban.
+                        </p>
+                        <p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
+                            quản trị viên có thể
+                            xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được
+                            đường link
+                            truy cập. Để hạn
+                            chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
+                        </p>
+                    </div>
+
+                    <table class="table">
+                        <thead class="bg-[#f6f6f6] text-[#000] font-[500]">
+                            <tr>
+                                <th class="w-[40px]">STT</th>
+                                <th>Hạng mục</th>
+                                <th class="w-[210px]">Được phép xem</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr class="bg-[#FFE6C1] font-[700]">
+                                <td>1</td>
+                                <td colspan="2">Bán hàng</td>
+                            </tr>
+                            <tr>
+                                <td>1.1</td>
+                                <td>Danh sách đơn hàng</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1.2</td>
+                                <td>Chờ mua sản phẩm</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1.3</td>
+                                <td>Thanh toán qua cổng dịch vụ</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                            <tr class="bg-[#FFE6C1] font-[700]">
+                                <td>2</td>
+                                <td colspan="2">Sản phẩm</td>
+                            </tr>
+                            <tr>
+                                <td>2.1</td>
+                                <td>Danh sách Sản phẩm</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div
+                    class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+                    <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]" />
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+
+</div>

old/template/admin/department_menu_permission.html

@@ -0,0 +1,135 @@
+<div class="w-[100%]">
+    <div class="global-breadcrumb-container">
+        <a href="/admin/admin"> Danh sách quản trị viên </a>
+        <a href="" class="text-[#0041E8]"> Form sửa phòng ban </a>
+    </div>
+
+    <div class="max-w-[1141px] m-[0_auto_16px_auto]">
+        <div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <div class="flex items-center justify-between">
+                <h1 class="text-[24px] font-[700] ">Thêm phòng ban</h1>
+                <div class="flex items-center">
+                    <a href="/admin/admin/department_add"
+                        class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
+                        <span
+                            class="border-[1px] border-[#0041E8] h-[15px] w-[15px]  leading-[12px] text-center rounded-[50%] mr-1">+</span>
+                        <span>Thêm mới</span>
+                    </a>
+                    <a href="/admin/admin/department" class=" flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px]
+                            text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white
+                            font-[500]">
+                        <span class="ml-1">Danh sách phòng ban</span>
+                    </a>
+                    <a href="/admin/admin"
+                        class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                        <span class="ml-1">Danh sách quản trị</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <div class="flex mt-[15px]">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] overflow-hidden">
+                    <a href="/admin/distributor/form"
+                        class="item block w-[100%] h-[36px] bg-white  rounded-[10px_10px_0_0] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Thông
+                        tin</a>
+                    <a href="/admin/admin/department_menu_permission?id=0"
+                        class="item block w-[100%] h-[36px] bg-[#0041E8] text-white leading-[35px] px-[20px] border-b-[1px] border-gray-100 hover:bg-[#0041E8] hover:text-white">Quyền
+                        xem menu</a>
+                    <a href="/admin/admin/department_entity_permission?id=0"
+                        class="item block w-[100%] h-[36px] bg-white rounded-[0_0_10px_10px] leading-[35px] px-[20px] hover:bg-[#0041E8] hover:text-white">Quyền
+                        chỉnh sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
+                    <b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
+                    <div class="mb-[20px] text-[#6B7280]">
+                        <p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền
+                            của quản
+                            trị viên sẽ được
+                            thừa hưởng từ quyền
+                            của phòng ban.
+                        </p>
+                        <p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
+                            quản trị viên có thể
+                            xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được
+                            đường link
+                            truy cập. Để hạn
+                            chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
+                        </p>
+                    </div>
+
+                    <table class="table">
+                        <thead class="bg-[#f6f6f6] text-[#000] font-[500]">
+                            <tr>
+                                <th class="w-[40px]">STT</th>
+                                <th>Hạng mục</th>
+                                <th class="w-[210px]">Được phép xem</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr class="bg-[#FFE6C1] font-[700]">
+                                <td>1</td>
+                                <td colspan="2">Bán hàng</td>
+                            </tr>
+                            <tr>
+                                <td>1.1</td>
+                                <td>Danh sách đơn hàng</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1.2</td>
+                                <td>Chờ mua sản phẩm</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1.3</td>
+                                <td>Thanh toán qua cổng dịch vụ</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                            <tr class="bg-[#FFE6C1] font-[700]">
+                                <td>2</td>
+                                <td colspan="2">Sản phẩm</td>
+                            </tr>
+                            <tr>
+                                <td>2.1</td>
+                                <td>Danh sách Sản phẩm</td>
+                                <td>
+                                    <label class="check-form flex items-center cursor-pointer">
+                                        <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                        <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                                    </label>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div
+                    class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+                    <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]" />
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+</div>

old/template/admin/entity_permission.html

@@ -0,0 +1,144 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/admin"> Danh sách quản trị viên </a>
+    <a href=""> Form thêm/sửa quản trị viên </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <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] block"> Cập nhật quản trị </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="/admin/admin/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Thông tin
+        </a>
+        <a href="/admin/admin/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Quyền xem menu
+        </a>
+        <a href="/admin/admin/entity-permission" style="color: #fff;background: #0041E8;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Quyền chỉnh sửa
+        </a>
+    </div>
+
+    <div class="w-[852px]">
+        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
+            <b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
+            <div class="mb-[20px] text-[#6B7280]">
+                Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
+                trị viên sẽ được thừa hưởng từ quyền
+                của phòng ban.
+            </div>
+
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
+                    <tr>
+                        <th class="w-[40px]">STT</th>
+                        <th>Hạng mục</th>
+                        <th>Được phép xem</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="bg-[#FFE6C1] font-[700]">
+                        <td>1</td>
+                        <td colspan="2">Bán hàng</td>
+                    </tr>
+                    <tr>
+                        <td>1.1</td>
+                        <td>Danh sách đơn hàng</td>
+                        <td>
+                            <div class="flex items-center">
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1.2</td>
+                        <td>Chờ mua sản phẩm</td>
+                        <td>
+                            <div class="flex items-center">
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1.3</td>
+                        <td>Thanh toán qua cổng dịch vụ</td>
+                        <td>
+                            <div class="flex items-center">
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="bg-[#FFE6C1] font-[700]">
+                        <td>2</td>
+                        <td colspan="2">Sản phẩm</td>
+                    </tr>
+                    <tr>
+                        <td>2.1</td>
+                        <td>Danh sách Sản phẩm</td>
+                        <td>
+                            <div class="flex items-center">
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+        <div
+            class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <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]" />
+        </div>
+    </div>
+</div>

old/template/admin/home.html

@@ -0,0 +1,103 @@
+<div class="w-[100%]">
+    <div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Danh sách quản trị website</h1>
+        <form action=""
+            class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] my-[15px] border-[1px] border-[#F6F6F6]">
+            <input type="text" name=""
+                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+                placeholder="Tìm theo tên/email">
+            <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
+        </form>
+
+        <div class="flex items-center justify-between">
+            <select name="" id=""
+                class="w-[260px] h-[35px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F] rounded-[4px] px-[5px]">
+                <option value="">Chọn phòng ban</option>
+            </select>
+
+            <div class="flex items-center">
+                <a href="/admin/admin/add"
+                    class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[15px] w-[15px]  leading-[12px] text-center rounded-[50%] mr-1">+</span>
+                    <span>Thêm quản trị mới</span>
+                </a>
+                <a href="/admin/admin/department"
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                    <i class="fa-regular fa-file-pdf"></i>
+                    <span class="ml-1">Danh sách phòng ban</span>
+                </a>
+                <a href="/admin/admin/admin-log-product"
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                    <i class="fa-solid fa-box"></i>
+                    <span class="ml-1">Theo dõi tạo sản phẩm</span>
+                </a>
+                <a href="/admin/admin/login-log"
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                    <i class="fa-solid fa-user-gear"></i>
+                    <span class="ml-1">Quản trị đăng nhập</span>
+                </a>
+            </div>
+        </div>
+
+        <table class="table mt-[15px]">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
+                <tr>
+                    <th class="w-[38px]">STT</th>
+                    <th>Họ tên</th>
+                    <th>Email</th>
+                    <th>Phòng ban</th>
+                    <th>Thời gian tạo</th>
+                    <th>Đăng nhập lần cuối</th>
+                    <th>IP đăng nhập</th>
+                    <th class="w-[140px]">Xem lịch sử</th>
+                    <th class="w-[95px]">Quản lý</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>
+                        <p>Khách hàng hunglong.vn</p>
+                        <span
+                            class="px-[5px] py-[3px] rounded-[10px] border border-[#E00000] text-[#E00000] text-[12px] font-[700]">Tạm
+                            khóa</span>
+                    </td>
+                    <td>
+                        hunglong@hurasoft.com
+                    </td>
+                    <td>
+                        Khách hàng test giao diện
+                    </td>
+                    <td>
+                        29-01-2024, 1:34 pm
+                    </td>
+                    <td>
+                        07-03-2024, 9:54 am
+                    </td>
+                    <td>
+                        2405:4802:1d21:1660:c4b3:5e6e:3699:f991
+                    </td>
+                    <td>
+                        <a href="/admin/admin/admin-log"
+                            class="btn w-[120px] h-[34px] min-h-[34px] px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem
+                            toàn
+                            bộ</a>
+                    </td>
+                    <td>
+                        <div class="list-btn flex items-center justify-center">
+                            <a href="/admin/template/upload-set" title="Form sản phẩm"
+                                class="w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-delete"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

old/template/admin/login_log.html

@@ -0,0 +1,40 @@
+<div class="w-[100%]">
+    <div class="global-breadcrumb-container">
+        <a href="/admin/admin"> Danh sách quản trị viên </a>
+        <a href="" class="text-[#0041E8]"> Danh sách đăng nhập quản trị </a>
+    </div>
+
+    <div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <div class="flex items-center justify-between">
+            <h1 class="text-[24px] font-[700] ">Danh sách đăng nhập quản trị</h1>
+            <div class="flex items-center">
+                <a href="/admin/admin"
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-white bg-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
+                    <span class="ml-1">Danh sách quản trị</span>
+                </a>
+            </div>
+        </div>
+
+        <table class="mt-[25px]">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-bold">
+                <tr>
+                    <td>STT</td>
+                    <td>User</td>
+                    <td>IP</td>
+                    <td>Thời gian</td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td><a href="" class="text-blue-600">adminkenli@gmail.com</a></td>
+                    <td>2405:4802:21c:5670:cf0:8f00:98e3:972d</td>
+                    <td>
+                        04-04-2025, 10:17 am
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>

old/template/admin/menu_permission.html

@@ -0,0 +1,112 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/admin"> Danh sách quản trị viên </a>
+    <a href=""> Form thêm/sửa quản trị viên </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <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] block"> Cập nhật quản trị </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="/admin/admin/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Thông tin
+        </a>
+        <a href="/admin/admin/menu-permission" style="color: #fff;background: #0041E8;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Quyền xem menu
+        </a>
+        <a href="/admin/admin/entity-permission" style="color: #919699;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Quyền chỉnh sửa
+        </a>
+    </div>
+
+    <div class="w-[852px]">
+        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
+            <b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
+            <div class="mb-[20px] text-[#6B7280]">
+                <p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
+                    trị viên sẽ được
+                    thừa hưởng từ quyền
+                    của phòng ban.
+                </p>
+                <p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
+                    quản trị viên có thể
+                    xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được đường link
+                    truy cập. Để hạn
+                    chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
+                </p>
+            </div>
+
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[#000] font-[500]">
+                    <tr>
+                        <th class="w-[40px]">STT</th>
+                        <th>Hạng mục</th>
+                        <th class="w-[210px]">Được phép xem</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="bg-[#FFE6C1] font-[700]">
+                        <td>1</td>
+                        <td colspan="2">Bán hàng</td>
+                    </tr>
+                    <tr>
+                        <td>1.1</td>
+                        <td>Danh sách đơn hàng</td>
+                        <td>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1.2</td>
+                        <td>Chờ mua sản phẩm</td>
+                        <td>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1.3</td>
+                        <td>Thanh toán qua cổng dịch vụ</td>
+                        <td>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
+                        </td>
+                    </tr>
+                    <tr class="bg-[#FFE6C1] font-[700]">
+                        <td>2</td>
+                        <td colspan="2">Sản phẩm</td>
+                    </tr>
+                    <tr>
+                        <td>2.1</td>
+                        <td>Danh sách Sản phẩm</td>
+                        <td>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+        <div
+            class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <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]" />
+        </div>
+    </div>
+</div>

old/template/article/category.html

@@ -0,0 +1,163 @@
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[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 mục nội dung </p>
+
+        <div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
+            <a href="/admin/article/category-add"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 danh mục mới</span>
+            </a>
+
+            <a href="/admin/article"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <i class="far fa-folder mr-2"></i>
+                <span>Danh sách nội dung</span>
+            </a>
+        </div>
+
+        <div class="table">
+            <table>
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
+                    <tr>
+                        <td width="600"> Danh mục </td>
+                        <td width="50" align="center"> ID </td>
+                        <td width="100" align="center"> Hiển thị </td>
+                        <td width="100" align="center"> STT </td>
+                        <td width="120" align="center"> Số bài viết </td>
+                        <td width="172" align="center"> Lựa chọn </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+
+                    <tr align="center">
+                        <td align="left"> 1. Danh mục cấp 1 </td>
+
+                        <td> 1 </td>
+
+                        <td> child_article </td>
+
+                        <td>
+                            <input type="text" value="0"
+                                class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </td>
+
+                        <td>
+                            <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
+                            <a href=""
+                                class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                                Xem
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit mr-[6px]"></a>
+
+                                <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="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye 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>
+
+                    <!-- Danh mục cấp 2 -->
+                    <tr align="center">
+                        <td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
+
+                        <td> 1 </td>
+
+                        <td> child_article </td>
+
+                        <td>
+                            <input type="text" value="0"
+                                class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </td>
+
+                        <td>
+                            <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
+                            <a href=""
+                                class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                                Xem
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit mr-[6px]"></a>
+
+                                <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="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye 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>
+
+                    <!-- Danh mục cấp 3 -->
+                    <tr align="center">
+                        <td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
+
+                        <td> 1 </td>
+
+                        <td> child_article </td>
+
+                        <td>
+                            <input type="text" value="0"
+                                class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </td>
+
+                        <td>
+                            <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
+                            <a href=""
+                                class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                                Xem
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit mr-[6px]"></a>
+
+                                <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="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye 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>
+</div>

old/template/article/form.html

@@ -0,0 +1,502 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/article"> Bài viết </a>
+    <a href=""> Form cập nhật Bài viết </a>
+</div>
+
+<div class="max-w-[1141px] m-auto p-[0_15px]">
+    <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">
+            {% if global.url contains 'id=' %}
+            <p class="font-bold text-[20px]"> Sửa nội dung </p>
+
+            <p class="w-[100%] text-[#6B7280] order-[1]">
+                ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ
+            </p>
+            {% else %}
+            <p class="font-bold text-[20px]"> Thêm mới </p>
+            {% endif %}
+
+            <div class="flex items-center">
+                <a href="/admin/article/form"
+                    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 nội dung mới</span>
+                </a>
+
+                <a href=""
+                    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="far fa-folder mr-2"></span>
+                    <span>Quản lý danh mục</span>
+                </a>
+
+                <a href="/admin/article" title="Danh sách nội dung"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+            </div>
+        </div>
+
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="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)" style="color: #Fff;background: #0041E8;"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
+                </a>
+
+                {% if global.url contains 'id=' %}
+                <a href="/admin/article/tag?id=1"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
+                <a href="/admin/article/relation?id=1&related_item_type=product"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
+                    quan:
+                    Sản phẩm </a>
+                <a href="/admin/article/relation?id=1&related_item_type=product-category"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
+                    quan:
+                    Danh mục sản phẩm </a>
+                {% endif %}
+            </div>
+        </div>
+
+        <form method="post" enctype="multipart/form-data"
+            class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
+
+                <div class="mb-[15px] flex flex-wrap items-center">
+                    <p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
+
+                    <div class="inline-block">
+                        <img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
+                    </div>
+
+                    <label class="cursor-pointer">
+                        <span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
+
+                        <input type="file" name="file_thumbnail"
+                            class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
+                    </label>
+                </div>
+
+                <div class="mb-[15px] flex flex-wrap items-center">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
+
+                    <div class="inline-block">
+                        <img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
+                    </div>
+
+                    <label class="cursor-pointer">
+                        <span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
+
+                        <input type="file" name="file_thumbnail"
+                            class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
+                    </label>
+                </div>
+
+                <div
+                    class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
+                    <p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh
+                            mục  </i> </p>
+
+                    <div class="overflow-auto max-h-[250px]">
+                        <div class="mb-1">
+                            <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
+                            </label>
+                        </div>
+
+                        <div class="mb-1">
+
+                            <p class="font-bold mb-[5px]"> Danh mục cấp 1 </p>
+
+                            <div class="pl-[25px]">
+                                <!-- KHÔNG CÓ danh mục con -->
+                                <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                    <input type="checkbox" value="2" class="checkbox checkbox-success">
+                                    <span class="label-text ml-[5px] text-[#6B7280]"> Danh mục
+                                        cấp 2 </span>
+                                </label> <br>
+
+                                <!-- CÓ danh mục con -->
+                                <div>
+                                    <p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
+
+                                    <div class="pl-[25px]">
+                                        <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                            <input type="checkbox" value="2" class="checkbox checkbox-success">
+                                            <span class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
+                                        </label> <br>
+                                    </div>
+                                </div>
+
+                                <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br>
+                                <div>
+                                    <p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
+                                    <div class="pl-[25px]"> <label
+                                            class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                                type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                                class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
+                                        </label> <br></div>
+                                </div><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br>
+                            </div>
+                        </div>
+
+                        <!-- clone -->
+                        <div class="mb-1"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1</b>
+                            </label> </div>
+                        <div class="mb-1">
+                            <p class="font-bold mb-[5px]"> Danh mục cấp 1 </p>
+                            <div class="pl-[25px]"> <label
+                                    class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br>
+                            </div>
+                        </div>
+                        <!-- // -->
+                    </div>
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
+
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                </div>
+
+                <div>
+                    <p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
+
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px]  rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                </div>
+            </div>
+
+
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <div class="flex flex-wrap items-center justify-between mb-3">
+                    <p class="font-bold text-[20px] leading-[20px]"> Mô tả (nếu có) </p>
+
+                    <div class="flex items-center font-[500] leading-[35px]">
+                        <a href=""
+                            class="group flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                            <span class="icons icon-upload group-hover:filter-none"></span>
+                            <span> Upload ảnh </span>
+                        </a>
+
+                        <a href=""
+                            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                            <i class="far fa-folder mr-2"></i>
+                            <span> Quản lý </span>
+                        </a>
+
+                        <a href=""
+                            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                            <i class="fa fa-image mr-2"></i>
+                            <span> Chọn ảnh trong kho ảnh </span>
+                        </a>
+                    </div>
+
+                    <div class="flex overflow-auto pb-2 w-[100%]">
+
+                        <a href="javascript:void(0)" class="min-w-[100px] m-[10px_10px_0_0]">
+                            <img src="https://via.placeholder.com/2000x800" class="h-[40px] block" />
+                        </a>
+
+                    </div>
+                </div>
+
+                <div class="mb-[15px]">
+                    <textarea id="js-desc"> </textarea>
+                </div>
+
+                <div>
+                    <p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px]"> (* số cao xếp
+                            trước)</i> </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+            </div>
+
+
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Url canonical
+                        <i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Title
+                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Keywords
+                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Description
+                        <i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
+                    </p>
+
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                </div>
+
+                <div class="mb-[15px] flex items-start">
+                    <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
+
+                    <label class="inline-flex items-center cursor-pointer">
+                        <input type="checkbox" class="checkbox checkbox-success">
+                        <span class="label-text ml-[15px]"> Cho phép Google Index </span>
+                    </label>
+                </div>
+
+                <div class="flex items-start">
+                    <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p>
+
+                    <label class="inline-flex items-center cursor-pointer">
+                        <input type="checkbox" class="checkbox checkbox-success">
+                        <span class="label-text ml-[15px]"> Cho phép hiển thị </span>
+                    </label>
+                </div>
+
+            </div>
+
+
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Quản trị hiển thị </p>
+
+
+                <div class="mb-[15px] flex flex-wrap">
+                    <p class="w-[230px] font-bold">Thời gian của bài viết</p>
+
+                    <div>
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="0" name="info[article_time_set]"
+                                class="radio checked:bg-blue-500" checked="">
+                            <span class="label-text ml-[10px]"> Thời gian tạo bài </span>
+                        </label>
+
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="1" name="info[article_time_set]"
+                                class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Chọn thời gian </span>
+                        </label>
+
+                        <div class="w-[100%] hidden" id="js-publish_time">
+                            <div class="flex items-center m-[10px_0]">
+                                <div class="relative mr-[20px]">
+                                    <i
+                                        class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="from_time_date" value="" placeholder="Từ ngày"
+                                        class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                </div>
+
+                                <p class="mr-[10px]"> Giờ </p>
+
+                                <select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;"
+                                    class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                                    <option value="00:00">00:00</option>
+                                    <option value="00:30">00:30</option>
+                                    <option value="01:00">01:00</option>
+                                    <option value="01:30">01:30</option>
+                                    <option value="02:00">02:00</option>
+                                    <option value="02:30">02:30</option>
+                                    <option value="03:00">03:00</option>
+                                    <option value="03:30">03:30</option>
+                                    <option value="04:00">04:00</option>
+                                    <option value="04:30">04:30</option>
+                                    <option value="05:00">05:00</option>
+                                    <option value="05:30">05:30</option>
+                                    <option value="06:00">06:00</option>
+                                    <option value="06:30">06:30</option>
+                                    <option value="07:00">07:00</option>
+                                    <option value="07:30">07:30</option>
+                                    <option value="08:00">08:00</option>
+                                    <option value="08:30">08:30</option>
+                                    <option value="09:00">09:00</option>
+                                    <option value="09:30">09:30</option>
+                                    <option value="10:00">10:00</option>
+                                    <option value="10:30">10:30</option>
+                                    <option value="11:00">11:00</option>
+                                    <option value="11:30">11:30</option>
+                                    <option value="12:00">12:00</option>
+                                    <option value="12:30">12:30</option>
+                                    <option value="13:00">13:00</option>
+                                    <option value="13:30">13:30</option>
+                                    <option value="14:00">14:00</option>
+                                    <option value="14:30">14:30</option>
+                                    <option value="15:00">15:00</option>
+                                    <option value="15:30">15:30</option>
+                                    <option value="16:00">16:00</option>
+                                    <option value="16:30">16:30</option>
+                                    <option value="17:00">17:00</option>
+                                    <option value="17:30">17:30</option>
+                                    <option value="18:00">18:00</option>
+                                    <option value="18:30">18:30</option>
+                                    <option value="19:00">19:00</option>
+                                    <option value="19:30">19:30</option>
+                                    <option value="20:00">20:00</option>
+                                    <option value="20:30">20:30</option>
+                                    <option value="21:00">21:00</option>
+                                    <option value="21:30">21:30</option>
+                                    <option value="22:00">22:00</option>
+                                    <option value="22:30">22:30</option>
+                                    <option value="23:00">23:00</option>
+                                    <option value="23:30">23:30</option>
+                                </select>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của
+                        bài thay vì thời gian cập nhật)</i>
+                </div>
+
+
+                <div class="mb-[15px] flex flex-wrap">
+                    <p class="w-[230px] font-bold"> Trạng thái </p>
+
+                    <div>
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
+                                checked="">
+                            <span class="label-text ml-[10px]"> Bản nháp </span>
+                        </label>
+
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Cho hiển thị </span>
+                        </label>
+
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Chờ duyệt </span>
+                        </label>
+
+                    </div>
+                </div>
+
+
+                <div class="flex flex-wrap items-center">
+                    <p class="w-[230px] font-bold"> Xem thử </p>
+
+                    <a href="" target="_blank"
+                        class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
+                        Xem bài viết tại trang web
+                    </a>
+                </div>
+
+            </div>
+
+            <input type="submit" value="Cập nhật"
+                class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+        </form>
+    </div>
+</div>
+
+
+<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
+
+<script>
+    tinymce.init({
+        selector: 'textarea#js-desc',
+        height: 350,
+        menubar: true,
+        plugins: [
+            'advlist autolink lists link image charmap print preview anchor',
+            'searchreplace visualblocks code fullscreen',
+            'insertdatetime media table paste code help wordcount'
+        ],
+        toolbar: 'undo redo | formatselect | ' +
+            'bold italic backcolor | alignleft aligncenter ' +
+            'alignright alignjustify | bullist numlist outdent indent | ' +
+            'removeformat | help',
+        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
+    });
+</script>
+
+<script>
+    $(function () {
+        $("input[name='info[article_time_set]']").click(function () {
+            if ($(this).val() == 1) $("#js-publish_time").show();
+            else $("#js-publish_time").hide();
+        });
+    });
+</script>

old/template/article/home.html

@@ -0,0 +1,137 @@
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[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]"> Bài viết </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=""> Chọn danh mục </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]">
+                    Xem nội dung đang ẩn
+                </a>
+
+                <a href=""
+                    class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    Xem nội dung nổi bật
+                </a>
+            </div>
+
+
+            <div class="flex items-center font-[500] leading-[35px]">
+                <a href="/admin/article/form"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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>
+
+                <a href="/admin/article/category"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="far fa-folder mr-2"></i>
+                    <span>Quản lý danh mục</span>
+                </a>
+            </div>
+        </div>
+
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="40"> STT </td>
+                        <td width="130"> Ảnh </td>
+                        <td> Sản phẩm (Tổng số: 1.742) </td>
+                        <td> Thống kê </td>
+                        <td> Quản trị </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/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <span> [#2481] </span>
+                            <a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
+
+                            <div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
+
+                            <div>
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Xem: 90 </p>
+                            <p> - Thích: 0 </p>
+                            <p> - Comment: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Nguyễn MInh Hải </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <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="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye 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>

old/template/article/relation.html

@@ -0,0 +1,124 @@
+{% assign _check_type = global.url | split: 'related_item_type=' %}
+
+<div class="global-breadcrumb-container">
+    <a href="/admin/article"> Bài viết </a>
+    <a href=""> Form cập nhật Bài viết </a>
+</div>
+
+<div class="max-w-[1141px] m-[0_auto_20px]">
+    <div class="flex flex-wrap items-start justify-center">
+
+        <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-[20px] flex flex-wrap items-center justify-between">
+            <p class="font-bold text-[20px]"> Sửa nội dung </p>
+
+            <p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ
+                CHUYỆN NHỎ </p>
+
+            <div class="flex items-center">
+                <a href="/admin/article/form"
+                    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 nội dung mới</span>
+                </a>
+
+                <a href=""
+                    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="far fa-folder mr-2"></span>
+                    <span>Quản lý danh mục</span>
+                </a>
+
+                <a href="/admin/article" title="Danh sách nội dung"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+            </div>
+        </div>
+
+        <!-- col left -->
+        <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="/admin/article/form?id=1"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
+            </a>
+
+            <a href="/admin/article/tag?id=1"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
+
+            <a href="/admin/article/relation?id=1&related_item_type=product"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
+                _check_type[1]=='product' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan: Sản phẩm
+            </a>
+
+            <a href="/admin/article/relation?id=1&related_item_type=product-category"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
+                _check_type[1]=='product-category' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan:
+                Danh mục sản phẩm </a>
+        </div>
+
+        <!-- col right -->
+        <div
+            class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            {% if _check_type[1] == 'product'%}
+
+            {% include 'article/relation_product' %}
+
+            {% elsif _check_type[1] == 'product-category' %}
+
+            {% include 'article/relation_product_category' %}
+
+            {% endif %}
+        </div>
+    </div>
+</div>
+
+
+<!-- Popup chọn tag -->
+<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
+    <p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </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 link truy cập"
+            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] mr-[12px] cursor-pointer rounded-[4px]">
+        <p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
+    </form>
+
+    <div class="order-page-table max-h-[400px] overflow-auto">
+        <table class="table">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
+                <tr>
+                    <td width="40">STT</td>
+                    <td>Thương hiệu</td>
+                    <td width="80"> Lựa chọn </td>
+                </tr>
+            </thead>
+
+            <tbody>
+
+                <tr align="center">
+                    <td class="text-center"> 1 </td>
+                    <td align="left"> Laptop AMD Ryzen 3 </td>
+                    <td>
+                        <a href=""
+                            class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
+                            Chọn
+                        </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>

old/template/article/relation_add.html

@@ -0,0 +1,70 @@
+{% assign _check_type = global.url | split: 'related_item_type=' %}
+
+<div class="global-breadcrumb-container">
+    <a href="/admin/article"> Bài viết </a>
+    <a href="/admin/article/form?id=1"> Form cập nhật Bài viết </a>
+    <a href=""> Thêm liên quan </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]">
+            <p class="font-bold text-[20px] mb-[6px] leading-[26px]"> Thêm liên quan </p>
+
+            <p class="w-[100%] text-[#6B7280] order-[1]">
+                Thêm liên quan: HuraSoft - Test tin tức
+            </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="/admin/article/relation-add?id=1&related_item_type=product" {% if _check_type[1] == 'product' %} style="color: #Fff;background: #0041E8;" {% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+                Sản phẩm (2)
+            </a>
+
+            <a href="/admin/article/relation-add?id=1&related_item_type=product-category" {% if _check_type[1] == 'product-category' %} style="color: #Fff;background: #0041E8;" {% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+                Danh mục sản phẩm (0)
+            </a>
+        </div>
+        
+        {% if _check_type[1] == 'product' %}
+
+            {% include 'article/relation_product_add' %}
+
+        {% elsif _check_type[1] == 'product-category' %}
+
+            {% include 'article/relation_product_category_add' %}
+
+        {% endif %}
+
+    </div>
+</div>
+
+
+<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
+
+<script>
+    tinymce.init({
+        selector: 'textarea#js-desc',
+        height: 350,
+        menubar: true,
+        plugins: [
+            'advlist autolink lists link image charmap print preview anchor',
+            'searchreplace visualblocks code fullscreen',
+            'insertdatetime media table paste code help wordcount'
+        ],
+        toolbar: 'undo redo | formatselect | ' +
+            'bold italic backcolor | alignleft aligncenter ' +
+            'alignright alignjustify | bullist numlist outdent indent | ' +
+            'removeformat | help',
+        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
+    });
+</script>
+
+<script>
+    $(function(){
+        $("input[name='info[article_time_set]']").click(function(){
+            if($(this).val() == 1) $("#js-publish_time").show();
+            else $("#js-publish_time").hide();
+        }) ;
+    });
+</script>

old/template/article/relation_product.html

@@ -0,0 +1,68 @@
+<div class="flex flex-wrap items-center justify-between">
+    <p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
+
+    <a href="/admin/article/relation-add?id=1&related_item_type=product" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] 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 liên quan mới </span>
+    </a>
+</div>
+
+<div class="order-page-table">
+    <table>
+        <thead>
+            <tr>
+                <td width="40"> STT </td>
+                <td width="70"> Ảnh </td>
+                <td width="270"> Tên </td>
+                <td> Thông tin bán hàng </td>
+                <td width="70"> Cài đặt </td>
+                <td > Lựa chọn </td>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr align="center">
+                <td> 1 </td>
+
+                <td> <img src="https://via.placeholder.com/500x500" class="block"> </td>
+
+                <td align="left">
+                    <a href=""> CPU Intel Pentium Gold G6405 (Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB  </a>
+                </td>
+
+                <td align="left">
+                    <p> - Mã kho : <b>  CPUI0132 </b> </p>
+                    <p> - Lượt xem: <b>  21577 </b> </p>
+                    <p> - Giá bán :  <b class="text-[red]"> 1.999.000 vnđ </b> </p>
+                    <p> - Kho hàng :  <b> 3 </b> </p>
+                    <p> - Bảo hành :  <b> 36 Tháng </b> </p>
+                </td>
+
+                <td>
+                    <p class="mb-[5px]"> STT </p>
+                    <input type="text" value="0" class="w-[100%] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                </td>
+
+                <td>
+                    <div class="flex items-center flex-wrap justify-center">
+                        <a href="" class="inline-block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mr-[5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Bỏ lựa chọn
+                        </a>
+
+                        <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]"></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>

old/template/article/relation_product_add.html

@@ -0,0 +1,78 @@
+<div class="p-[16px] w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+    <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Chọn sản phẩm liên quan - Tổng số: 28872 </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)] flex items-center">
+        <input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm liên quan" class="w-[245px] h-[36px] border border-[#D8D8D8] mr-[10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+
+        <p class="mr-[10px]"> Chọn danh mục </p>
+
+        <select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <option value=""> Tất cả sản phẩm </option>
+            <option value=""> option </option>
+        </select>
+
+        <select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <option value=""> Thương hiệu </option>
+            <option value=""> option </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>
+
+    <a href="" class="inline-block leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]"> 
+        Chọn toàn bộ danh sách
+    </a>
+
+    <div class="order-page-table m-[20px_0]">
+        <table>
+            <thead>
+                <tr>
+                    <td width="40"> STT </td>
+                    <td width="80"> Ảnh </td>
+                    <td> Tên </td>
+                    <td width="220"> 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/880x350" class="block m-auto">
+                    </td>
+    
+                    <td>
+                        <a href=""> CPU Intel Pentium Gold G6405 Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB   </a>
+                        <p> Cập nhật: Hôm nay, 11:11 am </p>
+                    </td>
+    
+                    <td>
+                        - Mã kho : <b> CPUI0132 </b> <br>
+                        - Lượt xem: <b> 21577 </b> <br>
+                        - Giá bán : <b> 1.999.000 vnđ </b> <br>
+                        - Kho hàng : <b> 3 </b> <br>
+                        - Bảo hành : <b> 36 Tháng  </b>
+                    </td>
+    
+                    <td>
+                        <a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Chọn liên quan
+                        </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>

old/template/article/relation_product_category.html

@@ -0,0 +1,53 @@
+<div class="flex flex-wrap items-center justify-between">
+    <p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
+
+    <a href="/admin/article/relation-add?id=1&related_item_type=product-category"
+        class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] 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 liên quan mới </span>
+    </a>
+</div>
+
+<div class="table">
+    <table>
+        <thead class="bg-[#f6f6f6] text-[#f6f6f6] font-700 text-[14px]">
+            <tr>
+                <td width="40"> STT </td>
+                <td> Tên </td>
+                <td width="120"> Lựa chọn </td>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr align="center">
+                <td> 1 </td>
+
+                <td align="left">
+                    <p class="mb-[7px]"> Laptop - Tablet - Mobile </p>
+
+                    <p class="mr-[10px] inline-block"> STT </p>
+                    <input type="text" value="0"
+                        class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                </td>
+
+                <td>
+                    <a href=""
+                        class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                        Bỏ lựa chọn
+                    </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>

old/template/article/relation_product_category_add.html

@@ -0,0 +1,60 @@
+<form method="post" enctype="multipart/form-data" class="p-[16px] w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+    <p class="font-bold text-[20px] leading-[20px] mb-[20px]"> Chọn danh mục liên quan </p>
+    
+    <div class="order-page-table table-vertical-inherit">
+        <table>
+            <thead>
+                <tr>
+                    <td> Danh mục </td>
+                    <td width="140"> Lựa chọn </td>
+                </tr>
+            </thead>
+
+            <tbody>
+                <tr>
+                    <td> 1  Danh mục cấp 1 </td> 
+                    <td>
+                        <a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Chọn liên quan
+                        </a>
+
+                        <p class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#000] rounded-[4px] p-[0_5px]"> Đã chọn </p>
+                    </td>
+                </tr>
+
+                <!-- Danh mục cấp 2 -->
+                <tr>
+                    <td style="padding-left: 30px;"> 1.1  Danh mục cấp 2 </td> 
+                    <td>
+                        <a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Chọn liên quan
+                        </a>
+                    </td>
+                </tr>
+
+                <!-- Danh mục cấp 3 -->
+                <tr>
+                    <td style="padding-left: 50px;"> 1.1.1 Danh mục cấp 3 </td> 
+                    <td>
+                        <a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Chọn liên quan
+                        </a>
+                    </td>
+                </tr>
+
+
+                <!-- Danh mục cấp 4 -->
+                <tr>
+                    <td style="padding-left: 70px;"> 1.1.1.1 Danh mục cấp 4 </td> 
+                    <td>
+                        <a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                            Chọn liên quan
+                        </a>
+                    </td>
+                </tr>
+
+            </tbody>
+            
+        </table>
+    </div>
+</form>

old/template/article/tag.html

@@ -0,0 +1,123 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/article"> Bài viết </a>
+    <a href=""> Form cập nhật Bài viết </a>
+</div>
+
+<div class="max-w-[1141px] m-[0_auto_20px]">
+    <div class="flex flex-wrap items-start justify-center">
+
+        <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-[20px] flex flex-wrap items-center justify-between">
+            <p class="font-bold text-[20px]"> Sửa nội dung </p>
+            
+            <p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ </p>
+
+            <div class="flex items-center">
+                <a href="/admin/article/form" 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 nội dung mới</span>
+                </a>
+
+                <a href="" 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="far fa-folder mr-2"></span>
+                    <span>Quản lý danh mục</span>
+                </a>
+
+                <a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+            </div>
+        </div>            
+
+        <!-- col left -->
+        <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="/admin/article/form?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
+
+            {% if global.url contains 'id=' %}
+            <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
+            <a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Sản phẩm </a>
+            <a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Danh mục sản phẩm </a>
+            {% endif %}
+        </div>
+
+        <!-- col right -->
+        <form method="post" enctype="multipart/form-data" class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+
+            <a href="#popup-tag" data-fancybox class="inline-block border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
+                Chọn tag mới
+            </a>
+
+            <div class="order-page-table mt-[13px]">
+                <table>
+                    <thead>
+                        <tr>
+                            <td width="70"> STT </td>
+                            <td> Tag </td>
+                            <td width="70"> Lựa chọn </td>
+                        </tr>
+                    </thead>
+
+                    <tbody>
+                        <tr align="center">
+                            <td> 1 </td>
+                            <td align="left"> Laptop GTX 1050 </td>
+                            <td>
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </td>
+                        </tr>
+                    </tbody>
+
+                </table>
+            </div>
+
+            <hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
+
+            <input name="commit" 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>
+
+
+<!-- Popup chọn tag -->
+<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
+    <p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </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 link truy cập" 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] mr-[12px] cursor-pointer rounded-[4px]">
+        <p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
+    </form>
+
+    <div class="order-page-table max-h-[400px] overflow-auto">
+        <table>
+            <thead>
+                <tr>
+                    <td width="40">STT</td>
+                    <td>Thương hiệu</td>
+                    <td width="80"> Lựa chọn </td>
+                </tr>
+            </thead>
+
+            <tbody>
+
+                <tr align="center">
+                    <td> 1 </td>
+                    <td align="left"> Laptop AMD Ryzen 3 </td>
+                    <td> 
+                        <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
+                            Chọn
+                        </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>

old/template/banner/home.html

@@ -0,0 +1,200 @@
+<div class="w-[100%]">
+    <div
+        class="m-[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]"> Danh sách banner </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='hidden' name='opt' value='banner' />
+            <input type='hidden' name='q' value='' />
+            <input type='hidden' name='page' value='' />
+
+            <input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
+                class="w-[375px] h-[36px] input input-md input-bordered h-[35px] 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] ml-[10px] cursor-pointer rounded-[4px]">
+        </form>
+
+        <div class="flex items-center flex-wrap justify-between">
+            <div class="flex items-center">
+                <select
+                    class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value="">Xem theo vị trí banner</option>
+                    <option value='43'> - Banner MB Webmau4</option>
+                    <option value='42'> - Brand Homepage</option>
+                </select>
+
+                <select
+                    class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value="">Lọc hiển thị</option>
+                    <option value="">Chưa hiển thị</option>
+                    <option value="">Đang hiển thị</option>
+                </select>
+
+                <a href=""
+                    class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
+                    danh mục sản phẩm để xem</a>
+            </div>
+
+            <div class="flex items-center font-[500] leading-[34.5px]">
+                <a href="/admin/banner/upload"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] 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 banner mới</span>
+                </a>
+
+                <a href="/admin/banner/location"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="far fa-image mr-[8px]"></i>
+                    <span>Quản trị vị trí banner</span>
+                </a>
+            </div>
+        </div>
+
+        <div class="overflow-x-auto">
+            <table class="table td-top">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <td> STT </td>
+                    <td width="280"> Ảnh </td>
+                    <td> Thông tin </td>
+                    <td> Thứ tự </td>
+                    <td> Click </td>
+                    <td> Chỉnh sửa </td>
+                </thead>
+
+                <tbody>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                width="260" />
+                        </td>
+
+                        <td>
+                            <table class="not-border not-padding">
+                                <tr>
+                                    <td width="115">Tên gọi:</td>
+                                    <td> </td>
+                                </tr>
+
+                                <tr>
+                                    <td>Link tới:</td>
+                                    <td> </td>
+                                </tr>
+
+                                <tr>
+                                    <td>File:</td>
+                                    <td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Kích thước:</td>
+                                    <td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Link:</td>
+                                    <td>/ad.php?id=236</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Thời gian hiển thị:</td>
+                                    <td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Cập nhật:</td>
+                                    <td>21-06-2023, 11:08 am</td>
+                                </tr>
+
+                            </table>
+                        </td>
+
+                        <td align="center"> 0 </td>
+
+                        <td align="center"> 0 </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
+
+                                <a href="javascript:void(0)" title="Hạ Hiển thị"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
+
+                                <a href="javascript:void(0)" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
+                                </a>
+
+                                <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td align="center"> 2 </td>
+                        <td>
+                            <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                width="260" class="min-w-[200px]" />
+                        </td>
+                        <td>
+                            <table class="not-border not-padding whitespace-nowrap">
+                                <tr>
+                                    <td width="115">Tên gọi:</td>
+                                    <td> </td>
+                                </tr>
+                                <tr>
+                                    <td>Link tới:</td>
+                                    <td> </td>
+                                </tr>
+                                <tr>
+                                    <td>File:</td>
+                                    <td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
+                                </tr>
+                                <tr>
+                                    <td>Kích thước:</td>
+                                    <td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
+                                </tr>
+                                <tr>
+                                    <td>Link:</td>
+                                    <td>/ad.php?id=236</td>
+                                </tr>
+                                <tr>
+                                    <td>Thời gian hiển thị:</td>
+                                    <td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
+                                </tr>
+                                <tr>
+                                    <td>Cập nhật:</td>
+                                    <td>21-06-2023, 11:08 am</td>
+                                </tr>
+                            </table>
+                        </td>
+                        <td align="center"> 0 </td>
+                        <td align="center"> 0 </td>
+                        <td>
+                            <div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
+                                    class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
+                                    title="Hạ Hiển thị"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
+                                <a href="javascript:void(0)" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
+                                </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></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>

old/template/banner/location.html

@@ -0,0 +1,67 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/banner"> Danh sách banner </a>
+    <a href=""> Vị trí banner </a>
+</div>
+
+<div
+    class="marketing-coupon-page bg-white m-[0_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] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
+
+    <div class="text-right m-[15px_0]">
+        <a href="/admin/banner/location-add"
+            class="inline-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_!important]">
+            <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 vị trí mới</span>
+        </a>
+    </div>
+
+    <div class="table">
+        <table>
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
+                <tr class="font-[600]">
+                    <td width="50"> STT </td>
+                    <td> ID </td>
+                    <td width="140"> Template File </td>
+                    <td> Vị trí </td>
+                    <td width="220"> Ngày tạo </td>
+                    <td width="200"> Chỉnh sửa </td>
+                </tr>
+            </thead>
+
+            <tbody>
+                <td align="center"> 1 </td>
+
+                <td>
+                    <p> ID: 43 </p>
+                    <p> banner_webmau4_mb </p>
+                </td>
+
+                <td> homepage </td>
+
+                <td> Banner MB Webmau4 </td>
+
+                <td> 30-11-2024, 12:00 am </td>
+
+                <td>
+                    <div class="flex items-center flex-wrap justify-center">
+                        <a href="/admin/banner?id=1"
+                            class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
+                            banner</a>
+                        <a href="/admin/banner/location-add?id=1" class="icons icon-edit mr-[5px]" title="Sửa lại"></a>
+                        <a href="" class="icons icon-delete" title="Xóa"></a>
+                    </div>
+                </td>
+            </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>

old/template/banner/location_add.html

@@ -0,0 +1,123 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/banner"> Danh sách banner </a>
+    <a href="/admin/banner/location"> Vị trí banner </a>
+    <a href=""> Thêm / Sửa vị trí banner </a>
+</div>
+
+<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] flex flex-wrap items-center justify-between">
+            <p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
+
+            <a href="/admin/banner/location-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 vị trí mới</span>
+            </a>
+
+            <p class="w-[100%] text-[#6B7280]">
+                banner_under_slider_mobile_webmau3
+            </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="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">
+            <p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
+
+
+            <div class="mb-[15px]">
+                <div class="mb-[6px] relative">
+                    <b> Chọn template hiển thị </b>
+
+                    <div class="inline-block relative group">
+                        <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                        <p
+                            class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                            Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
+                            tới thông tin này trừ các website cấu trúc phức tạp.
+                        </p>
+                    </div>
+                </div>
+
+                <select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
+                    <option value="">-- Chọn template --</option>
+                    <option value='header' selected>header - Đầu trang</option>
+                    <option value='homepage'>homepage - Trang chủ</option>
+                    <option value='column_left'>column_left - Cột trái</option>
+                    <option value='column_right'>column_right - Cột phải</option>
+                    <option value='footer'>footer - Chân trang</option>
+                    <option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
+                    <option value='product_list'>product_list - Danh sách &amp; Danh mục sản phẩm</option>
+                    <option value='collection_list'>collection_list - Bộ sưu tập</option>
+                    <option value='article_home'>article_home - Trang chủ tin tức</option>
+                    <option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
+                    <option value='deal_group'>deal_group - Nhóm deal</option>
+                </select>
+
+            </div>
+
+
+            <div class="mb-[15px]">
+                <div class="mb-[6px] relative">
+                    <b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
+
+                    <div class="inline-block relative group">
+                        <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                        <p
+                            class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                            Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
+                            khuyen_mai_shop
+                        </p>
+                    </div>
+                </div>
+
+                <input type="text" value=""
+                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div>
+
+
+            <div class="mb-[15px]">
+                <div class="mb-[6px] relative">
+                    <b> Đặt tên vị trí (*) </b>
+
+                    <div class="inline-block relative group">
+                        <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                        <p
+                            class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                            Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
+                            quảng cáo khuyến mại 8/3/2012.
+                        </p>
+                    </div>
+                </div>
+
+                <input type="text" value=""
+                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div>
+
+
+            <div class="mb-[15px]">
+                <p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
+
+                <textarea
+                    class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+            </div>
+
+            <hr class="border-[3px] 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>

old/template/banner/upload.html

@@ -0,0 +1,417 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/banner"> Danh sách banner </a>
+    <a href=""> Form sửa banner </a>
+</div>
+
+<div class="max-w-[1141px] m-auto p-[0_15px]">
+    <div class="text-right m-[0_0_12px]">
+        <a href="/admin/banner/upload"
+            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] 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 banner mới</span>
+        </a>
+
+        <a href="/admin/banner"
+            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+            <i class="fas fa-clipboard-list mr-[8px]"></i>
+            <span>Danh sách banner</span>
+        </a>
+    </div>
+
+    <div class="m-[16px_0]">
+        {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
+        {% endif %}
+        <p
+            class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
+            Cập nhật lại banner </p>
+        <div class="flex flex-wrap">
+            <div class="2xl:w-[30%] sm:w-full mb-[16px] sm:mr-[0] 2xl:mr-[16px]">
+                <div
+                    class="w-full 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>
+            </div>
+
+            <form method="post" enctype="multipart/form-data"
+                class="2xl:w-[calc(100%_-30%_-16px)] sm:w-full bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+
+                <input type="hidden" name="info[id]" value="236">
+                <input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
+                <input type="hidden" value="product_list" id="current_template_page">
+                <input type="hidden" name="action" value="send">
+
+                <table>
+                    <tr>
+                        <td width="220" style="vertical-align: top;">
+                            <p class="leading-[32px]">File</p>
+                        </td>
+                        <td>
+                            <p
+                                class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                /media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
+
+                            <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                class="block m-[15px_0_22px] max-h[390px]" />
+                        </td>
+                    </tr>
+                </table>
+
+                <div class="order-page-table">
+                    <table>
+                        <tr>
+                            <td width="220"> Link theo dõi</td>
+                            <td> /ad.php?id=236 </td>
+                        </tr>
+
+                        <tr id="banner_location">
+                            <td>Vị trí quảng cáo</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <select name="info[locationId]"
+                                        class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
+                                        <option>--Chọn vị trí--</option>
+                                        <option value='43,homepage'>Banner MB Webmau4</option>
+                                    </select>
+
+                                    <a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
+                                        trí</a>
+                                </div>
+
+                                <div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
+                                    <p class="font-bold mb-[7px]">Chọn vị trí </p>
+
+                                    <div class="pl-[3px]">
+                                        <label for="cat_special_all"
+                                            class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input id="cat_special_all" value="-1"
+                                                onchange="select_cat('cat_special_all', -1)" type="checkbox"
+                                                class="checkbox checkbox-success mr-[10px]">
+                                            <span class="label-text">Tất cả danh mục</span>
+                                        </label>
+                                    </div>
+
+                                    <div class="pl-[3px]"> <!-- Cấp 1 -->
+                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input type="checkbox" id="cat_special_9" value="9"
+                                                onchange="select_cat('cat_special_9', 9)"
+                                                class="checkbox checkbox-success mr-[10px]">
+                                            <span class="label-text"> Danh mục cấp 1 </span>
+                                        </label>
+
+                                        <div class="pl-[30px]"> <!-- Cấp 2 -->
+                                            <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                                <input type="checkbox" id="cat_special_1" value="1"
+                                                    onchange="select_cat('cat_special_1', 1)"
+                                                    class="checkbox checkbox-success mr-[10px]">
+                                                <span class="label-text"> Danh mục cấp 2 </span>
+                                            </label>
+
+                                            <div class="pl-[30px]"><!-- Cấp 3 -->
+                                                <label class="table items-center cursor-pointer m-[0_0_7px_0]">
+                                                    <input type="checkbox" id="cat_special_1" value="1"
+                                                        onchange="select_cat('cat_special_1', 1)"
+                                                        class="checkbox checkbox-success mr-[10px]">
+                                                    <span class="label-text"> Danh mục cấp 3 </span>
+                                                </label>
+                                            </div>
+                                        </div>
+
+
+                                    </div>
+                                    <div class="pl-[3px]">
+                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input type="checkbox" id="cat_special_9" value="9"
+                                                onchange="select_cat('cat_special_9', 9)"
+                                                class="checkbox checkbox-success mr-[10px]">
+                                            <span class="label-text"> Danh mục cấp 1 </span>
+                                        </label>
+                                        <div class="pl-[30px]">
+                                            <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                                <input type="checkbox" id="cat_special_1" value="1"
+                                                    onchange="select_cat('cat_special_1', 1)"
+                                                    class="checkbox checkbox-success mr-[10px]">
+                                                <span class="label-text"> Danh mục cấp 2 </span>
+                                            </label>
+                                            <div class="pl-[30px]">
+                                                <label class="table items-center cursor-pointer m-[0_0_7px_0]">
+                                                    <input type="checkbox" id="cat_special_1" value="1"
+                                                        onchange="select_cat('cat_special_1', 1)"
+                                                        class="checkbox checkbox-success mr-[10px]">
+                                                    <span class="label-text"> Danh mục cấp 3 </span>
+                                                </label>
+                                                <label class="table items-center cursor-pointer m-[0_0_7px_0]">
+                                                    <input type="checkbox" id="cat_special_1" value="1"
+                                                        onchange="select_cat('cat_special_1', 1)"
+                                                        class="checkbox checkbox-success mr-[10px]">
+                                                    <span class="label-text"> Danh mục cấp 3 </span>
+                                                </label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Đặt tên banner để theo dõi</td>
+                            <td>
+                                <input type="text" name="info[name]" value=""
+                                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Mô tả</td>
+                            <td>
+                                <textarea name="info[summary]"
+                                    class="w-[100%] min-h-[76px] max-h-[150px] textarea textarea-bordered rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Kích thước file</td>
+                            <td>
+                                Chiều dài (width) : <input type="text" name="info[width]" value="3130"
+                                    class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                px -
+                                Chiều cao (height) <input type="text" name="info[height]" value="2075"
+                                    class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                px
+                                (<span style="color:#F00">* bắt buộc cho file flash</span>)
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>File banner</td>
+                            <td>
+                                <div>
+                                    <span> Upload từ máy tính </span>
+                                    <input type="file" name="media_file_1">
+                                </div>
+
+                                <div>
+                                    <p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
+                                        http://web-acb.com/anh.jpg):</p>
+
+                                    <input type="text" name="info[file_external_url]"
+                                        value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                        class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td style="font-weight:bold;">Địa chỉ URL đích</td>
+                            <td>
+                                <input type="text" name="info[desUrl]" value=""
+                                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Thứ tự hiển thị</td>
+                            <td>
+                                <input type="text" name="info[ordering]" value="0"
+                                    class="w-[80px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                <i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Thời gian hiển thị</td>
+                            <td>
+                                <label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
+                                    <input type="radio" checked="checked" name="time_valid" value="1"
+                                        class="left-0 radio checked:bg-blue-500" />
+                                    <span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
+                                </label>
+
+                                <label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
+                                    <input type="radio" name="time_valid" value="2"
+                                        class="left-0 radio checked:bg-blue-500" />
+                                    <span class="label-text ml-[5px]">Thời gian hiển thị:</span>
+                                </label>
+
+                                <div class="items-center mb-[7px]" style="display: flex;">
+                                    <p style="width: 65px;"> Bắt đầu </p>
+                                    <div class="relative m-[0_20px_0_10px]">
+                                        <i
+                                            class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                        <input type="date" name="info[from_time_date]" value="" placeholder="Từ ngày"
+                                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    </div>
+
+                                    <p class="mr-[10px]"> Giờ </p>
+
+                                    <select name='info[from_time_minute]' id='from_time_minute'
+                                        class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
+                                        <option value="00:00">00:00</option>
+                                        <option value="00:30">00:30</option>
+                                        <option value="01:00">01:00</option>
+                                        <option value="01:30">01:30</option>
+                                        <option value="02:00">02:00</option>
+                                        <option value="02:30">02:30</option>
+                                        <option value="03:00">03:00</option>
+                                        <option value="03:30">03:30</option>
+                                        <option value="04:00">04:00</option>
+                                        <option value="04:30">04:30</option>
+                                        <option value="05:00">05:00</option>
+                                        <option value="05:30">05:30</option>
+                                        <option value="06:00">06:00</option>
+                                        <option value="06:30">06:30</option>
+                                        <option value="07:00">07:00</option>
+                                        <option value="07:30">07:30</option>
+                                        <option value="08:00">08:00</option>
+                                        <option value="08:30">08:30</option>
+                                        <option value="09:00">09:00</option>
+                                        <option value="09:30">09:30</option>
+                                        <option value="10:00">10:00</option>
+                                        <option value="10:30">10:30</option>
+                                        <option value="11:00">11:00</option>
+                                        <option value="11:30">11:30</option>
+                                        <option value="12:00">12:00</option>
+                                        <option value="12:30">12:30</option>
+                                        <option value="13:00">13:00</option>
+                                        <option value="13:30">13:30</option>
+                                        <option value="14:00">14:00</option>
+                                        <option value="14:30">14:30</option>
+                                        <option value="15:00">15:00</option>
+                                        <option value="15:30">15:30</option>
+                                        <option value="16:00">16:00</option>
+                                        <option value="16:30">16:30</option>
+                                        <option value="17:00">17:00</option>
+                                        <option value="17:30">17:30</option>
+                                        <option value="18:00">18:00</option>
+                                        <option value="18:30">18:30</option>
+                                        <option value="19:00">19:00</option>
+                                        <option value="19:30">19:30</option>
+                                        <option value="20:00">20:00</option>
+                                        <option value="20:30">20:30</option>
+                                        <option value="21:00">21:00</option>
+                                        <option value="21:30">21:30</option>
+                                        <option value="22:00">22:00</option>
+                                        <option value="22:30">22:30</option>
+                                        <option value="23:00">23:00</option>
+                                        <option value="23:30">23:30</option>
+                                    </select>
+                                </div>
+
+                                <div class="items-center" style="display: flex;">
+                                    <p style="width: 65px;"> Kết thúc </p>
+                                    <div class="relative m-[0_20px_0_10px]">
+                                        <i
+                                            class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                        <input type="date" name="info[to_time_date]" value="" placeholder="Từ ngày"
+                                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    </div>
+
+                                    <p class="mr-[10px]"> Giờ </p>
+
+                                    <select name='info[to_time_minute]' id='from_time_minute'
+                                        class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
+                                        <option value="00:00">00:00</option>
+                                        <option value="00:30">00:30</option>
+                                        <option value="01:00">01:00</option>
+                                        <option value="01:30">01:30</option>
+                                        <option value="02:00">02:00</option>
+                                        <option value="02:30">02:30</option>
+                                        <option value="03:00">03:00</option>
+                                        <option value="03:30">03:30</option>
+                                        <option value="04:00">04:00</option>
+                                        <option value="04:30">04:30</option>
+                                        <option value="05:00">05:00</option>
+                                        <option value="05:30">05:30</option>
+                                        <option value="06:00">06:00</option>
+                                        <option value="06:30">06:30</option>
+                                        <option value="07:00">07:00</option>
+                                        <option value="07:30">07:30</option>
+                                        <option value="08:00">08:00</option>
+                                        <option value="08:30">08:30</option>
+                                        <option value="09:00">09:00</option>
+                                        <option value="09:30">09:30</option>
+                                        <option value="10:00">10:00</option>
+                                        <option value="10:30">10:30</option>
+                                        <option value="11:00">11:00</option>
+                                        <option value="11:30">11:30</option>
+                                        <option value="12:00">12:00</option>
+                                        <option value="12:30">12:30</option>
+                                        <option value="13:00">13:00</option>
+                                        <option value="13:30">13:30</option>
+                                        <option value="14:00">14:00</option>
+                                        <option value="14:30">14:30</option>
+                                        <option value="15:00">15:00</option>
+                                        <option value="15:30">15:30</option>
+                                        <option value="16:00">16:00</option>
+                                        <option value="16:30">16:30</option>
+                                        <option value="17:00">17:00</option>
+                                        <option value="17:30">17:30</option>
+                                        <option value="18:00">18:00</option>
+                                        <option value="18:30">18:30</option>
+                                        <option value="19:00">19:00</option>
+                                        <option value="19:30">19:30</option>
+                                        <option value="20:00">20:00</option>
+                                        <option value="20:30">20:30</option>
+                                        <option value="21:00">21:00</option>
+                                        <option value="21:30">21:30</option>
+                                        <option value="22:00">22:00</option>
+                                        <option value="22:30">22:30</option>
+                                        <option value="23:00">23:00</option>
+                                        <option value="23:30">23:30</option>
+                                    </select>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Hiển thị</td>
+                            <td>
+                                <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
+                                    <input type="radio" name="info[status]" value="1"
+                                        class="left-0 radio checked:bg-blue-500">
+                                    <span class="label-text ml-[5px]">Cho hiển thị</span>
+                                </label>
+
+                                <label class="inline-flex items-center cursor-pointer relative pl-[30px]">
+                                    <input type="radio" name="info[status]" value="0" checked
+                                        class="left-0 radio checked:bg-blue-500">
+                                    <span class="label-text ml-[5px]">Ẩn hiển thị</span>
+                                </label>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Khác</td>
+                            <td>
+                                <label class="inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" name="info[show_in_mobile]" value="1"
+                                        class="checkbox checkbox-success mr-[10px]">
+                                    <span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
+                                </label>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+
+                <input name="commit" type="submit" value="Cập nhật"
+                    class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+            </form>
+        </div>
+
+    </div>
+</div>
+
+
+<script>
+    function show_content(ty) {
+        var list_type = ['pro', 'cash', 'priceoff'];
+
+        for (var i = 0; i < list_type.length; i++) {
+            var t_ty = list_type[i];
+            if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
+            else document.getElementById('js-type-' + t_ty).style.display = 'none';
+        }
+    }
+</script>

old/template/customer/comment.html

@@ -0,0 +1,211 @@
+<div class="w-full">
+    <div class="p-3 rounded-sm bg-white shadow">
+        <h1 class="text-2xl font-bold mb-3">Tổng hợp trao đổi</h1>
+
+        <div class="list-filter-account flex items-center gap-3 mt-5">
+            <a href="javascript:void(0)" class="btn btn-view btn-outline">Trao
+                đổi mới nhất</a>
+            <a href=" javascript:void(0)" class="btn btn-view btn-outline">Chưa
+                có phản hồi</a>
+            <a href="javascript:void(0)" class="btn btn-view btn-outline">Quản
+                trị viên chưa phản hồi</a>
+            <a href="javascript:void(0)" class="btn btn-view btn-outline">Danh
+                sách phản hồi</a>
+        </div>
+
+        <form action="" class="flex items-center p-3 mt-5 rounded-sm shadow gap-3">
+            <input type="text" name="" class="rounded-sm input input-bordered input-md  shadow" placeholder="Tìm kiếm">
+            <button type="submit" class="btn btn-active">Tìm kiếm</button>
+        </form>
+
+
+        <div class="list-filter flex items-center justify-between mt-5">
+            <p>Tổng số: <b>1.996</b></p>
+            <select name="" id="" class="select select-bordered rounded-sm shadow w-64">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+        <div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
+            <table class="table">
+                <thead>
+                    <tr class="bg-base-200 text-black font-bold">
+                        <th>STT</th>
+                        <th>Phản hồi</th>
+                        <th>Thời gian</th>
+                        <th>Tác giả</th>
+                        <th>Sản phẩm</th>
+                        <th>Nội dung</th>
+                        <th>Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>1</td>
+                        <td>09-08-2023, 11:24 am</td>
+                        <td class="whitespace-nowrap">
+                            <div class="flex items-center gap-2">
+                                <b>Nguyễn An</b>
+                                <p class="badge badge-sm badge-primary badge-soft">Quản
+                                    trị
+                                    viên</p>
+                            </div>
+                            <p class="mt-2">annv@hurasoft.com</p>
+                        </td>
+                        <td>
+                            <a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                        </td>
+                        <td>
+                            test reply
+                        </td>
+                        <td>
+                            <div class="flex items-center gap-3">
+                                <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                    class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--pointer"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--pencil"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--crown"></i>
+                                </a>
+                            </div>
+                            <div class="flex items-center mt-3 gap-3">
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--plus"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                    <i class="iconify lucide--ban"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                    <i class="iconify lucide--trash-2"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+
+        <dialog id="js_list_reply_comment" class="modal">
+            <div class="modal-box p-3 max-w-full">
+                <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                </form>
+                <h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
+
+                <div class="info-comment mt-2">
+                    <b class="text-base mb-2 block">Thông tin</b>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Khách hàng:</p>
+                        <b class="col-span-3">Hura test</b>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Email:</p>
+                        <p class="col-span-3">test@mail.com</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Tiêu đề:</p>
+                        <p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Nội dung:</p>
+                        <p class="col-span-3">test reply</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Thời gian:</p>
+                        <p class="col-span-3">20-04-2023, 1:36 pm</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Liên quan:</p>
+                        <p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
+                                27Inch 4K IPS</a></p>
+                    </div>
+                </div>
+
+                <div class="info-reply mt-5 rounded-sm shadow">
+                    <b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
+                    <table class="table table-zebra w-full">
+                        <thead>
+                            <tr class="bg-base-200 text-black font-bold">
+                                <th>STT</th>
+                                <th>Thời gian</th>
+                                <th>Tác giả</th>
+                                <th>Nội dung</th>
+                                <th>Lựa chọn</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center gap-2">
+                                        <b>Nguyễn An</b>
+                                        <p class="badge badge-sm badge-primary badge-soft">Quản
+                                            trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center gap-3">
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--ban"></i>
+                                        </a>
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--trash-2"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center gap-2">
+                                        <b>Nguyễn An</b>
+                                        <p class="badge badge-sm badge-primary badge-soft">Quản
+                                            trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center gap-3">
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--ban"></i>
+                                        </a>
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--trash-2"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="send-quick-feedback mt-5">
+                    <b class="block text-base">Gửi phản hồi nhanh</b>
+                    <textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
+
+                    <div class="flex items-center mt-3 gap-3">
+                        <input class="btn btn-active" name="commit" type="submit" value="Gửi">
+                        <p class="">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
+                    </div>
+                </div>
+
+            </div>
+            <form method="dialog" class="modal-backdrop">
+                <button>close</button>
+            </form>
+        </dialog>
+
+    </div>
+</div>

old/template/customer/customer_add.html

@@ -0,0 +1,175 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/customer">Danh sách khách hàng</a></li>
+            <li class="text-[#0041E8]">Form thêm khách hàng</li>
+        </ul>
+    </div>
+    <div class="w-[1140px] my-0 mx-auto p-[0_15px]">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h1 class="text-[20px] font-[700]">Cập nhật lại khách hàng</h1>
+                    <span class="text-[#6B7280]">Khách hàng: Nguyễn Duy Thành</span>
+                </div>
+                <a href="/admin/customer/customer-add"
+                    class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
+                    <span
+                        class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
+                    <span class="text-[#6B7280]">Thêm khách hàng mới</span>
+                </a>
+            </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]">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="text-[20px] mb-[10px] block">Thông tin khách hàng</b>
+                    <div class="flex items-center my-[10px]">
+                        <b class="text-[#383C44] mr-[10px]">Thuộc tính khách hàng</b>
+                        <a href="/admin/customer/customer-group" class="text-[#0041E8]">Quản lý nhóm khách hàng</a>
+                    </div>
+
+                    <div class="flex items-center">
+                        <label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
+                            <input type="checkbox" name="change_url_on_update" value="1" checked
+                                class="checkbox checkbox-success">
+                            <span class="label-text ml-[10px] text-[#6B7280]">Mua lẻ</span>
+                        </label>
+                        <label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
+                            <input type="checkbox" name="change_url_on_update" value="1"
+                                class="checkbox checkbox-success">
+                            <span class="label-text ml-[10px] text-[#6B7280]">Khách HCM</span>
+                        </label>
+                        <label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
+                            <input type="checkbox" name="change_url_on_update" value="1"
+                                class="checkbox checkbox-success">
+                            <span class="label-text ml-[10px] text-[#6B7280]">Khách VIP</span>
+                        </label>
+                    </div>
+
+                    <div class="flex items-center justify-between">
+                        <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Tên khách hàng</label>
+                            <input type="text" size="60" name="" placeholder="Tên khách hàng"
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                        <div class="mb-[15px] w-[100%] ml-[7px]">
+                            <label class="block font-[600] mb-[5px] text-[14px]">Sinh nhật</label>
+                            <div class="flex items-center justify-between">
+                                <div class="input-date w-[100%] mr-[7px]">
+                                    <input type="day" name="" placeholder="Ngày"
+                                        class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                </div>
+                                <div class="input-date w-[100%] mx-[7px]">
+                                    <input type="day" name="" placeholder="Tháng"
+                                        class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                </div>
+                                <div class="input-date w-[100%] ml-[7px]">
+                                    <input type="day" name="" placeholder="Năm"
+                                        class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="mb-[15px] flex items-center">
+                        <label class="w-[120px] font-[600] text-[14px]">Giới tính</label>
+                        <div class="flex items-center">
+                            <label class="cursor-pointer flex items-center mr-[25px]">
+                                <input type="radio" name="info[sex]" value="0" class="radio checked:bg-blue-500"
+                                    checked="checked" />
+                                <span class="label-text ml-[10px] text-[#6B7280]">Nam</span>
+                            </label>
+
+                            <label class="cursor-pointer flex items-center">
+                                <input type="radio" name="info[sex]" value="1" class="radio checked:bg-blue-500" />
+                                <span class="label-text ml-[10px] text-[#6B7280]">Nữ</span>
+                            </label>
+
+                        </div>
+                    </div>
+
+                    <div class="mb-[15px] flex items-center justify-between">
+                        <div class="form-control w-[100%] mr-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ Email</label>
+                            <input type="text" size="60" name="" placeholder="Địa chỉ Email"
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                        <div class="form-control w-[100%] mx-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Điện thoại nhà</label>
+                            <input type="text" size="60" name="" placeholder="Điện thoại nhà"
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                        <div class="form-control w-[100%] ml-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Điện thoại di động</label>
+                            <input type="text" size="60" name="" placeholder="Điện thoại di động"
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                    </div>
+
+                    <div class="mb-[15px] flex items-center justify-between">
+                        <div class="form-control w-[100%] mr-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
+                            <select name=""
+                                class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                <option value="">Hà nội</option>
+                            </select>
+                        </div>
+                        <div class="form-control w-[100%] ml-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
+                            <select name=""
+                                class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                <option value="">Quận Ba Đình</option>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
+                        <textarea type="text" size="60" name="" placeholder="Địa chỉ"
+                            class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
+                        <input type="text" size="60" name="" placeholder="Tên công ty"
+                            class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Mã số thuế</label>
+                        <input type="text" size="60" name="" placeholder="Mã số thuế"
+                            class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ công ty</label>
+                        <input type="text" size="60" name="" placeholder="Địa chỉ công ty"
+                            class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Ghi chú về khách hàng này</label>
+                        <textarea type="text" size="60" name="" placeholder="Ghi chú về khách hàng này"
+                            class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+
+        </div>
+    </div>

old/template/customer/customer_contact.html

@@ -0,0 +1,73 @@
+<div class="w-full">
+    <div class="p-3 rounded-sm bg-white shadow">
+        <h1 class="text-2xl font-bold">Khách hàng liên hệ</h1>
+
+        <form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
+            <input type="text" name="" class="input input-bordered input-md rounded-sm shadow" placeholder="Tìm kiếm">
+            <button type="submit" class="btn btn-active">Tìm kiếm</button>
+        </form>
+
+
+        <div class="list-filter flex items-center justify-between mt-3">
+            <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-primary">liên
+                    hệ</a> của website</p>
+            <select name="" id="" class="select select-bordered rounded-sm shadow">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+        <div class="overflow-x-auto mt-5 border-base-200 shadow rounded-sm">
+            <table class="table">
+                <thead>
+                    <tr class="bg-base-200 text-black font-bold">
+                        <th>STT</th>
+                        <th>Thời gian</th>
+                        <th>Khách hàng</th>
+                        <th>Thông tin</th>
+                        <th>Nội dung liên hệ</th>
+                        <th>Ghi chú</th>
+                        <th>Trạng thái</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
+                        <td>Đức Anh</td>
+                        <td class="whitespace-nowrap">
+                            <p>- Email: ducanhnguyen199x@gmail.com</p>
+                            <p>- Tel: 0976642092</p>
+                            <p>- Mobile: 0976642092</p>
+                        </td>
+                        <td>
+                            Trả góp sản phẩm: <a href="" class="link-primary">HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX
+                                2060 6G</a>
+                            <p>- Tên: no name</p>
+                            <p>- SĐT: 0147258369</p>
+                            <p>- Nội dung: fsfdf</p>
+                        </td>
+                        <td>
+                            <textarea name="" id="" class=" rounded-sm textarea w-64"></textarea>
+                            <a href="" class="btn btn-active mt-3">Cập
+                                nhật</a>
+                        </td>
+
+
+                        <td class="xl:w-[120px] 2xl:w-auto">
+                            <select name="" id=""
+                                class=" select select-bordered rounded-sm shadow w-32 whitespace-nowrap">
+                                <option value="">Trạng thái</option>
+                            </select>
+                            <div class="flex items-center mt-3 gap-3">
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view"> <span
+                                        class="iconify lucide--pencil"></span></a>
+                                <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
+                                        class="iconify lucide--trash-2 tw-rla"></span></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>

old/template/customer/customer_group.html

@@ -0,0 +1,56 @@
+<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">Nhóm khách hàng</h1>
+
+        <div class="flex items-center justify-end">
+            <a href="/admin/customer/customer-group-add" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px]">
+                <i class="fa-solid fa-user-plus text-[#0041E8] mr-[5px]"></i>
+                <span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
+            </a>
+            <a href="/admin/customer" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px] ml-[10px]">
+                <i class="fa-regular fa-clipboard text-[#0041E8] mr-[5px]"></i>
+                <span class="text-[#0041E8] font-[500]">Danh sách khách hàng</span>
+            </a>
+        </div>
+
+        <table class="table mt-[15px]">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                <tr>
+                    <th class="w-[50px]">STT</th>
+                    <th>Mã nhóm</th>
+                    <th>Tên gọi/miêu tả</th>
+                    <th class="w-[160px]">Khách hàng</th>
+                    <th class="w-[125px]">Chỉnh sửa</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>0</td>
+                    <td>Khách vip</td>
+                    <td>
+                        <a href="" class="p-[5px_10px_5px_10px] text-white text-center bg-[#0041E8] rounded-[4px]">Xem
+                            danh sách</a>
+                    </td>
+                    <td>
+                        <div class='list-btn flex items-center justify-center'>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='icons icon-edit'></i></a>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'>
+                                <span
+                                    class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
+                            </a>
+
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>

old/template/customer/customer_group_add.html

@@ -0,0 +1,75 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/customer/customer-group">Nhóm khách hàng</a></li>
+            <li class="text-[#0041E8]">Form sửa nhóm khách hàng</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto p-[0_15px]">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h1 class="text-[20px] font-[700]">Cập nhật nhóm khách hàng</h1>
+                </div>
+                <a href="/admin/customer/customer-group-add"
+                    class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
+                    <span
+                        class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
+                    <span class="text-[#6B7280]">Thêm nhóm khách hàng</span>
+                </a>
+            </div>
+            <p class="text-[#6B7280] mt-[5px]">Hướng dẫn: Nhóm khách hàng bao gồm các khách hàng cùng chia sẻ một số đặc
+                điểm
+                nhất định, giúp cho việc
+                quản lý và chăm
+                sóc khách hàng tốt hơn. Ví dụ các nhóm khách hàng thường được tạo là: Khách hàng thân thiết, Khách hàng
+                nữ, Khách hàng
+                VIP, Khách văn phòng v..v.
+            </p>
+        </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]">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Đặt tên nhóm khách hàng</label>
+                        <input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] text-[14px]">Đặt tên nhóm khách hàng</label>
+                        <span class="text-[#6B7280] mb-[5px]">(* Dùng phân biệt từng nhóm, Mã chỉ bao gồm các ký tự
+                            a-z0-9 và _,
+                            không dấu và không có
+                            dấu cách. Ví dụ: vip1, dai_ly
+                            ...)</span>
+                        <input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Miêu tả (nếu có)</label>
+                        <textarea type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>

old/template/customer/customer_group_info.html

@@ -0,0 +1,75 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/customer/customer-contact">Khách hàng liên hệ</a></li>
+            <li class="text-[#0041E8]">Thông tin khách hàng liên hệ</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] mb-[15px]">
+            <h1 class="text-[20px] font-[700]">Thông tin khách hàng liên hệ</h1>
+            <p class="text-[#6B7280] mt-[3px]">Lê Văn Ninh</p>
+        </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]">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <div class="mb-[25px]">
+                        <b class="block text-[20px] mb-[15px]">Thông tin liên hệ</b>
+                        <div class="flex items-center mb-[5px]">
+                            <b class="w-[150px]">Họ tên:</b>
+                            <p class="text-[#6B7280]">Lê Văn Ninh</p>
+                        </div>
+                        <div class="flex items-center mb-[5px]">
+                            <b class="w-[150px]">Địa chỉ email:</b>
+                            <p class="text-[#6B7280]">no_email_1708170779@mail.com</p>
+                        </div>
+                        <div class="flex items-center mb-[5px]">
+                            <b class="w-[150px]">Số điện thoại:</b>
+                            <p class="text-[#6B7280]">0356723619</p>
+                        </div>
+                        <div class="flex items-center">
+                            <b class="w-[150px]">Thời gian liên hệ:</b>
+                            <p class="text-[#6B7280]">17-02-2024, 6:56 pm</p>
+                        </div>
+                    </div>
+
+                    <div class="mb-[25px]">
+                        <b class="block text-[20px] mb-[10px]">Nội dung chi tiết</b>
+                        <p class="text-[#6B7280]">
+                            Tìm sản phẩm cần định giá:
+                            - Mẫu máy cần thu: intel i3-4160 CPU @ 3.600Hz 3.60 Ghz
+                            - Địa chỉ: Phường Quảng Cư ,Tp.Sầm Sơn
+                            - Mô tả ngắn về ngoại hình và tình trạng thiết bị: đang dùng tốt
+                            - Sản phẩm bạn cần tư vấn lên đời: CPU INTEL CORE
+                            I3-12100F (3.3GHZ TURBO UP TO 4.3GHZ, 4 NHÂN 8 LUỒNG, 12MB CACHE, 58W)- SOCKET INTEL LGA
+                            1700)
+                        </p>
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Cập nhật ghi chú</label>
+                        <textarea type="text" size="60" name="" placeholder="Cập nhật ghi chú"
+                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>

old/template/customer/customer_newsletter.html

@@ -0,0 +1,58 @@
+<div class="w-full">
+    <div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
+        <h1 class="text-2xl font-bold mb-3">Khách hàng góp ý</h1>
+
+        <div class="flex items-center justify-end mt-5 gap-3">
+            <a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
+                <i class="iconify lucide--pencil"></i>
+                <span class="">Thêm KH mới</span>
+            </a>
+            <a href="admin/customer/customer-group" class="btn btn-outline btn-view">
+                <i class="iconify lucide--users"></i>
+                <span class="">Các nhóm KH</span>
+            </a>
+            <a href="admin/customer/customer-newsletter" class="btn btn-outline btn-view">
+                <i class="iconify lucide--mail"></i>
+                <span class="">KH nhận bản tin</span>
+            </a>
+            <a href="" class="btn btn-outline btn-view">
+                <i class="iconify lucide--file-x"></i>
+                <span class="">Tải file excel</span>
+            </a>
+        </div>
+
+        <div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
+            <table class="mt-[15px] table">
+                <thead>
+                    <tr class="bg-base-200 font-bold text-black">
+                        <th>STT</th>
+                        <th>Họ tên</th>
+                        <th>Email</th>
+                        <th>Ngày đăng ký</th>
+                        <th>Thông tin khác</th>
+                        <th>Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>Trung Hiếu</td>
+                        <td>trunghieu27072009@gmail.com</td>
+                        <td>19-07-2023, 4:45 pm</td>
+                        <td>test reply</td>
+                        <td>
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>

old/template/customer/customer_review.html

@@ -0,0 +1,80 @@
+<div class="w-full">
+    <div class="p-3 rounded-sm bg-white shadow">
+        <h1 class="text-2xl font-bold mb-3">Khách hàng góp ý</h1>
+        <div class="flex items-center justify-between mt-5">
+            <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
+                    class="text-primary underline">liên hệ</a> của website</p>
+            <select class="rounded-sm select select-bordered shadow w-48">
+                <option value="">Lọc xem ý kiến</option>
+            </select>
+        </div>
+        <div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
+            <table class="table">
+                <thead>
+                    <tr class="bg-base-200 text-black font-bold">
+                        <th>STT</th>
+                        <th>Khách hàng</th>
+                        <th>Nội dung</th>
+                        <th class="w-3 text-center mx-auto">Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>3</td>
+                        <td>
+                            <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                            <p>Trịnh Hoàng Huy</p>
+                            <p>29-01-2018, 1:34 am</p>
+                        </td>
+                        <td>
+                            <b>Góp ý (rate:0)</b>
+                            <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                                chọn</p>
+                        </td>
+                        <td class="text-end">
+                            <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                <i class="iconify lucide--trash-2"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>3</td>
+                        <td>
+                            <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                            <p>Trịnh Hoàng Huy</p>
+                            <p>29-01-2018, 1:34 am</p>
+                        </td>
+                        <td>
+                            <b>Góp ý (rate:0)</b>
+                            <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                                chọn</p>
+                        </td>
+                        <td class="text-end">
+                            <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                <i class="iconify lucide--trash-2"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>3</td>
+                        <td>
+                            <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                            <p>Trịnh Hoàng Huy</p>
+                            <p>29-01-2018, 1:34 am</p>
+                        </td>
+                        <td>
+                            <b>Góp ý (rate:0)</b>
+                            <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                                chọn</p>
+                        </td>
+                        <td class="text-end">
+                            <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                <i class="iconify lucide--trash-2"></i>
+                            </a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>

old/template/customer/home.html

@@ -0,0 +1,130 @@
+<div class="w-full">
+    <div class="m-4 px-4 py-5 rounded-lg bg-white shadow">
+        <h1 class="text-2xl font-bold mb-3">Danh sách khách hàng</h1>
+
+        <div class="list-filter-account flex items-center mt-3 gap-3">
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Tất
+                cả</a>
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Khách
+                hàng đăng
+                ký</a>
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
+                đăng ký</a>
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">VIP</a>
+        </div>
+
+        <form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
+            <input type="text" name="" class="input input-bordered shadow"
+                placeholder="Tìm khách hàng (* tên, email, điện thoại)">
+            <button type="submit" class="btn btn-active">Tìm kiếm</button>
+        </form>
+
+        <div class="list-filter flex flex-wrap items-center justify-between mt-3">
+            <select name="" id="" class="select rounded-sm shadow mb-3">
+                <option value="">Sắp xếp khách hàng</option>
+            </select>
+
+            <div class="flex items-center mb-3 gap-3">
+                <a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
+                    <i class="iconify lucide--circle-plus"></i>
+                    <span class="">Thêm KH mới</span>
+                </a>
+                <a href="javascript:void(0)" class="btn btn-outline btn-view">
+                    <i class="iconify lucide--users"></i>
+                    <span class="">Các nhóm KH</span>
+                </a>
+                <a href="javascript:void(0)" class="btn btn-outline btn-view">
+                    <i class="iconify lucide--file-x"></i>
+                    <span class="">Tải file excel</span>
+                </a>
+            </div>
+        </div>
+        <div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
+            <table class="table">
+                <thead>
+                    <tr class="bg-base-200 text-black font-bold">
+                        <th>STT</th>
+                        <th>ID</th>
+                        <th>Khách hàng</th>
+                        <th>Thông tin</th>
+                        <th>Tỉnh/TP</th>
+                        <th>Trạng thái</th>
+                        <th>Số đơn hàng</th>
+                        <th>Tổng giá trị</th>
+                        <th>Thời gian</th>
+                        <th>Chỉnh sửa</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>1767</td>
+                        <td>Đức Anh</td>
+                        <td>
+                            <p>- Email: ducanhnguyen199x@gmail.com</p>
+                            <p>- Tel: 0976642092</p>
+                            <p>- Mobile: 0976642092</p>
+                        </td>
+                        <td>
+                            Hà Nội
+                        </td>
+                        <td>
+                            <div class="badge badge-success badge-sm badge-soft">Hoạt động</div>
+                        </td>
+                        <td>
+                            <span class="text-primary">0<span class=" ml-2">Thành công</span></span>
+                        </td>
+                        <td>
+                            <span class="text-primary">0</span><span class="ml-2">Thu</span>
+                        </td>
+                        <td>
+                            <p>
+                                - Tham gia: 06-10-2023, 10:46 am
+                            </p>
+                            <p>
+                                - Đăng nhập cuối: Chưa bao giờ
+                            </p>
+                        </td>
+                        <td>
+                            <div class="flex items-center gap-3">
+                                <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
+                                    class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--pencil"></i>
+                                </a>
+                                <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
+                                    class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--clock"></i>
+                                </a>
+                            </div>
+                            <div class="flex items-center gap-3 mt-3">
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--globe"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                    <i class="iconify lucide--trash-2"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <div class="join mt-5 justify-center flex items-cente r">
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
+                aria-label="Pagination controls">
+                <span class="iconify lucide--arrow-left"></span>
+            </a>
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
+            <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
+                aria-label="Pagination controls">
+                <span class="iconify lucide--arrow-right"></span>
+            </a>
+        </div>
+
+    </div>
+</div>

old/template/customer/review.html

@@ -0,0 +1,211 @@
+<div class="w-full">
+    <div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
+        <h1 class="text-2xl font-bold mb-3">Tổng hợp đánh giá</h1>
+
+        <div class="list-filter-account flex items-center gap-3 mt-5">
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Trao
+                đổi mới nhất</a>
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
+                có phản hồi</a>
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Quản
+                trị viên chưa phản hồi</a>
+            <a href="javacsript:void(0)" class="btn btn-view btn-outline">Danh
+                sách phản hồi</a>
+        </div>
+
+        <form action="" class="flex items-center p-3 rounded-sm shadow  mt-5 gap-3">
+            <input type="text" name="" class="rounded-sm input input-md input-bordered  shadow" placeholder="Tìm kiếm">
+            <button type="submit" class="btn btn-active">Tìm kiếm</button>
+        </form>
+
+
+        <div class="list-filter flex items-center justify-between mt-5 gap-3">
+            <p>Tổng số: <b>1.996</b></p>
+            <select name="" id="" class="select select-bordered rounded-sm shadow w-48">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+        <div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
+            <table class="table">
+                <thead>
+                    <tr class="bg-base-200 text-black font-bold">
+                        <th>STT</th>
+                        <th>Phản hồi</th>
+                        <th>Thời gian</th>
+                        <th>Tác giả</th>
+                        <th>Sản phẩm</th>
+                        <th>Nội dung</th>
+                        <th>Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>1</td>
+                        <td>09-08-2023, 11:24 am</td>
+                        <td>
+                            <div class="flex items-center gap-2">
+                                <b>Nguyễn An</b>
+                                <p class="badge badge-sm badge-primary badge-soft">Quản
+                                    trị
+                                    viên</p>
+                            </div>
+                            <p>annv@hurasoft.com</p>
+                        </td>
+                        <td>
+                            <a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                        </td>
+                        <td>
+                            test reply
+                        </td>
+                        <td>
+                            <div class="flex items-center gap-3">
+                                <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                    class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--pointer"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--pencil"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--crown"></i>
+                                </a>
+                            </div>
+                            <div class="flex items-center mt-3 gap-3">
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <i class="iconify lucide--plus"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                    <i class="iconify lucide--ban"></i>
+                                </a>
+                                <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                    <i class="iconify lucide--trash-2"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+
+        <dialog id="js_list_reply_comment" class="modal">
+            <div class="modal-box p-3 max-w-full">
+                <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                </form>
+                <h2 class="text-md uppercase font-bold mt-2">Chi tiết phản hồi</h2>
+
+                <div class="info-comment mt-2">
+                    <b class="text-base mb-2 block">Thông tin</b>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Khách hàng:</p>
+                        <b class="col-span-3">Hura test</b>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Email:</p>
+                        <p class="col-span-3">test@mail.com</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Tiêu đề:</p>
+                        <p class="col-span-3">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Nội dung:</p>
+                        <p class="col-span-3">test reply</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Thời gian:</p>
+                        <p class="col-span-3">20-04-2023, 1:36 pm</p>
+                    </div>
+                    <div class="grid grid-cols-4 items-center gap-2 mt-2">
+                        <p class="">Liên quan:</p>
+                        <p class="col-span-3">[product] <a href="" class="text-primary">Màn Hình Máy Tính LG 27UL850
+                                27Inch 4K IPS</a></p>
+                    </div>
+                </div>
+
+                <div class="info-reply mt-5 rounded-sm shadow">
+                    <b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
+                    <table class="table table-zebra w-full">
+                        <thead>
+                            <tr class="bg-base-200 text-black font-bold">
+                                <th>STT</th>
+                                <th>Thời gian</th>
+                                <th>Tác giả</th>
+                                <th>Nội dung</th>
+                                <th>Lựa chọn</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center gap-2">
+                                        <b>Nguyễn An</b>
+                                        <p class="badge badge-sm badge-primary badge-soft">Quản
+                                            trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center gap-3">
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--ban"></i>
+                                        </a>
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--trash-2"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center gap-2">
+                                        <b>Nguyễn An</b>
+                                        <p class="badge badge-sm badge-primary badge-soft">Quản
+                                            trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center gap-3">
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--ban"></i>
+                                        </a>
+                                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                            <i class="iconify lucide--trash-2"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="send-quick-feedback mt-5">
+                    <b class="block text-base">Gửi phản hồi nhanh</b>
+                    <textarea name="" id="" class="textarea w-full mt-3 p-3 rounded-sm"></textarea>
+
+                    <div class="flex items-center mt-3 gap-3">
+                        <input class="btn btn-active" name="commit" type="submit" value="Gửi">
+                        <p class="">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
+                    </div>
+                </div>
+
+            </div>
+            <form method="dialog" class="modal-backdrop">
+                <button>close</button>
+            </form>
+        </dialog>
+
+    </div>
+</div>

old/template/deal/deal_add.html

@@ -0,0 +1,384 @@
+{% if global.url contains '?id=' %}
+
+{% include 'deal/deal_detail' %}
+
+{% else %}
+<div class="global-breadcrumb-container">
+    <a href="/admin/deal"> Deal/giờ vàng </a>
+    <a href=""> Thêm sản phẩm deal </a>
+</div>
+
+
+<div
+    class="bg-white m-[0_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] text-[24px] font-bold m-[0_0_12px]"> Chọn sản phẩm Deal </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="javascript:void(0)" onclick="js_list_category.showModal()"
+                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 để xem
+            </a>
+
+            <a href="javascript:void(0)" onclick="js_list_brand.showModal()"
+                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 thương hiệu để xem
+            </a>
+        </div>
+
+        <div class="flex items-center">
+            <select
+                class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] rounded-[4px] 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] select select-bordered min-h-[36px] ml-[10px] 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="table">
+        <table>
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
+                <tr>
+                    <td width="40"> STT </td>
+                    <td> Sản phẩm (Tổng số: 1.742) </td>
+                    <td> Thông tin khác </td>
+                    <td width="160"> Lựa chọn </td>
+                </tr>
+            </thead>
+
+            <tbody>
+
+                <tr>
+                    <td align="center"> 1 </td>
+
+                    <td>
+                        <a href="" target="_blank"> Màn hình Viewsonic VA3209U-4K (32 inch/UHD/IPS/60Hz/4ms) </a>
+                        <p> Mã kho: <b> MOVI213 </b> </p>
+                        <p> Danh mục: <b> Màn Hình Máy Tính, Màn Hình Theo Hãng, Màn Hình ViewSonic </b> </p>
+                        <p> Bảo hành: 36 Tháng </p>
+                        <p> Khuyến mại: + "ƯU ĐÃI Giảm ngay 10% vào thẻ nhớ khi khách hàng mua kèm Camera" </p>
+                    </td>
+
+                    <td>
+                        <p> Giá: 10.599.000 </p>
+                        <p> Kho hàng: 0 </p>
+                        <p> Bảo hành: 36 Tháng </p>
+                    </td>
+
+                    <td align="center">
+                        <a href="/admin/deal/deal-add?id=1"
+                            class="block leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_14px] 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>
+
+
+<!-- Popup Danh mục + thương hiệu -->
+<dialog id="js_list_category" class="modal">
+    <div class="modal-box max-w-xl p-[16px]">
+        <form method="dialog">
+            <button
+                class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
+        </form>
+
+        <p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
+        <p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
+
+        <ul class="h-[400px] overflow-auto leading-[24px]">
+            <li class="mb-[7px]">
+                <div>
+                    + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
+                </div>
+
+                <ul class="pl-[15px]">
+
+                    <li class="mb-[2px]">
+                        <div>
+                            + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
+                        </div>
+
+                        <ul class="pl-[15px]">
+                            <li class="mb-[2px]">
+                                <div>
+                                    + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
+                                </div>
+
+                                <ul class="pl-[15px]">
+                                    <li>
+                                        <div>
+                                            + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
+                                        </div>
+                                    </li>
+                                </ul>
+                            </li>
+
+                            <li class="mb-[2px]">
+                                <div>
+                                    + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
+                                </div>
+                            </li>
+                            <li class="mb-[2px]">
+                                <div>
+                                    + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
+                                </div>
+                            </li>
+                        </ul>
+
+                    </li>
+
+                    <!-- loop -->
+                    <li class="mb-[2px]">
+                        <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
+                        <ul class="pl-[15px]">
+                            <li class="mb-[2px]">
+                                <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
+                                <ul class="pl-[15px]">
+                                    <li>
+                                        <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                    <!-- // -->
+                </ul>
+            </li>
+
+            <!-- Clone -->
+            <li class="mb-[7px]">
+                <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
+                <ul class="pl-[15px]">
+                    <li class="mb-[2px]">
+                        <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
+                        <ul class="pl-[15px]">
+                            <li class="mb-[2px]">
+                                <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
+                                <ul class="pl-[15px]">
+                                    <li>
+                                        <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="mb-[2px]">
+                        <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
+                        <ul class="pl-[15px]">
+                            <li class="mb-[2px]">
+                                <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
+                                <ul class="pl-[15px]">
+                                    <li>
+                                        <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+            <li class="mb-[2px]">
+                <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div>
+                <ul class="pl-[15px]">
+                    <li class="mb-[2px]">
+                        <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
+                        <ul class="pl-[15px]">
+                            <li class="mb-[2px]">
+                                <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
+                                <ul class="pl-[15px]">
+                                    <li>
+                                        <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="mb-[2px]">
+                        <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div>
+                        <ul class="pl-[15px]">
+                            <li class="mb-[2px]">
+                                <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div>
+                                <ul class="pl-[15px]">
+                                    <li>
+                                        <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+            <!-- // clone -->
+        </ul>
+    </div>
+
+    <form method="dialog" class="modal-backdrop">
+        <button>close</button>
+    </form>
+</dialog>
+
+<dialog id="js_list_brand" class="modal">
+    <div class="modal-box max-w-xl p-[16px]">
+        <form method="dialog">
+            <button
+                class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
+        </form>
+
+        <p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
+
+        <div class="h-[400px] overflow-auto">
+            <p class="mb-[6px]"> Tìm theo chữ cái:  </p>
+
+            <div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
+                <a href="">
+                    A <span class="text-[black]">(73)</span>
+                </a>
+
+                <a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
+                        class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
+                    href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
+                        class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a
+                    href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span
+                        class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a
+                    href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span
+                        class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a
+                    href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span
+                        class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a
+                    href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span
+                        class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a
+                    href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span
+                        class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a
+                    href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span
+                        class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a
+                    href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span
+                        class="text-[black]">(73)</span></a>
+            </div>
+
+            <div class="order-page-table">
+                <table>
+                    <thead>
+                        <tr>
+                            <td width="40">STT</td>
+                            <td>Thương hiệu</td>
+                            <td width="120">Số sản phẩm</td>
+                            <td width="80"></td>
+                        </tr>
+                    </thead>
+
+                    <tbody>
+                        <tr align="center">
+                            <td> 1 </td>
+                            <td align="left"> ABS </td>
+                            <td> 1 </td>
+                            <td>
+                                <a href="/admin/deal/deal-add?id=1"
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+
+                        <!-- loop -->
+                        <tr align="center">
+                            <td> 2 </td>
+                            <td align="left"> A </td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 3</td>
+                            <td align="left"> B</td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 4 </td>
+                            <td align="left"> C</td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 5 </td>
+                            <td align="left"> ABS </td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 2 </td>
+                            <td align="left"> A </td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 3</td>
+                            <td align="left"> B</td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 4 </td>
+                            <td align="left"> C</td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <tr align="center">
+                            <td> 5 </td>
+                            <td align="left"> ABS </td>
+                            <td> 1 </td>
+                            <td> <a href=""
+                                    class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
+                            </td>
+                        </tr>
+                        <!-- // -->
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <form method="dialog" class="modal-backdrop">
+        <button>close</button>
+    </form>
+</dialog>
+{% endif %}

old/template/deal/deal_detail.html

@@ -0,0 +1,294 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/deal"> Deal/giờ vàng </a>
+    <a href="/admin/deal/deal-add"> Thêm sản phẩm deal </a>
+    <a href=""> Form thêm deal </a>
+</div>
+
+<div class="max-w-[1141px] m-[0_auto_20px] p-[0_16px]">
+    <div class="flex flex-wrap items-start justify-center">
+
+        <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 deal </p>
+
+            <div class="flex items-center">
+                <a href="/admin/deal/deal-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 deal</span>
+                </a>
+
+                <a href="/admin/deal" title="Danh sách deal"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+            </div>
+
+            <p class="w-[100%] text-[#6B7280]">
+                Màn hình máy tính HKC M20A6 20 Inch Full HD
+            </p>
+        </div>
+
+        <!-- col left -->
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="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;"> Thông tin </a>
+            </div>
+        </div>
+
+        <!-- col right -->
+        <form method="post" enctype="multipart/form-data"
+            class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
+
+            <p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
+
+            <div class="mb-[24px]">
+                <p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
+
+                <input type="text" value=""
+                    class="w-[100%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+            </div>
+
+            <div class="mb-[24px]">
+                <p class="mb-[7px]"> <b>Sản phẩm liên quan</b> </p>
+
+                <p class="text-[#6B7280]">
+                    Màn hình máy tính HKC M20A6 20 Inch Full HD
+                    <a href="">Xem link</a>
+                </p>
+            </div>
+
+            <div class="mb-[24px]">
+                <p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</b> </p>
+
+                <textarea
+                    class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+            </div>
+
+            <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
+
+            <p class="mb-[20px] font-bold text-[20px]"> Thông tin bán Sản phẩm </p>
+
+            <div class="mb-[24px] flex items-center">
+                <p class="w-[140px]"> <b>Giá sản phẩm</b> </p>
+
+                <p class="text-[#6B7280]"> 17.999.000 VNĐ </p>
+            </div>
+
+            <div class="mb-[24px] flex items-center">
+                <p class="w-[140px]"> <b> Giá deal </b> </p>
+
+                <input type="text" value=""
+                    class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+            </div>
+
+            <div class="flex flex-wrap justify-between">
+                <div class="mb-[24px] w-[32%]">
+                    <p class="mb-[6px]">
+                        <b> Số lượng bán </b>
+                        (Số đang có: 8)
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[24px] w-[32%]">
+                    <div class="mb-[6px] relative">
+                        <b> Số lượng tối thiểu phải mua </b>
+
+                        <div class="inline-block relative group">
+                            <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                            <p
+                                class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                                Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có
+                                thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
+                            </p>
+                        </div>
+                    </div>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[24px] w-[32%]">
+                    <div class="mb-[6px]">
+                        <b> Số lượng tối đa được mua </b>
+
+                        <div class="inline-block relative group">
+                            <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                            <p
+                                class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
+                                Số lượng tối đa 1 khách hàng được phép đặt mua
+                            </p>
+                        </div>
+                    </div>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[32px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+            </div>
+
+            <div class="mb-[24px]">
+                <p class="mb-[10px]"> <b>Thời gian hiệu lực *</b> </p>
+
+                <div class="flex items-center mb-[12px]">
+                    <p style="width: 65px;"> Bắt đầu </p>
+                    <div class="relative m-[0_35px_0_10px]">
+                        <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                        <input type="date" name="from_time_date" value="" placeholder="Từ ngày"
+                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                    </div>
+
+                    <p class="mr-[10px]"> Giờ </p>
+
+                    <select name='info[from_time_minute]' id='from_time_minute'
+                        class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
+                        <option value="00:00">00:00</option>
+                        <option value="00:30">00:30</option>
+                        <option value="01:00">01:00</option>
+                        <option value="01:30">01:30</option>
+                        <option value="02:00">02:00</option>
+                        <option value="02:30">02:30</option>
+                        <option value="03:00">03:00</option>
+                        <option value="03:30">03:30</option>
+                        <option value="04:00">04:00</option>
+                        <option value="04:30">04:30</option>
+                        <option value="05:00">05:00</option>
+                        <option value="05:30">05:30</option>
+                        <option value="06:00">06:00</option>
+                        <option value="06:30">06:30</option>
+                        <option value="07:00">07:00</option>
+                        <option value="07:30">07:30</option>
+                        <option value="08:00">08:00</option>
+                        <option value="08:30">08:30</option>
+                        <option value="09:00">09:00</option>
+                        <option value="09:30">09:30</option>
+                        <option value="10:00">10:00</option>
+                        <option value="10:30">10:30</option>
+                        <option value="11:00">11:00</option>
+                        <option value="11:30">11:30</option>
+                        <option value="12:00">12:00</option>
+                        <option value="12:30">12:30</option>
+                        <option value="13:00">13:00</option>
+                        <option value="13:30">13:30</option>
+                        <option value="14:00">14:00</option>
+                        <option value="14:30">14:30</option>
+                        <option value="15:00">15:00</option>
+                        <option value="15:30">15:30</option>
+                        <option value="16:00">16:00</option>
+                        <option value="16:30">16:30</option>
+                        <option value="17:00">17:00</option>
+                        <option value="17:30">17:30</option>
+                        <option value="18:00">18:00</option>
+                        <option value="18:30">18:30</option>
+                        <option value="19:00">19:00</option>
+                        <option value="19:30">19:30</option>
+                        <option value="20:00">20:00</option>
+                        <option value="20:30">20:30</option>
+                        <option value="21:00">21:00</option>
+                        <option value="21:30">21:30</option>
+                        <option value="22:00">22:00</option>
+                        <option value="22:30">22:30</option>
+                        <option value="23:00">23:00</option>
+                        <option value="23:30">23:30</option>
+                    </select>
+                </div>
+
+                <div class="flex items-center">
+                    <p style="width: 65px;"> Kết thúc </p>
+                    <div class="relative m-[0_35px_0_10px]">
+                        <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                        <input type="date" name="to_time_date" value="" placeholder="Từ ngày"
+                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                    </div>
+
+                    <p class="mr-[10px]"> Giờ </p>
+
+                    <select name='info[to_time_minute]' id='from_time_minute'
+                        class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
+                        <option value=" 00:00">00:00</option>
+                        <option value="00:30">00:30</option>
+                        <option value="01:00">01:00</option>
+                        <option value="01:30">01:30</option>
+                        <option value="02:00">02:00</option>
+                        <option value="02:30">02:30</option>
+                        <option value="03:00">03:00</option>
+                        <option value="03:30">03:30</option>
+                        <option value="04:00">04:00</option>
+                        <option value="04:30">04:30</option>
+                        <option value="05:00">05:00</option>
+                        <option value="05:30">05:30</option>
+                        <option value="06:00">06:00</option>
+                        <option value="06:30">06:30</option>
+                        <option value="07:00">07:00</option>
+                        <option value="07:30">07:30</option>
+                        <option value="08:00">08:00</option>
+                        <option value="08:30">08:30</option>
+                        <option value="09:00">09:00</option>
+                        <option value="09:30">09:30</option>
+                        <option value="10:00">10:00</option>
+                        <option value="10:30">10:30</option>
+                        <option value="11:00">11:00</option>
+                        <option value="11:30">11:30</option>
+                        <option value="12:00">12:00</option>
+                        <option value="12:30">12:30</option>
+                        <option value="13:00">13:00</option>
+                        <option value="13:30">13:30</option>
+                        <option value="14:00">14:00</option>
+                        <option value="14:30">14:30</option>
+                        <option value="15:00">15:00</option>
+                        <option value="15:30">15:30</option>
+                        <option value="16:00">16:00</option>
+                        <option value="16:30">16:30</option>
+                        <option value="17:00">17:00</option>
+                        <option value="17:30">17:30</option>
+                        <option value="18:00">18:00</option>
+                        <option value="18:30">18:30</option>
+                        <option value="19:00">19:00</option>
+                        <option value="19:30">19:30</option>
+                        <option value="20:00">20:00</option>
+                        <option value="20:30">20:30</option>
+                        <option value="21:00">21:00</option>
+                        <option value="21:30">21:30</option>
+                        <option value="22:00">22:00</option>
+                        <option value="22:30">22:30</option>
+                        <option value="23:00">23:00</option>
+                        <option value="23:30">23:30</option>
+                    </select>
+                </div>
+            </div>
+
+            <div class="mb-[24px]">
+                <p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
+
+                <input type="text" value="0"
+                    class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+            </div>
+
+
+            <div class="flex items-center">
+                <p> <b>Hiển thị</b> </p>
+
+                <label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
+                    <input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500" checked>
+                    <span class="label-text ml-[10px]">Cho hiển thị</span>
+                </label>
+
+                <label class="flex items-center cursor-pointer relative pl-[30px]">
+                    <input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
+                    <span class="label-text ml-[10px]">Ẩn hiển thị</span>
+                </label>
+            </div>
+
+            <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
+
+            <input name="commit" 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>

old/template/deal/home.html

@@ -0,0 +1,178 @@
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[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 Deal </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="hidden" name="opt" value="deal">
+            <input type="hidden" name="q" value="">
+            <input type="hidden" name="page" value="">
+
+            <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 flex-wrap justify-between mb-[20px]">
+            <a href=""
+                class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                Xóa danh sách được chọn
+            </a>
+
+            <div class="flex items-center font-[500] leading-[35px]">
+                <a href="/admin/deal/deal-add"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 deal mới</span>
+                </a>
+
+                <a href="/admin/deal/upload-deal-excel"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] 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 deal excel</span>
+                </a>
+
+                <a href="javascript:void(0)"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="fas fa-file-download m-[0_4px_0_0]"></i>
+                    <span>Tải file excel</span>
+                </a>
+            </div>
+        </div>
+
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="40">
+                            <input type="checkbox" class="checkbox checkbox-success"
+                                onclick="CheckList.setAllChecked.call(this)" />
+                        </td>
+                        <td width="40"> STT </td>
+                        <td width="80"> Ảnh </td>
+                        <td> Sản phẩm (Tổng số: 1.742) </td>
+                        <td> Thông tin Deal </td>
+                        <td> Thời gian Deal </td>
+                        <td width="130">
+                            <select class="select w-[120px_!important] h-[30px] min-h-[30px]">
+                                <option value="">Tình trạng</option>
+                                <option value="not-started"> Chưa bắt đầu </option>
+                                <option value="started"> Đang bắt đầu </option>
+                                <option value="ended"> Hết thời gian </option>
+                                <option value="hidden"> Ẩn hiển thị </option>
+                                <option value="featured"> Đang nổi bật </option>
+                            </select>
+                        </td>
+                        <td class="text-center"> Công cụ </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+
+                    <tr>
+                        <td align="center">
+                            <input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
+                        </td>
+
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <div class="w-[100px]">
+                                <img src="https://via.placeholder.com/500x500" class="block" />
+                            </div>
+                        </td>
+
+                        <td>
+                            <a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
+                            <p> [SKU: LTLE950] </p>
+                            <p> Số lượng: <b>60</b> </p>
+                            <p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
+                            <p> Tạo lúc: 25-10-2022, 4:56 pm </p>
+                            <p> Cập nhật: 17-01-2024, 9:36 am </p>
+                        </td>
+
+                        <td>
+                            <p> Giá Deal:
+                                <b class="text-[red] mr-1"> 35.000.000 vnđ </b>
+                                (Giảm: <b class="text-[red]"> 4% </b>)
+                            </p>
+                            <p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
+                            <p> Số đơn hàng : <b> 6 </b> </p>
+                            <p> Số lượng đặt mua: <b> 10 </b> </p>
+                            <p> Lượt xem: <b> 0 </b> </p>
+                        </td>
+
+                        <td class="whitespace-nowrap">
+                            <b> 01-01-2024, 1:00 pm </b> đến
+                            <b class="block"> 31-03-2024, 8:00 pm </b>
+                        </td>
+
+                        <td>
+                            <i title="Chưa bắt đầu" style="background: #0041E8;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Đang bắt đầu" style="background: #299D00;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Hết thời gian" style="background: #E00000;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Ẩn hiển thị" style="background: #C8C8C8;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Đang nổi bật" style="background: #FFC700;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+                                <a href="" class="icons icon-delete" title="Xóa"></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>
+
+<script src="{{ 'checkbox.js' | asset_url }}"></script>
+
+<script>
+
+    const CheckList = Checkbox(delete_deal);
+
+    function delete_deal(id, must_confirm) {
+        if (must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) {
+            return;
+        }
+
+        $.post(ACTION_URL, { action: "delete-deal", id: id }, function (data) {
+            $("#row_" + id).fadeOut();
+        });
+    }
+</script>

old/template/deal/upload_deal_excel.html

@@ -0,0 +1,127 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/deal"> Deal/giờ vàng </a>
+    <a href=""> Thêm deal qua Excel </a>
+</div>
+
+<div class="max-w-[1141px] m-[0_auto_20px]">
+    <div class="flex flex-wrap items-start justify-center">
+
+        <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-[20px] flex flex-wrap items-center justify-between">
+            <p class="font-bold text-[20px]"> Thêm deal qua excel </p>
+            
+            <p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> Hướng dẫn: File sẽ thêm Sản phẩm nếu chưa có, và cập nhật Sản phẩm nếu có rồi </p>
+
+            <a href="" 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] hover:bg-[#0041E8] hover:text-[#fff]">
+                <i class="far fa-file-excel mr-1"></i>
+                <span> Tải danh sách deal </span>
+            </a>
+        </div>            
+
+        <!-- col left -->
+        <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;"> Thông tin </a>
+        </div>
+
+        <!-- col right -->
+        <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+
+            <div class="flex items-center mb-[20px]">
+                <b class="mr-[10px]"> Chú ý: Yêu cầu file excel theo đúng file mẫu. </b>
+
+                <a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="far fa-file-excel mr-1"></i>
+                    <span> Tải file mẫu </span>
+                </a>
+            </div>
+
+            <table>
+                <tr>
+                    <td width="215"> File cập nhật </td>
+
+                    <td>
+                        <input type="file">
+                    </td>
+                </tr>
+
+                <tr>
+                    <td> Cấu hình cột Excel </td>
+
+                    <td>
+                        
+                        <table>
+                            <tr class="font-[600] bg-[#ECECEC_!important]">
+                                <td>Cột Excel</td>
+                                <td>Nội dung</td>
+                            </tr>
+
+                            <tr>
+                                <td>A</td>
+                                <td>Mã kho (SKU)</td>
+                            </tr>
+
+                            <tr>
+                                <td>B</td>
+                                <td>Tên của deal</td>
+                            </tr>
+
+                            <tr>
+                                <td>C</td>
+                                <td>Giá deal (dạng số)</td>
+                            </tr>
+
+                            <tr>
+                                <td>D</td>
+                                <td>Số lượng mua tối thiểu (dạng số - mặc định là 1)</td>
+                            </tr>
+
+                            <tr>
+                                <td>E</td>
+                                <td>Số lượng mua tối đa (dạng số - mặc định là 1)</td>
+                            </tr>
+
+                            <tr>
+                                <td>F</td>
+                                <td>Số lượng (dạng số)</td>
+                            </tr>
+
+                            <tr>
+                                <td>G</td>
+                                <td>Ngày bắt đầu (DD/MM/YYYY)</td>
+                            </tr>
+
+                            <tr>
+                                <td>H</td>
+                                <td>Giờ bắt đầu (hh:mm)</td>
+                            </tr>
+
+                            <tr>
+                                <td>I</td>
+                                <td>Ngày kết thúc (DD/MM/YYYY)</td>
+                            </tr>
+
+                            <tr>
+                                <td>J</td>
+                                <td>Giờ kết thúc (hh:mm)</td>
+                            </tr>
+                            
+                            <tr>
+                                <td>K</td>
+                                <td>Chọn hiển thị (yes|no)</td>
+                            </tr>
+
+                            <tr>
+                                <td>L</td>
+                                <td>Thứ tự hiển thị</td>
+                            </tr>
+                        </table>
+
+                    </td>
+                </tr>
+            </table>
+
+            <hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
+
+            <input name="commit" 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>

old/template/distributor/form.html

@@ -0,0 +1,170 @@
+<div class="w-[100%] mb-[50px]">
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/distributor">Danh sách đại lý</a></li>
+            <li class="text-[#0041E8]">Form thêm/sửa danh sách</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]">Form đại lý</h1>
+                <div class="flex items-center">
+                    <a href="/admin/distributor/form"
+                        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 đại lý</span>
+                    </a>
+                </div>
+            </div>
+            <p class="text-gray-500">Nhà Thuốc Hiệp Phát</p>
+        </div>
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="/admin/distributor/form"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
+                        tin</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="block text-[20px] font-bold my-[10px]">Cập nhật lại</b>
+
+                    <table class="">
+                        <tr>
+                            <td>Tên gọi</td>
+                            <td>
+                                <input type="text" name="" value="" placeholder="Têm gọi"
+                                    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]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="align-top">Mô tả</td>
+                            <td>
+                                <textarea type="text" name="" value="" placeholder="Nội dung tóm tắt (nếu có)"
+                                    class="w-full textarea h-[70px] input-bordered  rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Tọa độ bản đồ</td>
+                            <td>
+                                <div class="grid grid-cols-2 gap-[30px]">
+                                    <div class="flex items-center">
+                                        <p class="whitespace-nowrap">Kinh độ</p>
+                                        <input type="text" name="" value="" placeholder="Kinh độ"
+                                            class="w-[200px] ml-[10px] 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="flex items-center">
+                                        <p class="whitespace-nowrap">Vĩ độ</p>
+                                        <input type="text" name="" value="" placeholder="Vĩ độ"
+                                            class="w-[200px] ml-[10px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Tỉnh/TP</td>
+                            <td>
+                                <select name=''
+                                    class="w-[50%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
+                                    <option value='' selected>Tỉnh/TP</option>
+                                    <option value=''>Hà nội</option>
+                                </select>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Quận huyện</td>
+                            <td>
+                                <select name=''
+                                    class="w-[50%] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
+                                    <option value='' selected>Quận huyện</option>
+                                    <option value=''>Thị xã Đông Hòa</option>
+                                </select>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="align-top">Địa chỉ</td>
+                            <td>
+                                <textarea type="text" name="" value="" placeholder="Địa chỉ"
+                                    class="w-full textarea h-[70px] input-bordered  rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Điện thoại</td>
+                            <td>
+                                <input type="text" name="" value="" placeholder="Điện thoại"
+                                    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]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Website</td>
+                            <td>
+                                <input type="text" name="" value="" placeholder=""
+                                    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]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Người liên hệ</td>
+                            <td>
+                                <input type="text" name="" value="Nguyễn Thị Hiệp" placeholder=""
+                                    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]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Email liên hệ</td>
+                            <td>
+                                <input type="text" name="" value="" placeholder=""
+                                    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]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>STT</td>
+                            <td>
+                                <input type="text" name="" value="" placeholder=""
+                                    class="w-[35%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>STT</td>
+                            <td>
+                                <input type="text" name="" value="" placeholder=""
+                                    class="w-[35%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Trạng thái</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <label class="inline-flex items-center cursor-pointer relative mr-[34px]">
+                                        <input type="radio" value="0" name="info[status]"
+                                            class="radio checked:bg-blue-500" checked="">
+                                        <span class="label-text ml-[10px]"> Hiển thị </span>
+                                    </label>
+
+                                    <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                                        <input type="radio" value="1" name="info[status]"
+                                            class="radio checked:bg-blue-500">
+                                        <span class="label-text ml-[10px]"> Ẩn hiển thị </span>
+                                    </label>
+                                </div>
+                            </td>
+                        </tr>
+                    </table>
+
+                </div>
+
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <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>

old/template/distributor/home.html

@@ -0,0 +1,106 @@
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <h1 class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách đại lý </h1>
+
+        <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 justify-between mb-[15px]">
+            <div class="flex items-center">
+                <p class="mr-[10px]">Lựa chọn ngôn ngữ</p>
+                <select
+                    class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value=""> Chọn ngôn ngữ </option>
+                    <option value=""> Tiếng việt </option>
+                </select>
+            </div>
+
+            <div class="flex items-center">
+                <a href="/admin/distributor/form"
+                    class="block w-[155px] m-[auto_0_auto_auto] 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="inline-block border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.5px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm đại lý mới</span>
+                </a>
+
+                <a href=""
+                    class="ml-[10px] group leading-[35px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="fa-solid fa-file-arrow-down text-[#0041E8] group-hover:text-white mr-[5px]"></i>
+                    <span>Upload Excel</span>
+                </a>
+            </div>
+        </div>
+
+        <table class="mt-[20px]">
+            <thead class="bg-[#f6f6f6] font-bold">
+                <tr>
+                    <td>STT</td>
+                    <td>Đại lý</td>
+                    <td>NGười liên hệ</td>
+                    <td>Địa chỉ</td>
+                    <td>Tỉnh</td>
+                    <td>Điện thoại</td>
+                    <td>Lựa chọn</td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>Nhà Thuốc Hiệp Phát</td>
+                    <td>Nguyễn Thị Hiệp</td>
+                    <td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
+                    <td>Phú yên</td>
+                    <td>0982483346</td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="" title="Form sản phẩm"
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>Nhà Thuốc Hiệp Phát</td>
+                    <td>Nguyễn Thị Hiệp</td>
+                    <td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
+                    <td>Phú yên</td>
+                    <td>0982483346</td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="" title="Form sản phẩm"
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+
+    </div>
+</div>