up

assets/script/pc_style.css

@@ -123,7 +123,6 @@ a {
 }
 
 .admin-global-container {
-  max-width: 1720px;
   margin: auto;
   display: flex;
 }
@@ -132,7 +131,7 @@ a {
   position: relative;
   background: #004180;
   color: #fff;
-  width: 16%;
+  width: 245px;
   padding: 20px 0;
   line-height: 20px;
 }
@@ -355,23 +354,6 @@ a {
   padding: 16px 0 16px 16px;
 }
 
-.table-fixed {
-  text-align: center;
-}
-.table-fixed td {
-  padding: 13px 8px;
-  border: 1px solid #ececec;
-}
-.table-fixed tbody td {
-  padding: 5px 8px;
-}
-.table-fixed tbody td:nth-child(2), .table-fixed tbody td:nth-child(3) {
-  text-align: left;
-}
-.table-fixed tbody td:nth-child(2) {
-  color: #0041e8;
-}
-
 .admin-home-tab {
   overflow: auto;
 }
@@ -390,75 +372,6 @@ a {
   color: #fff;
 }
 
-.home-report-holder {
-  display: none;
-}
-.home-report-holder table {
-  width: 100%;
-  line-height: 20px;
-  text-align: center;
-}
-.home-report-holder thead {
-  background: #f6f6f6;
-  font-weight: 500;
-}
-.home-report-holder td {
-  border: 1px solid #ececec;
-  padding: 14px 5px;
-}
-.home-report-holder td a {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.home-report-holder td:nth-child(2) {
-  text-align: left;
-}
-
-.home-todo-list td {
-  padding: 0 4px;
-  color: #000 !important;
-}
-.home-todo-list td:nth-child(1), .home-todo-list td:nth-child(3), .home-todo-list td:nth-child(4) {
-  white-space: nowrap;
-}
-
-.product-sale-info td {
-  padding: 14px;
-  border: 1px solid #ececec;
-}
-
-.table-seo td {
-  padding: 14px;
-  border: 1px solid #ececec;
-}
-
-.product-specifications td {
-  padding: 14px;
-  border: 1px solid #ececec;
-}
-
-.table-config th {
-  padding: 10px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-}
-.table-config td {
-  padding: 10px;
-  border: 1px solid #ececec;
-}
-
-.accessory th {
-  padding: 10px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-}
-.accessory td {
-  padding: 10px 6px;
-  border: 1px solid #ececec;
-}
-
 .icons {
   width: 30px;
   height: 30px;
@@ -560,14 +473,6 @@ a {
   color: #fff;
 }
 
-.order-detail-page .icon-edit {
-  border: transparent;
-  background-color: transparent;
-  margin: 0;
-  width: 18px;
-  height: 18px;
-}
-
 .is-close-btn {
   background: #ececec !important;
   border-radius: 50%;
@@ -576,12 +481,6 @@ a {
   color: #9e9e9e !important;
 }
 
-.td-border-0 td {
-  border: 0 !important;
-  padding: 3px 0;
-  width: auto;
-}
-
 .paging {
   margin: 30px 0;
   display: flex;
@@ -648,17 +547,6 @@ a {
   background: #f6f6f6;
 }
 
-.list-info-reply th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-}
-.list-info-reply td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-
 .input-file {
   position: relative;
 }
@@ -699,80 +587,6 @@ a {
   text-decoration: underline;
 }
 
-.table-brand th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-}
-.table-brand td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-
-.table-attribute th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-}
-.table-attribute td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-.table-attribute a {
-  color: #0041e8;
-}
-.table-attribute .status {
-  width: 106px;
-  display: block;
-  height: 20px;
-  border: 1px solid gray;
-  font-size: 12px;
-  font-weight: 700;
-  text-align: center;
-  color: gray;
-  border-radius: 50px;
-  background: #fff;
-}
-.table-attribute .status.on {
-  border: 1px solid #6dc580;
-  color: #03781d;
-  background: #f0f9f2;
-}
-.table-attribute .status.off {
-  border: 1px solid red;
-  color: red;
-  background: rgb(255, 245, 245);
-}
-
-.table-value th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-  text-align: left;
-}
-.table-value td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-
-.table-config-pro th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-  text-align: left;
-}
-.table-config-pro td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-.table-config-pro .name {
-  color: #0041e8;
-}
-
 .input-date {
   position: relative;
 }
@@ -841,13 +655,6 @@ a {
   display: block;
 }
 
-.list-category .style-checkbox .checkmark:after {
-  left: 6px;
-}
-.list-category .style-checkbox {
-  color: #919699;
-}
-
 .order-detail-page .select2-container {
   width: 100% !important;
   margin-top: 10px;
@@ -945,7 +752,6 @@ a {
   border-radius: 5px;
 }
 .table .icon-edit {
-  border: 1px solid #0041e8;
   background-color: #f5f7ff;
   background-position: -108px -82px;
 }
@@ -954,4 +760,16 @@ a {
 }
 .table .icon-view {
   background-position: -180px -82px;
+}
+
+.home-report-holder {
+  display: none;
+}
+
+.not-border td {
+  border: 0;
+}
+
+.not-padding td {
+  padding: 0;
 }/*# sourceMappingURL=pc_style.css.map */

assets/script/pc_style.scss

@@ -107,7 +107,6 @@ a {
     background-position: 0 40px;
 }
 .admin-global-container {
-    max-width: 1720px;
     margin: auto;
     display: flex;
 }
@@ -115,7 +114,7 @@ a {
     position: relative;
     background: #004180;
     color: #fff;
-    width: 16%;
+    width: 245px;
     padding: 20px 0;
     line-height: 20px;
     &.active {
@@ -347,25 +346,6 @@ a {
     }
 }
 
-.table-fixed {
-    text-align: center;
-    td {
-        padding: 13px 8px;
-        border: 1px solid #ececec;
-    }
-    tbody {
-        td {
-            padding: 5px 8px;
-            &:nth-child(2),
-            &:nth-child(3) {
-                text-align: left;
-            }
-            &:nth-child(2) {
-                color: #0041e8;
-            }
-        }
-    }
-}
 .admin-home-tab {
     overflow: auto;
     a {
@@ -384,87 +364,6 @@ a {
         }
     }
 }
-.home-report-holder {
-    display: none;
-    table {
-        width: 100%;
-        line-height: 20px;
-        text-align: center;
-    }
-    thead {
-        background: #f6f6f6;
-        font-weight: 500;
-    }
-    td {
-        border: 1px solid #ececec;
-        padding: 14px 5px;
-        a {
-            display: block;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        &:nth-child(2) {
-            text-align: left;
-        }
-    }
-}
-.home-todo-list {
-    td {
-        padding: 0 4px;
-        color: #000 !important;
-        &:nth-child(1),
-        &:nth-child(3),
-        &:nth-child(4) {
-            white-space: nowrap;
-        }
-    }
-}
-
-.product-sale-info {
-    td {
-        padding: 14px;
-        border: 1px solid #ececec;
-    }
-}
-
-.table-seo {
-    td {
-        padding: 14px;
-        border: 1px solid #ececec;
-    }
-}
-
-.product-specifications {
-    td {
-        padding: 14px;
-        border: 1px solid #ececec;
-    }
-}
-
-.table-config {
-    th {
-        padding: 10px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-    }
-    td {
-        padding: 10px;
-        border: 1px solid #ececec;
-    }
-}
-
-.accessory {
-    th {
-        padding: 10px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-    }
-    td {
-        padding: 10px 6px;
-        border: 1px solid #ececec;
-    }
-}
 
 .icons {
     width: 30px;
@@ -575,15 +474,6 @@ a {
     }
 }
 
-.order-detail-page {
-    .icon-edit {
-        border: transparent;
-        background-color: transparent;
-        margin: 0;
-        width: 18px;
-        height: 18px;
-    }
-}
 .is-close-btn {
     background: #ececec !important;
     border-radius: 50%;
@@ -591,13 +481,7 @@ a {
     right: 10px !important;
     color: #9e9e9e !important;
 }
-.td-border-0 {
+
-    td {
-        border: 0 !important;
-        padding: 3px 0;
-        width: auto;
-    }
-}
 .paging {
     margin: 30px 0;
     display: flex;
@@ -665,19 +549,6 @@ a {
     }
 }
 
-.list-info-reply {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-}
-
 .input-file {
     position: relative;
     input {
@@ -721,88 +592,6 @@ a {
     }
 }
 
-.table-brand {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-}
-
-.table-attribute {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-    a {
-        color: #0041e8;
-    }
-    .status {
-        width: 106px;
-        display: block;
-        height: 20px;
-        border: 1px solid gray;
-        font-size: 12px;
-        font-weight: 700;
-        text-align: center;
-        color: gray;
-        border-radius: 50px;
-        background: #fff;
-        &.on {
-            border: 1px solid #6dc580;
-            color: #03781d;
-            background: #f0f9f2;
-        }
-        &.off {
-            border: 1px solid red;
-            color: red;
-            background: rgb(255, 245, 245);
-        }
-    }
-}
-
-.table-value {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-        text-align: left;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-}
-
-.table-config-pro {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-        text-align: left;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-    .name {
-        color: #0041e8;
-    }
-}
-
 .input-date {
     position: relative;
     &::before {
@@ -872,15 +661,6 @@ a {
     }
 }
 
-.list-category {
-    .style-checkbox .checkmark:after {
-        left: 6px;
-    }
-    .style-checkbox {
-        color: #919699;
-    }
-}
-
 .order-detail-page .select2-container {
     width: 100% !important;
     margin-top: 10px;
@@ -979,7 +759,6 @@ a {
         border-radius: 5px;
     }
     .icon-edit {
-        border: 1px solid #0041e8;
         background-color: #f5f7ff;
         background-position: -108px -82px;
     }
@@ -990,3 +769,14 @@ a {
         background-position: -180px -82px;
     }
 }
+.home-report-holder {
+    display: none;
+}
+
+.not-border td {
+    border: 0;
+}
+
+.not-padding td {
+    padding: 0;
+}

template/article/home.html

@@ -94,7 +94,8 @@
 
                     <td>
                         <div class="items-center flex">
-                            <a href="/admin/article/form?id=1" title="Sửa lại" class="icons icon-edit"></a>
+                            <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>

template/banner/home.html

@@ -72,7 +72,7 @@
                     </td>
 
                     <td>
-                        <table class="td-border-0">
+                        <table class="not-border not-padding">
                             <tr>
                                 <td width="115">Tên gọi:</td>
                                 <td> </td>
@@ -137,7 +137,7 @@
                             src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
                             width="260" /> </td>
                     <td>
-                        <table class="td-border-0">
+                        <table class="not-border not-padding">
                             <tr>
                                 <td width="115">Tên gọi:</td>
                                 <td> </td>

template/banner/location.html

@@ -3,19 +3,22 @@
     <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]">
+<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]">
+        <a href="/admin/banner/location-add"
-            <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+            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="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
                 <tr class="font-[600]">
                     <td width="50"> STT </td>
                     <td> ID </td>
@@ -30,8 +33,8 @@
                 <td align="center"> 1 </td>
 
                 <td>
-                    <p> ID: 43  </p>
+                    <p> ID: 43 </p>
-                    <p> banner_webmau4_mb  </p>
+                    <p> banner_webmau4_mb </p>
                 </td>
 
                 <td> homepage </td>
@@ -42,8 +45,10 @@
 
                 <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?id=1"
-                        <a href="/admin/banner/location-add?id=1" class="icons icon-edit" title="Sửa lại"></a>                         
+                            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>

template/banner/location_add.html

@@ -6,11 +6,14 @@
 
 <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">
+        <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]">
+            <a href="/admin/banner/location-add"
-                <span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                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>
 
@@ -19,11 +22,15 @@
             </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">
+        <div
-            <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>
+            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">
+        <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>
 
 
@@ -34,16 +41,27 @@
                     <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">
+                        <p
-                            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.
+                            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="w-[auto_!important]">
+                <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>
+                    <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>
@@ -56,13 +74,16 @@
                     <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">
+                        <p
-                            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
+                            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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                <input type="text" value=""
+                    class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
             </div>
 
 
@@ -73,25 +94,30 @@
                     <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">
+                        <p
-                            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.
+                            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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                <input type="text" value=""
+                    class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
             </div>
 
 
             <div class="mb-[15px]">
                 <p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
 
-                <textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                <textarea
+                    class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
             </div>
 
             <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]"/>
+            <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>

template/banner/upload.html

@@ -5,12 +5,15 @@
 
 <div class="max-w-[1141px] m-auto">
     <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]">
+        <a href="/admin/banner/upload"
-            <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+            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]">
+        <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>
@@ -19,13 +22,19 @@
     <div class="flex flex-wrap items-start 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>
+        <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="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">
+        <div
-            <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>
+            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="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+        <form method="post" enctype="multipart/form-data"
+            class="w-[852px] 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">
@@ -38,9 +47,12 @@
                         <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>
+                        <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]"/>
+                        <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                            class="block m-[15px_0_22px] max-h[390px]" />
                     </td>
                 </tr>
             </table>
@@ -56,12 +68,14 @@
                         <td>Vị trí quảng cáo</td>
                         <td>
                             <div class="flex items-center">
-                                <select name="info[locationId]" class="mr-[10px]">
+                                <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">Quản lý vị trí</a>
+                                <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]">
@@ -69,40 +83,71 @@
 
                                 <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="scale-[1.5] mr-[10px]"> 
+                                        <input id="cat_special_all" value="-1"
-                                        <span>Tất cả danh mục</span>
+                                            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="scale-[1.5] mr-[10px]"> 
+                                        <input type="checkbox" id="cat_special_9" value="9"
-                                        <span> Danh mục cấp 1 </span>
+                                            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 -->
-                                        <div>
+                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
-                                            <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input type="checkbox" id="cat_special_1" value="1"
-                                                <input type="checkbox" id="cat_special_1" value="1" onchange="select_cat('cat_special_1', 1)" class="scale-[1.5] mr-[10px]"> 
+                                                onchange="select_cat('cat_special_1', 1)"
-                                                <span> Danh mục cấp 2 </span>
+                                                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 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="scale-[1.5] mr-[10px]"> 
-                                                    <span> Danh mục cấp 3 </span>
-                                                </label>
-                                            </div>
                                         </div>
+                                    </div>
 
-                                        <!-- cloned -->
+
-                                        <div> <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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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>
-
-                                <!-- Cloned -->
-                                <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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 1 </span> </label> <div class="pl-[30px]"> <div> <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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> 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="scale-[1.5] mr-[10px]"> <span> Danh mục cấp 3 </span> </label> </div></div></div></div>
                             </div>
                         </td>
                     </tr>
@@ -110,22 +155,28 @@
                     <tr>
                         <td>Đặt tên banner để theo dõi</td>
                         <td>
-                            <input  type="text" name="info[name]" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                            <input type="text" name="info[name]" value=""
+                                class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         </td>
                     </tr>
 
                     <tr>
                         <td>Mô tả</td>
                         <td>
-                            <textarea name="info[summary]" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                            <textarea name="info[summary]"
+                                class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] 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 dài (width) : <input type="text" name="info[width]" value="3130"
-                            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
+                                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>
@@ -139,9 +190,12 @@
                             </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>
+                                <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] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"> 
+                                <input type="text" name="info[file_external_url]"
+                                    value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                    class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                             </div>
                         </td>
                     </tr>
@@ -149,14 +203,16 @@
                     <tr>
                         <td style="font-weight:bold;">Địa chỉ URL đích</td>
                         <td>
-                            <input type="text" name="info[desUrl]" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                            <input type="text" name="info[desUrl]" value=""
+                                class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                         </td>
                     </tr>
 
                     <tr>
                         <td>Thứ tự hiển thị</td>
                         <td>
-                            <input type="text" name="info[ordering]" value="0" class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                            <input type="text" name="info[ordering]" value="0"
+                                class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] 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>
@@ -165,40 +221,142 @@
                         <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"/> 
+                                <input type="radio" checked="checked" name="time_valid" value="1"
-                                <span>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
+                                    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" /> 
+                                <input type="radio" name="time_valid" value="2"
-                                <span>Thời gian hiển thị:</span>
+                                    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>
+                                    <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)]"/>
+                                        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' style="width: 85px;">
+                                <select name='info[from_time_minute]' id='from_time_minute'
-                                    <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>
+                                    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>
+                                    <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)]"/>
+                                        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' style="width: 85px;">
+                                <select name='info[to_time_minute]' id='from_time_minute'
-                                    <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>
+                                    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>
@@ -208,13 +366,15 @@
                         <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"> 
+                                <input type="radio" name="info[status]" value="1"
-                                <span>Cho hiển thị</span>
+                                    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"> 
+                                <input type="radio" name="info[status]" value="0" checked
-                                <span>Ẩn hiển thị</span>
+                                    class="left-0 radio checked:bg-blue-500">
+                                <span class="label-text ml-[5px]">Ẩn hiển thị</span>
                             </label>
                         </td>
                     </tr>
@@ -223,28 +383,30 @@
                         <td>Khác</td>
                         <td>
                             <label class="inline-flex items-center cursor-pointer">
-                                <input type="checkbox" name="info[show_in_mobile]" value="1" class="scale-[1.5] mr-[10px]"> 
+                                <input type="checkbox" name="info[show_in_mobile]" value="1"
-                                <span> Hiển thị tại mobile </span>
+                                    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]"/>
+            <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>
 
 
 <script>
-    function show_content(ty){
+    function show_content(ty) {
         var list_type = ['pro', 'cash', 'priceoff'];
 
-        for(var i=0; i < list_type.length; i++){
+        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';
+            if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
-            else document.getElementById('js-type-'+t_ty).style.display = 'none';
+            else document.getElementById('js-type-' + t_ty).style.display = 'none';
         }
     }
 </script>

template/customer/comment.html

@@ -70,30 +70,30 @@
                     <td>
                         <div class="flex items-center">
                             <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa-regular fa-hand-pointer text-[#0041E8]"></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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa-solid fa-crown text-[#0041E8]"></i>
                             </a>
                         </div>
                         <div class="flex items-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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa fa-plus text-[#0041E8]"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-remove"></i>
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>

template/customer/customer_add.html

@@ -40,21 +40,21 @@
                     </div>
 
                     <div class="flex items-center">
-                        <div class="check-form flex items-center mb-[10px] w-[20%]">
+                        <label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
                             <input type="checkbox" name="change_url_on_update" value="1" checked
-                                class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                                class="checkbox checkbox-success">
-                            <span class="ml-[10px] text-[#6B7280]">Mua lẻ</span>
+                            <span class="label-text ml-[10px] text-[#6B7280]">Mua lẻ</span>
-                        </div>
+                        </label>
-                        <div class="check-form flex items-center mb-[10px] w-[20%]">
+                        <label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
                             <input type="checkbox" name="change_url_on_update" value="1"
-                                class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                                class="checkbox checkbox-success">
-                            <span class="ml-[10px] text-[#6B7280]">Khách HCM</span>
+                            <span class="label-text ml-[10px] text-[#6B7280]">Khách HCM</span>
-                        </div>
+                        </label>
-                        <div class="check-form flex items-center mb-[10px] w-[20%]">
+                        <label class="flex items-center mb-[10px] w-[20%] cursor-pointer">
                             <input type="checkbox" name="change_url_on_update" value="1"
-                                class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                                class="checkbox checkbox-success">
-                            <span class="ml-[10px] text-[#6B7280]">Khách VIP</span>
+                            <span class="label-text ml-[10px] text-[#6B7280]">Khách VIP</span>
-                        </div>
+                        </label>
                     </div>
 
                     <div class="flex items-center justify-between">

template/customer/customer_contact.html

@@ -63,12 +63,12 @@
                         </select>
                         <div class="flex items-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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="icons icon-edit"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-remove"></i>
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>

template/customer/customer_newsletter.html

@@ -46,11 +46,11 @@
                     <td>
                         <div class='list-btn flex items-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='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-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                class='w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-remove'></i></a>
+                                    class='icons icon-delete'></i></a>
                         </div>
                     </td>
                 </tr>

template/customer/customer_review.html

@@ -33,8 +33,8 @@
                     </td>
                     <td>
                         <a href=""
-                            class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                            class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
-                            <i class="icons icon-remove"></i>
+                            <i class="icons icon-delete"></i>
                         </a>
                     </td>
                 </tr>
@@ -52,8 +52,8 @@
                     </td>
                     <td>
                         <a href=""
-                            class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                            class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
-                            <i class="icons icon-remove"></i>
+                            <i class="icons icon-delete"></i>
                         </a>
                     </td>
                 </tr>
@@ -71,8 +71,8 @@
                     </td>
                     <td>
                         <a href=""
-                            class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                            class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
-                            <i class="icons icon-remove"></i>
+                            <i class="icons icon-delete"></i>
                         </a>
                     </td>
                 </tr>

template/customer/review.html

@@ -70,30 +70,30 @@
                     <td>
                         <div class="flex items-center">
                             <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa-regular fa-hand-pointer text-[#0041E8]"></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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa-solid fa-crown text-[#0041E8]"></i>
                             </a>
                         </div>
                         <div class="flex items-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] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa fa-plus text-[#0041E8]"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                 <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-remove"></i>
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>

template/deal/deal_add.html

@@ -1,6 +1,6 @@
 {% if global.url contains '?id=' %}
 
-    {% include 'deal/deal_detail' %}
+{% include 'deal/deal_detail' %}
 
 {% else %}
 <div class="global-breadcrumb-container">
@@ -9,41 +9,49 @@
 </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]">
+<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)]">
+    <form method="get" enctype="multipart/form-data" action="/admin/"
-        <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)] ">
+        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="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        <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]">
+            <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]">
+            <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] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <select
+                class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                 <option value=""> Lọc sản phẩm </option>
                 <option value=""> option </option>
             </select>
 
-            <select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <select
+                class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                 <option value=""> Sắp xếp sản phẩm </option>
                 <option value=""> option </option>
             </select>
         </div>
     </div>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <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>
@@ -72,7 +80,8 @@
                     </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]">
+                        <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>
@@ -98,7 +107,8 @@
 <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>
+            <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>
@@ -147,13 +157,86 @@
                     </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>
+                    <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>
+            <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>
@@ -166,7 +249,8 @@
 <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>
+            <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>
@@ -179,7 +263,24 @@
                     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>
+                <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">
@@ -199,13 +300,76 @@
                             <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>
+                                <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">
-                        <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>
+                            <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>

template/home/home.html

@@ -86,8 +86,8 @@
                 </svg>
             </a>
 
-            <table class="table-fixed border border-[#ECECEC] w-[100%] leading-[20px]">
+            <table class="table">
-                <thead align="center" class="bg-[#F6F6F6] font-[500]">
+                <thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
                     <td width="50"> STT </td>
                     <td width="265"> Người dùng </td>
                     <td> Nội dung </td>
@@ -99,13 +99,13 @@
 
                     {% for item in page.lich_su_chinh_sua %}
                     <tr>
-                        <td> {{ item.id }} </td>
+                        <td class="text-center"> {{ item.id }} </td>
                         <td> {{ item.email }} </td>
                         <td> {{ item.content }} </td>
                         <td> {{ item.time }} </td>
                         <td>
                             <a href=""
-                                class="block rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
+                                class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
                                 Xem </a>
                         </td>
                     </tr>
@@ -130,29 +130,32 @@
             </div>
 
             <div class="home-report-holder block" id="js-report-most-viewed-products">
-                <table class="table-fixed text-center">
+                <table class="table">
-                    <thead>
+                    <thead class="bg-[#f6f6f6] text-[14px] font-700 text-[#000]">
-                        <td width="50">STT</td>
+                        <td width="50" class="text-center">STT</td>
                         <td>Sản phẩm</td>
                         <td width="75">Lượt xem</td>
                     </thead>
 
                     <tbody>
                         <tr>
-                            <td> 1 </td>
+                            <td class="text-center"> 1 </td>
-                            <td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
+                            <td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
+                                    UX3402VALaptop
                                     Asus ZenBook UX3402VA </a> </td>
                             <td> 30.000 </td>
                         </tr>
 
                         <tr>
-                            <td>2
+                            <td class="text-center">2
-                            <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
+                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
+                                    UX3402VALaptop
                                     Asus ZenBook UX3402VA </a>
                             <td>30.000
                         <tr>
-                            <td>3
+                            <td class="text-center">3
-                            <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
+                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
+                                    UX3402VALaptop
                                     Asus ZenBook UX3402VA </a>
                             <td>30.000
                     </tbody>
@@ -236,29 +239,32 @@
             </div>
 
             <div class="home-report-holder" id="js-report-article">
-                <table class="table-fixed text-center">
+                <table class="table">
-                    <thead>
+                    <thead class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
-                        <td width="50">STT</td>
+                        <td width="50" class="text-center">STT</td>
                         <td>Bài viết</td>
                         <td width="75">Lượt xem</td>
                     </thead>
 
                     <tbody>
                         <tr>
-                            <td> 1 </td>
+                            <td class="text-center"> 1 </td>
-                            <td> <a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
+                            <td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
+                                    UX3402VALaptop
                                     Asus ZenBook UX3402VA </a> </td>
                             <td> 30.000 </td>
                         </tr>
 
                         <tr>
-                            <td>2
+                            <td class="text-center">2
-                            <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
+                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
+                                    UX3402VALaptop
                                     Asus ZenBook UX3402VA </a>
                             <td>30.000
                         <tr>
-                            <td>3
+                            <td class="text-center">3
-                            <td><a href=""> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop
+                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
+                                    UX3402VALaptop
                                     Asus ZenBook UX3402VA </a>
                             <td>30.000
                     </tbody>
@@ -300,9 +306,9 @@
             </form>
 
             <div class="home-todo-list">
-                <table class="table-fixed leading-[20px]">
+                <table class="table">
-                    <thead class="bg-[#F6F6F6] font-[500] leading-[48px]">
+                    <thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
-                        <td> STT </td>
+                        <td class="text-center"> STT </td>
                         <td> Nội dung </td>
                         <td> Hết hạn </td>
                         <td> Trạng thái </td>
@@ -313,7 +319,7 @@
 
 
                         <tr>
-                            <td> 2 </td>
+                            <td class="text-center"> 2 </td>
                             <td> Sửa trang chủ websiteLaptoptcc </td>
                             <td> 28/11/2023 </td>
                             <td>
@@ -324,7 +330,7 @@
                         </tr>
 
                         <tr>
-                            <td> 3 </td>
+                            <td class="text-center"> 3 </td>
                             <td> Sửa trang chủ websiteLaptoptcc </td>
                             <td> 28/11/2023 </td>
                             <td>
@@ -335,12 +341,12 @@
                         </tr>
 
                         <tr>
-                            <td> 4 </td>
+                            <td class="text-center"> 4 </td>
                             <td> Sửa trang chủ websiteLaptoptcc </td>
                             <td> 28/11/2023 </td>
                             <td>
                                 <span
-                                    class="bg-[#FCFAF1] border-[#FFC700] text-[#FFC700] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
+                                    class="whitespace-nowrap bg-[#FCFAF1] border-[#FFC700] text-[#FFC700] block border font-[500] p-[0px_5px] rounded-[50px] text-[12px] text-center">
                                     Sắp hết hạn </span>
                             </td>
                         </tr>

template/marketing/conditional_promotion_add.html

@@ -79,13 +79,13 @@
                     <div class="flex items-center justify-between">
                         <div>
                             <p class="inline-block mr-[13px]"> Giá từ </p>
-                            <input type="text" value=""
+                            <input type="number" value=""
                                 class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         </div>
 
                         <div>
                             <p class="inline-block mr-[13px]"> Đến </p>
-                            <input type="text" value=""
+                            <input type="number" value=""
                                 class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         </div>
                     </div>
@@ -98,13 +98,14 @@
                 <td style="padding: 14px">
                     <label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
                         style="display: inline-flex;">
-                        <input type="radio" name="info[status]" value="1" class="left-0">
+                        <input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
-                        <span>Cho hiển thị</span>
+                        <span class="label-text ml-[5px]">Cho hiển thị</span>
                     </label>
 
                     <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
-                        <input type="radio" name="info[status]" value="0" checked class="left-0">
+                        <input type="radio" name="info[status]" value="0" checked
-                        <span>Ẩn hiển thị</span>
+                            class="left-0 radio checked:bg-blue-500">
+                        <span class="label-text ml-[5px]">Ẩn hiển thị</span>
                     </label>
 
                 </td>

template/marketing/coupon_add.html

@@ -69,7 +69,7 @@
                     <td>
                         <div style="display: flex;align-items: center;flex-wrap: wrap;">
                             <select name='info[type]' onchange="show_content(this.value)"
-                                class="w-[135px_!important] mr-[15px]">
+                                class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
                                 <option value='pro' selected>Tặng sản phẩm</option>
                                 <option value='cash'>Tặng tiền mặt</option>
                                 <option value='priceoff'>Giảm giá %</option>
@@ -115,7 +115,8 @@
 
                             <p class="mr-[10px]"> Giờ </p>
 
-                            <select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
+                            <select name='info[from_time_minute]' id='from_time_minute'
+                                class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
                                 <option value="00:00">00:00</option>
                                 <option value="00:30">00:30</option>
                                 <option value="01:00">01:00</option>
@@ -178,7 +179,8 @@
 
                             <p class="mr-[10px]"> Giờ </p>
 
-                            <select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
+                            <select name='info[to_time_minute]' id='from_time_minute'
+                                class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
                                 <option value="00:00">00:00</option>
                                 <option value="00:30">00:30</option>
                                 <option value="01:00">01:00</option>
@@ -277,12 +279,14 @@
                     <td>
                         <label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
                             style="display: inline-flex;">
-                            <input type="radio" name="info[product_condition]" value="all" class="left-0">
+                            <input type="radio" name="info[product_condition]" value="all"
+                                class="left-0 radio checked:bg-blue-500 ">
                             <span> Tất cả các sản phầm </span>
                         </label>
                         <br>
                         <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
-                            <input type="radio" name="info[product_condition]" value="select" checked class="left-0">
+                            <input type="radio" name="info[product_condition]" value="select" checked
+                                class="left-0 radio checked:bg-blue-500">
                             <span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
                         </label>
                     </td>
@@ -300,15 +304,15 @@
                 <tr>
                     <td> Hiển thị </td>
                     <td>
-                        <label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
+                        <label class="flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
-                            style="display: inline-flex;">
+                            <input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500">
-                            <input type="radio" name="info[status]" value="1" class="left-0">
+                            <span class="label-text ml-[5px]">Cho hiển thị</span>
-                            <span>Cho hiển thị</span>
                         </label>
 
-                        <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
+                        <label class="flex items-center cursor-pointer relative pl-[30px]">
-                            <input type="radio" name="info[status]" value="0" checked class="left-0">
+                            <input type="radio" name="info[status]" value="0" checked
-                            <span>Ẩn hiển thị</span>
+                                class="left-0 radio checked:bg-blue-500">
+                            <span class="label-text ml-[5px]">Ẩn hiển thị</span>
                         </label>
 
                     </td>
@@ -337,18 +341,16 @@
                     <td>
                         <input type="hidden" name="info[code_auto]" value="">
 
-                        <label class="items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]"
+                        <label class="flex items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]">
-                            style="display: flex;">
                             <input type="radio" onchange="$('#info_code_manual_input').css('display','none')"
-                                name="info[code_type]" value="auto" checked class="left-0">
+                                name="info[code_type]" value="auto" checked class="left-0 radio checked:bg-blue-500">
-                            <span> Hệ thống tự tạo </span>
+                            <span class="label-text ml-[5px]">Hệ thống tự tạo </span>
                         </label>
 
-                        <label class="items-center cursor-pointer relative pl-[26px] w-[fit-content]"
+                        <label class="flex items-center cursor-pointer relative pl-[26px] w-[fit-content]">
-                            style="display: flex;">
                             <input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')"
-                                name="info[code_type]" value="manual" class="left-0">
+                                name="info[code_type]" value="manual" class="left-0 radio checked:bg-blue-500">
-                            <span> Tự nhập tay </span>
+                            <span class="label-text ml-[5px]"> Tự nhập tay </span>
                         </label>
 
                         <div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
@@ -389,7 +391,7 @@
                     <td>
                         <div style="display: flex;align-items: center;flex-wrap: wrap;">
                             <select name='info[type]' onchange="show_content(this.value)"
-                                class="w-[135px_!important] mr-[15px]">
+                                class="w-[170px] mr-[15px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
                                 <option value='pro' selected>Tặng sản phẩm</option>
                                 <option value='cash'>Tặng tiền mặt</option>
                                 <option value='priceoff'>Giảm giá %</option>
@@ -435,7 +437,8 @@
 
                             <p class="mr-[10px]"> Giờ </p>
 
-                            <select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
+                            <select name='info[from_time_minute]' id='from_time_minute'
+                                class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
                                 <option value="00:00">00:00</option>
                                 <option value="00:30">00:30</option>
                                 <option value="01:00">01:00</option>
@@ -498,7 +501,8 @@
 
                             <p class="mr-[10px]"> Giờ </p>
 
-                            <select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
+                            <select name='info[to_time_minute]' id='from_time_minute'
+                                class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
                                 <option value="00:00">00:00</option>
                                 <option value="00:30">00:30</option>
                                 <option value="01:00">01:00</option>
@@ -576,8 +580,8 @@
                     <td>
                         <label class="items-center cursor-pointer" style="display: inline-flex;">
                             <input type="checkbox" name="info[can_use_with_other]" value="1"
-                                class="scale-[1.2] mr-[7px]">
+                                class="checkbox checkbox-success mr-[7px]">
-                            <span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
+                            <span class="label-text"> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
                         </label>
                     </td>
                 </tr>
@@ -586,8 +590,9 @@
                     <td> Hiển thị công khai </td>
                     <td>
                         <label class="items-center cursor-pointer" style="display: inline-flex;">
-                            <input type="checkbox" name="info[show_to_public]" class="scale-[1.2] mr-[7px]">
+                            <input type="checkbox" name="info[show_to_public]"
-                            <span> Cho hiển thị công khai (nếu giao diện web có) </span>
+                                class="checkbox checkbox-success mr-[7px]">
+                            <span class="label-text"> Cho hiển thị công khai (nếu giao diện web có) </span>
                         </label>
                     </td>
                 </tr>
@@ -597,14 +602,17 @@
                     <td>
                         <label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
                             style="display: inline-flex;">
-                            <input type="radio" name="info[product_condition]" value="all" class="left-0" checked>
+                            <input type="radio" name="info[product_condition]" value="all"
-                            <span> Tất cả các sản phầm </span>
+                                class="left-0 radio checked:bg-blue-500" checked>
+                            <span class="label-text ml-[5px]"> Tất cả các sản phầm </span>
                         </label>
                         <br>
 
                         <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
-                            <input type="radio" name="info[product_condition]" value="select" class="left-0">
+                            <input type="radio" name="info[product_condition]" value="select"
-                            <span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
+                                class="left-0 radio checked:bg-blue-500">
+                            <span class="label-text ml-[5px]"> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản
+                                phẩm)</span>
                         </label>
                     </td>
                 </tr>
@@ -623,13 +631,14 @@
                     <td>
                         <label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
                             style="display: inline-flex;">
-                            <input type="radio" name="info[status]" value="1" class="left-0" checked>
+                            <input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500"
-                            <span>Cho hiển thị</span>
+                                checked>
+                            <span class="label-text ml-[5px]">Cho hiển thị</span>
                         </label>
 
                         <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
-                            <input type="radio" name="info[status]" value="0" class="left-0">
+                            <input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
-                            <span>Ẩn hiển thị</span>
+                            <span class="label-text ml-[5px]">Ẩn hiển thị</span>
                         </label>
 
                     </td>

template/marketing/feed.html

@@ -73,7 +73,7 @@
                                 class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
                                 sản phẩm</a>
 
-                            <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit"
+                            <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit mr-[8px]"
                                 title="Sửa lại"></a>
 
                             <a href="/admin/marketing/feed?view=fb-product-select&id=1"

template/marketing/promotion.html

@@ -74,7 +74,9 @@
 
                 <td>
                     <div class="flex items-center flex-wrap justify-center">
-                        <a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
+                        <a href="/admin/marketing/promotion-add?id=1"
+                            class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
+                            title="Sửa lại"></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>

template/marketing/promotion_add.html

@@ -41,7 +41,7 @@
             <div class="mb-[18px]">
                 <p class="mb-[7px]"> <b>Hình thức</b> </p>
 
-                <select class="w-[400px_!important]">
+                <select class="w-[300px_!important] select select-bordered h-[40px] min-h-[40px]">
                     <option value="" selected> Quà tặng </option>
                     <option value=""> Dịch vụ </option>
                     <option value=""> Sản phẩm </option>
@@ -114,7 +114,8 @@
 
                         <p class="mr-[10px]"> Giờ </p>
 
-                        <select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
+                        <select name='info[from_time_minute]' id='from_time_minute'
+                            class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
                             <option value="00:00">00:00</option>
                             <option value="00:30">00:30</option>
                             <option value="01:00">01:00</option>
@@ -177,7 +178,8 @@
 
                         <p class="mr-[10px]"> Giờ </p>
 
-                        <select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
+                        <select name='info[to_time_minute]' id='from_time_minute'
+                            class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
                             <option value="00:00">00:00</option>
                             <option value="00:30">00:30</option>
                             <option value="01:00">01:00</option>

template/order/home.html

@@ -18,39 +18,43 @@
         <input type="hidden" name="fullfillment" id="js-fullfillment" value="">
 
         <div
-            class="flex items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-            <input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
+            <div class="flex items-center mb-[10px]">
-                class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                <input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
+                    class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
 
-            <span class="whitespace-nowrap">hoặc</span>
+                <span class="whitespace-nowrap">hoặc</span>
 
-            <input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
+                <input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
-                class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                    class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-
-            <div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
-                datepicker-autoselect-today>
-                <div class="relative">
-                    <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
-                        <i
-                            class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
-                    </div>
-                    <input name="start-time" type="date"
-                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                        placeholder="Từ ngày">
-                </div>
-                <div class="relative ml-[15px]">
-                    <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
-                        <i
-                            class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
-                    </div>
-                    <input name="end-time" type="date"
-                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-                        placeholder="Đến ngày">
-                </div>
             </div>
 
-            <input type="submit" value="Tìm kiếm"
+            <div class="flex items-center mb-[10px]">
-                class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
+                <div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
+                    datepicker-autoselect-today>
+                    <div class="relative">
+                        <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                            <i
+                                class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
+                        </div>
+                        <input name="start-time" type="date"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                            placeholder="Từ ngày">
+                    </div>
+                    <div class="relative ml-[15px]">
+                        <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                            <i
+                                class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
+                        </div>
+                        <input name="end-time" type="date"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                            placeholder="Đến ngày">
+                    </div>
+                </div>
+
+                <input type="submit" value="Tìm kiếm"
+                    class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
+            </div>
         </div>
     </form>
 

template/product/form_components/accessory.html

@@ -46,8 +46,8 @@
 
     <div class="item-accessory mb-[20px]">
       <p class="mb-[10px]">PC, Workstation</p>
-      <table class="style-table">
+      <table class="table">
-        <thead>
+        <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-[700]">
           <tr>
             <th>STT</th>
             <th>Ảnh</th>
@@ -75,8 +75,8 @@
               24.900.000 VND
             </td>
             <td>
-              <div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
+              <div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
-                <i class="icons icon-remove"></i>
+                <i class="icons icon-delete"></i>
               </div>
             </td>
           </tr>
@@ -85,8 +85,8 @@
     </div>
     <div class="item-accessory mb-[20px]">
       <p class="mb-[10px]">PC, Workstation</p>
-      <table class="style-table">
+      <table class="table">
-        <thead>
+        <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-[700]">
           <tr>
             <th>STT</th>
             <th>Ảnh</th>
@@ -114,8 +114,8 @@
               24.900.000 VND
             </td>
             <td>
-              <div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
+              <div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
-                <i class="icons icon-remove"></i>
+                <i class="icons icon-delete"></i>
               </div>
             </td>
           </tr>

template/product/form_components/seo.html

@@ -19,15 +19,18 @@
             <label for="" class="mb-[5px] block font-[700] text-[14px] text-[#383C44]">Thay đổi Link truy cập khi thay
                 đổi Tên index?</label>
             <div class="flex items-center">
-                <label class="style-checkbox text-[#6B7280]">
+                <label class="flex items-center cursor-pointer text-[#6B7280]">
                     Có thay đổi
-                    <input type="checkbox" name="change_url_on_update" checked="">
+                    <input type="checkbox" class="checkbox checkbox-success ml-[10px]" name="change_url_on_update"
-                    <span class="checkmark"></span>
+                        checked="">
+                    <i class="ml-[5px] text-[#6B7280] label-text">(Tích chọn nếu bạn muốn hệ thống thay đổi link truy
+                        cập. Cảnh
+                        báo:
+                        sẽ ảnh hưởng tới
+                        kết quả SEO)
+                    </i>
                 </label>
-                <i class="ml-[5px] text-[#6B7280]">(Tích chọn nếu bạn muốn hệ thống thay đổi link truy cập. Cảnh báo:
+
-                    sẽ ảnh hưởng tới
-                    kết quả SEO)
-                </i>
             </div>
         </div>
 

template/product/form_components/spec_group.html

@@ -21,30 +21,25 @@
             <p class="text-[#383C44]">dong-cpu</p>
             <i class="text-[#6B7280]">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
             <div class="flex flex-wrap mt-[15px]">
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items mb-[15px] w-[calc(100%_/4)] cursor-pointer">
-                    Core i3
+                    <input type="checkbox" class="checkbox checkbox-success" name="new" checked="">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
             </div>
             <div class="">
@@ -63,30 +58,25 @@
             <p class="text-[#383C44]">dong-cpu</p>
             <i class="text-[#6B7280]">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
             <div class="flex flex-wrap mt-[15px]">
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items mb-[15px] w-[calc(100%_/4)] cursor-pointer">
-                    Core i3
+                    <input type="checkbox" class="checkbox checkbox-success" name="new" checked="">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
             </div>
             <div class="">
@@ -105,30 +95,25 @@
             <p class="text-[#383C44]">dong-cpu</p>
             <i class="text-[#6B7280]">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
             <div class="flex flex-wrap mt-[15px]">
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items mb-[15px] w-[calc(100%_/4)] cursor-pointer">
-                    Core i3
+                    <input type="checkbox" class="checkbox checkbox-success" name="new" checked="">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
-                <label class="style-checkbox mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
+                <label class="flex align-items cursor-pointer mb-[15px] w-[calc(100%_/4)] text-[#6B7280]">
-                    Core i3
+                    <input type="checkbox" name="new" checked="" class="checkbox checkbox-success">
-                    <input type="checkbox" name="new" checked="">
+                    <span class="label-text ml-[10px]">Core i3</span>
-                    <span class="checkmark"></span>
                 </label>
             </div>
             <div class="">

template/product/form_components/tag.html

@@ -10,10 +10,10 @@
             </a>
         </div>
 
-        <table class="style-table mt-[15px]">
+        <table class="table mt-[15px]">
-            <tr>
+            <tr class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
                 <th class="w-[50px]">STT</th>
-                <th>Tag</th>
+                <th class="text-center">Tag</th>
                 <th class="w-[50px]"></th>
             </tr>
             <tr>
@@ -21,8 +21,8 @@
                 <td>ATO Test</td>
                 <td>
                     <a href=""
-                        class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
+                        class="w-[32px] h-[32px] leading-[32px] text-center flex items-center justify-center rounded-[4px]">
-                        <i class="icons icon-remove"></i>
+                        <i class="icons icon-delete"></i>
                     </a>
                 </td>
             </tr>

template/product/form_components/variant.html

@@ -36,8 +36,8 @@
             </div>
         </div>
 
-        <table class="w-[100%] table-config">
+        <table class="w-[100%] table mt-[10px]">
-            <tbody>
+            <tbody class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
                 <tr>
                     <th class="w-[50px]">Ảnh</th>
                     <th>Chủng loại</th>
@@ -47,7 +47,7 @@
             <tbody>
                 <tr>
                     <td class="align-text-top text-center">
-                        <a href="" class="m-0-auto">
+                        <a href="" class="m-0-auto ">
                             <i class="icons icon-edit mx-auto"></i>
                         </a>
                     </td>
@@ -121,7 +121,7 @@
                             </a>
                             <a href=""
                                 class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
-                                <i class="icons icon-remove"></i>
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
 

template/product/form_components/video.html

@@ -5,8 +5,8 @@
         <p class="text-[#6B7280]">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
         </p>
         <i class="text-[#6B7280]">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
-        <table class="style-table mt-[15px]">
+        <table class="table mt-[15px]">
-            <tr>
+            <tr class="bg-[#f6f6f6] font-700 text-[14px] text-[#000]">
                 <th>Link youtobe</th>
                 <th>Mô tả (nếu có)</th>
                 <th class="w-[50px]"></th>

template/product/home.html

@@ -39,7 +39,7 @@
                     <th>Ảnh</th>
                     <th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
                     <th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
-                    <th>
+                    <th class="w-[200px]">
                         <select id=""
                             class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
                             onchange="location.href=this.value">
@@ -162,27 +162,27 @@
                     <td class="align-text-top">
                         <div class="list-btn flex items-center w-[150px]">
                             <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                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="{{item.request_path}}" title="Xem tại web" target="_blank"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                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-view"></i>
                             </a>
                             {% if item.status == 0 %}
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                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>
                             {% else %}
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
                                 <i class="fa-regular fa-eye text-[#0041E8]"></i>
                             </a>
                             {% endif %}
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                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>
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>

template/theme.html

@@ -104,116 +104,6 @@
 
             </div>
         </div>
-
-        <!-- Menu collapse -->
-        <!-- <div class="admin-menu box-menu fixed top-0 bg-[#004180]  pb-[20px] h-[100vh] hidden" id="js-menu-small">
-            <div class="flex flex-col justify-between">
-                <div>
-                    <div
-                        class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_!important]">
-                        <a href="/" class="">
-                            <img src="{{ 'logo_small.png' | asset_url }}" alt="">
-                        </a>
-                    </div>
-                    <a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
-                        <i class="fa-solid fa-indent"></i>
-                    </a>
-
-                    <div class="item">
-                        <a href="/" class="icons icon-home"> </a>
-                    </div>
-
-                    {% for _category in global.main_menu %}
-                    {% assign _type = _category[0] %}
-                    {% assign _menuArray = _category[1].menu %}
-
-                    {% if _category[1].enable == 1 %}
-                    <div
-                        class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %} {% if _type == global.module %} current {% endif %}">
-                        {% if _type == 'order' %} <i class="icons icon-sell"> </i>
-                        {% elsif _type == 'product' %} <i class="icons icon-product"> </i>
-                        {% elsif _type == 'customer' %}<i class="icons icon-user"> </i>
-                        {% elsif _type == 'marketing' %} <i class="icons icon-marketing"> </i>
-                        {% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"> </i>
-                        {% elsif _type == 'article' %} <i class="icons icon-content"> </i>
-                        {% elsif _type == 'job' %} <i class="icons icon-job"> </i>
-                        {% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"> </i>
-                        {% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"> </i>
-                        {% elsif _type == 'distributor' %} <i class="icons icon-distributor"> </i>
-                        {% elsif _type == 'report' %}<i class="icons icon-stats"></i>
-                        {% elsif _type == 'system' %}<i class="icons icon-system"></i>
-                        {% endif %}
-
-                        <div class="sub-menu">
-                            <p class="font-bold"> {{ _category[1].name }} </p>
-
-                            <div class="menu-list">
-                                {% for _item in _menuArray %}
-                                <a href="{{ _item.url }}" {% if _item.view==global.view %} class="current" {% endif %}>
-                                    {{ _item.name }}
-                                </a>
-                                {% endfor %}
-                            </div>
-                        </div>
-                    </div>
-                    {% endif %}
-                    {% endfor %}
-
-                    <div class="item">
-                        <a href="" class="icons icon-settings"> </a>
-
-                        <div class="sub-menu">
-                            <p class="font-bold"> Cài đặt </p>
-
-                            <div class="menu-list">
-                                {% for _item in global.main_menu.system.menu %}
-                                <a href="{{_item.url }}"> {{_item.name }} </a>
-                                {% endfor %}
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <a href="" class="icons icon-support"> </a>
-
-                        <div class="sub-menu">
-                            <p class="font-bold"> Hỗ trợ </p>
-
-                            <div class="menu-list">
-                                <a href=""> Menu title </a>
-                                <a href=""> Menu title </a>
-                                <a href=""> Menu title </a>
-                                <a href=""> Menu title </a>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="item">
-                        <a href="" class="icons icon-account"> </a>
-
-                        <div class="sub-menu">
-                            <p class="font-bold"> Quản lý tài khoản </p>
-
-                            <div class="menu-list">
-                                <a href=""> Menu title </a>
-                                <a href=""> Menu title </a>
-                                <a href=""> Menu title </a>
-                                <a href=""> Menu title </a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="item">
-                    <a href="" class="icons icon-logout"> </a>
-
-                    <div class="sub-menu">
-                        <p class="font-bold"> Thoát quản trị </p>
-                    </div>
-                </div>
-            </div>
-
-        </div> -->
-
         <div class="admin-content-container ml-[245px]" id="js-admin-content-container">
             <!-- Header -->
             <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">