diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 8befcd2..acc4cb5 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -1,5 +1,9 @@
 @charset "UTF-8";
 @import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
+:root {
+  --p: 0.48 0.25 263.47;
+}
+
 *,
 ::after,
 ::before {
@@ -807,6 +811,7 @@ a {
   }
   .admin-content-container {
     width: 100%;
+    margin-left: 0;
   }
   .admin-content-container .content-holder {
     padding: 10px;
@@ -825,4 +830,7 @@ a {
   #js-form-search {
     display: none;
   }
+  .admin-content-container {
+    margin-left: 0;
+  }
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index 290a641..5988a8e 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAR,mFAAA;AAER;;;EAGI,sBAAA;ADCJ;;ACCA;;EAEI,eAAA;ADEJ;;ACAA;;EAEI,iBAAA;ADGJ;;ACDA;;;;;EAKI,aAAA;EACA,SAAA;EACA,oBAAA;EACA,kBAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;ADIJ;;ACFA;;EAEI,wBAAA;ADKJ;;ACHA;EACI,0BAAA;ADMJ;;ACJA;EACI,uBAAA;EACA,SAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,OAAA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;EACA,WAAA;ADOJ;;ACLA;EACI,WAAA;EACA,gCAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;ADQJ;;ACNA;EACI,eAAA;EACA,YAAA;ADSJ;;ACPA;EACI,WAAA;ADUJ;;ACRA;;EAEI,uBAAA;EACA,yBAAA;ADWJ;;ACTA;EACI,qBAAA;ADYJ;;ACVA;EACI,mBAAA;ADaJ;;ACXA;EACI,gBAAA;EACA,kBAAA;ADcJ;;ACZA;EACI,gBAAA;ADeJ;;ACbA;EACI,UAAA;EACA,YAAA;ADgBJ;;ACZI;EACI,WAAA;EACA,WAAA;EACA,cAAA;ADeR;;ACZA;EACI,kBAAA;EACA,oBAAA;EACA,oBAAA;EACA,SAAA;ADeJ;;ACbA;EACI,sDAAA;EACA,4BAAA;EACA,2BAAA;ADgBJ;;ACdA;EACI,YAAA;EACA,aAAA;ADiBJ;;ACfA;EACI,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;ADkBJ;ACjBI;EACI,gBAAA;EACA,kBAAA;ADmBR;ACjBI;EACI,cAAA;EACA,YAAA;ADmBR;ACjBI;EACI,WAAA;ADmBR;ACjBI;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;ADmBR;AClBQ;EACI,YAAA;ADoBZ;AChBI;EACI,kBAAA;EACA,WAAA;EACA,oBAAA;ADkBR;ACfQ;EACI,mBAAA;ADiBZ;AChBY;EACI,uBAAA;ADkBhB;ACfQ;EACI,mBAAA;ADiBZ;AChBY;EACI,uBAAA;ADkBhB;AChBY;EACI,cAAA;ADkBhB;ACdQ;EACI,WAAA;EACA,YAAA;EACA,kBAAA;ADgBZ;ACbI;EACI,WAAA;ADeR;ACXY;EACI,mBAAA;EACA,UAAA;EACA,uBAAA;ADahB;ACZgB;EACI,cAAA;ADcpB;ACTI;EACI,kBAAA;EACA,aAAA;ADWR;ACVQ;EACI,cAAA;EACA,4BAAA;EACA,kBAAA;ADYZ;ACXY;EACI,0BAAA;ADahB;ACXY;EACI,gBAAA;EACA,qBAAA;EACA,mBAAA;EACA,kBAAA;ADahB;ACXY;EACI,SAAA;ADahB;ACVQ;EACI,cAAA;ADYZ;ACTI;EACI,4BAAA;EACA,kBAAA;EACA,mBAAA;EACA,+CAAA;EACA,mBAAA;EACA,WAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,MAAA;EACA,UAAA;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,cAAA;ADWR;ACVQ;EACI,aAAA;EACA,UAAA;ADYZ;ACVQ;EACI,kBAAA;EACA,WAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;ADYZ;ACVQ;EACI,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;ADYZ;ACXY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;ADahB;ACXY;EACI,WAAA;EACA,UAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;ADahB;ACXY;EACI,iBAAA;ADahB;ACZgB;EACI,aAAA;ADcpB;ACXY;EACI,0BAAA;ADahB;ACRI;EACI,8BAAA;ADUR;ACRI;EACI,+BAAA;ADUR;ACRI;EACI,+BAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,+BAAA;ADUR;ACRI;EACI,kBAAA;EACA,WAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,iCAAA;ADUR;ACRI;EACI,iCAAA;ADUR;ACRI;EACI,kCAAA;ADUR;ACRI;EACI,kCAAA;ADUR;;ACNA;EACI,wBAAA;ADSJ;ACRI;EACI,gBAAA;ADUR;ACTQ;EACI,cAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;ADWZ;ACVY;EACI,mBAAA;EACA,cAAA;EACA,gBAAA;ADYhB;ACRI;EACI,aAAA;ADUR;;ACNA;EACI,cAAA;ADSJ;ACRI;EACI,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;ADUR;ACTQ;EACI,SAAA;ADWZ;ACTQ;EAEI,mBAAA;EACA,WAAA;ADUZ;;ACLA;EACI,WAAA;EACA,YAAA;EACA,cAAA;ADQJ;ACPI;EACI,gCAAA;ADSR;ACPI;EACI,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,+BAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,+BAAA;EACA,yBAAA;EACA,gGAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;;ACLA,aAAA;AACA;EACI,WAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,yBAAA;EACA,8CAAA;ADQJ;;ACHQ;EACI,iBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,eAAA;ADMZ;ACLY;EAGI,mBAAA;EACA,WAAA;ADKhB;;ACCA;EACI,8BAAA;EACA,kBAAA;EACA,oBAAA;EACA,sBAAA;EACA,yBAAA;ADEJ;;ACCA;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;ADEJ;ACDI;EACI,aAAA;EACA,eAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;ADGR;ACFQ;EAGI,mBAAA;EACA,WAAA;ADEZ;;ACEA;EACI,aAAA;EACA,iBAAA;ADCJ;ACAI;EACI,qBAAA;ADER;ACDQ;EACI,cAAA;ADGZ;ACDQ;EACI,gBAAA;EACA,wBAAA;EACA,eAAA;EACA,aAAA;ADGZ;ACDQ;EACI,cAAA;ADGZ;ACFY;EACI,aAAA;ADIhB;;ACEA;EACI,kBAAA;EACA,gBAAA;EACA,kCAAA;EACA,gBAAA;EACA,OAAA;EACA,MAAA;ADCJ;;ACEA;EACI,aAAA;EACA,gBAAA;EACA,YAAA;ADCJ;ACAI;EACI,kBAAA;EACA,gCAAA;ADER;ACDQ;EACI,gBAAA;EACA,mBAAA;ADGZ;;ACEA;EACI,kBAAA;ADCJ;ACAI;EACI,UAAA;EACA,kBAAA;EACA,YAAA;ADER;ACAI;EACI,kBAAA;EACA,MAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;ADER;ACAI;EACI,YAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;ADER;ACDQ;EACI,mBAAA;EACA,WAAA;ADGZ;;ACGQ;EACI,qBAAA;EACA,0BAAA;EACA,cAAA;ADAZ;ACCY;EACI,0BAAA;ADChB;;ACKA;EACI,kBAAA;ADFJ;ACGI;EACI,kBAAA;EACA,QAAA;EACA,WAAA;EACA,6BAAA;EACA,gBAAA;EACA,kCAAA;ADDR;;ACKA;EACI,gBAAA;EACA,aAAA;EACA,6BAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADFJ;;ACKA;;EAEI,yBAAA;EACA,gCAAA;ADFJ;;ACKA;EACI,aAAA;EACA,cAAA;ADFJ;;ACKA;EACI,kBAAA;ADFJ;ACGI;EACI,eAAA;ADDR;ACGI;EACI,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,uDAAA;EACA,kBAAA;EACA,UAAA;ADDR;ACEQ;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,kDAAA;UAAA,0CAAA;EACA,mBAAA;EACA,wBAAA;ADAZ;ACIQ;EACI,cAAA;ADFZ;;ACOA;EACI,sBAAA;EACA,gBAAA;ADJJ;;ACOA;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,MAAA;EACA,OAAA;EACA,8BAAA;EACA,UAAA;EACA,aAAA;ADJJ;ACKI;EACI,cAAA;ADHR;;ACOA;EACI,eAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,uDAAA;EACA,mBAAA;EACA,aAAA;EACA,aAAA;ADJJ;ACKI;EACI,cAAA;ADHR;ACKI;EACI,kBAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;ADHR;ACKI;EACI,YAAA;ADHR;ACKI;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;ADHR;ACKI;EACI,eAAA;EACA,gBAAA;EACA,eAAA;ADHR;ACKI;EACI,kCAAA;ADHR;ACKI;EACI,eAAA;EACA,cAAA;ADHR;;ACQI;EACI,cAAA;ADLR;ACOI;EACI,WAAA;EACA,UAAA;ADLR;ACOI;EACI,kBAAA;EACA,yBAAA;EACA,+CAAA;EACA,YAAA;EACA,cAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;ADLR;ACOI;EACI,WAAA;EACA,YAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;ADLR;ACOI;EACI,yBAAA;EACA,iCAAA;ADLR;ACOI;EACI,iCAAA;ADLR;ACOI;EACI,iCAAA;ADLR;ACOI;EACI,iCAAA;ADLR;;ACQA;EACI,aAAA;ADLJ;;ACQA;EACI,SAAA;ADLJ;;ACQA;EACI,UAAA;ADLJ;;ACQA;EACI;IACI,eAAA;EDLN;AACF;ACQA;EACI;IACI,0BAAA;EDNN;ECQE;IACI,0BAAA;EDNN;ECQE;IACI,0BAAA;EDNN;ECQE;IACI,0BAAA;EDNN;AACF;ACSA;EACI;IACI,YAAA;EDPN;AACF;ACUA;EACI;IACI,aAAA;EDRN;ECUE;IACI,WAAA;EDRN;ECSM;IACI,aAAA;EDPV;ECSM;IACI,0BAAA;EDPV;ECSM;IACI,0BAAA;EDPV;ECUE;IACI,YAAA;EDRN;AACF;ACWA;EACI;IACI,aAAA;EDTN;AACF","file":"pc_style.css"}
\ No newline at end of file
+{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index d8cd0b8..f7da9f5 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -1,5 +1,9 @@
 @import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
 
+:root {
+    --p: 0.48 0.25 263.47;
+}
+
 *,
 ::after,
 ::before {
@@ -815,6 +819,7 @@ a {
     }
     .admin-content-container {
         width: 100%;
+        margin-left: 0;
         .content-holder {
             padding: 10px;
         }
@@ -834,4 +839,7 @@ a {
     #js-form-search {
         display: none;
     }
+    .admin-content-container {
+        margin-left: 0;
+    }
 }
diff --git a/data/job/home.php b/data/job/home.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/job/home.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/template/article/category.html b/template/article/category.html
index b458b18..d8ecca4 100644
--- a/template/article/category.html
+++ b/template/article/category.html
@@ -1,161 +1,163 @@
-<div
-    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh mục nội dung </p>
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh mục nội dung </p>
 
-    <div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
-        <a href="/admin/article/category-add"
-            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <span
-                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-            <span>Thêm danh mục mới</span>
-        </a>
+        <div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
+            <a href="/admin/article/category-add"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <span>Thêm danh mục mới</span>
+            </a>
+
+            <a href="/admin/article"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <i class="far fa-folder mr-2"></i>
+                <span>Danh sách nội dung</span>
+            </a>
+        </div>
+
+        <div class="table">
+            <table>
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
+                    <tr>
+                        <td width="600"> Danh mục </td>
+                        <td width="50" align="center"> ID </td>
+                        <td width="100" align="center"> Hiển thị </td>
+                        <td width="100" align="center"> STT </td>
+                        <td width="120" align="center"> Số bài viết </td>
+                        <td width="172" align="center"> Lựa chọn </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+
+                    <tr align="center">
+                        <td align="left"> 1. Danh mục cấp 1 </td>
+
+                        <td> 1 </td>
+
+                        <td> child_article </td>
+
+                        <td>
+                            <input type="text" value="0"
+                                class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </td>
+
+                        <td>
+                            <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
+                            <a href=""
+                                class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                                Xem
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <!-- Danh mục cấp 2 -->
+                    <tr align="center">
+                        <td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
+
+                        <td> 1 </td>
+
+                        <td> child_article </td>
+
+                        <td>
+                            <input type="text" value="0"
+                                class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </td>
+
+                        <td>
+                            <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
+                            <a href=""
+                                class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                                Xem
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <!-- Danh mục cấp 3 -->
+                    <tr align="center">
+                        <td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
+
+                        <td> 1 </td>
+
+                        <td> child_article </td>
+
+                        <td>
+                            <input type="text" value="0"
+                                class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        </td>
+
+                        <td>
+                            <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
+                            <a href=""
+                                class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                                Xem
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+                    </tr>
+
+                </tbody>
+            </table>
+        </div>
 
-        <a href="/admin/article"
-            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <i class="far fa-folder mr-2"></i>
-            <span>Danh sách nội dung</span>
-        </a>
     </div>
-
-    <div class="table">
-        <table>
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
-                <tr>
-                    <td width="600"> Danh mục </td>
-                    <td width="50" align="center"> ID </td>
-                    <td width="100" align="center"> Hiển thị </td>
-                    <td width="100" align="center"> STT </td>
-                    <td width="120" align="center"> Số bài viết </td>
-                    <td width="172" align="center"> Lựa chọn </td>
-                </tr>
-            </thead>
-
-            <tbody>
-
-                <tr align="center">
-                    <td align="left"> 1. Danh mục cấp 1 </td>
-
-                    <td> 1 </td>
-
-                    <td> child_article </td>
-
-                    <td>
-                        <input type="text" value="0"
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
-                    </td>
-
-                    <td>
-                        <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
-                        <a href=""
-                            class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
-                            Xem
-                        </a>
-                    </td>
-
-                    <td>
-                        <div class="items-center flex justify-center">
-                            <a href="/admin/article/category-add?id=1" title="Sửa lại"
-                                class="icons icon-edit mr-[6px]"></a>
-
-                            <a href="" title="Xem tại web"
-                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
-
-                            <a href="" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-
-                            <a href="" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
-
-                            <a href="" title="Xóa" class="icons icon-delete"></a>
-                        </div>
-                    </td>
-                </tr>
-
-                <!-- Danh mục cấp 2 -->
-                <tr align="center">
-                    <td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
-
-                    <td> 1 </td>
-
-                    <td> child_article </td>
-
-                    <td>
-                        <input type="text" value="0"
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
-                    </td>
-
-                    <td>
-                        <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
-                        <a href=""
-                            class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
-                            Xem
-                        </a>
-                    </td>
-
-                    <td>
-                        <div class="items-center flex justify-center">
-                            <a href="/admin/article/category-add?id=1" title="Sửa lại"
-                                class="icons icon-edit mr-[6px]"></a>
-
-                            <a href="" title="Xem tại web"
-                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
-
-                            <a href="" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-
-                            <a href="" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
-
-                            <a href="" title="Xóa" class="icons icon-delete"></a>
-                        </div>
-                    </td>
-                </tr>
-
-                <!-- Danh mục cấp 3 -->
-                <tr align="center">
-                    <td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
-
-                    <td> 1 </td>
-
-                    <td> child_article </td>
-
-                    <td>
-                        <input type="text" value="0"
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
-                    </td>
-
-                    <td>
-                        <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
-                        <a href=""
-                            class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
-                            Xem
-                        </a>
-                    </td>
-
-                    <td>
-                        <div class="items-center flex justify-center">
-                            <a href="/admin/article/category-add?id=1" title="Sửa lại"
-                                class="icons icon-edit mr-[6px]"></a>
-
-                            <a href="" title="Xem tại web"
-                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
-
-                            <a href="" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-
-                            <a href="" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
-
-                            <a href="" title="Xóa" class="icons icon-delete"></a>
-                        </div>
-                    </td>
-                </tr>
-
-            </tbody>
-        </table>
-    </div>
-
 </div>
\ No newline at end of file
diff --git a/template/article/form.html b/template/article/form.html
index 44d33f1..17db12c 100644
--- a/template/article/form.html
+++ b/template/article/form.html
@@ -3,7 +3,7 @@
     <a href=""> Form cập nhật Bài viết </a>
 </div>
 
-<div class="max-w-[1141px] m-auto">
+<div class="max-w-[1141px] m-auto p-[0_15px]">
     <div class="flex flex-wrap items-start m-[16px_0]">
         <div
             class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
@@ -36,26 +36,30 @@
             </div>
         </div>
 
-        <div
-            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
-            </a>
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
+                </a>
 
-            {% if global.url contains 'id=' %}
-            <a href="/admin/article/tag?id=1"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
-            <a href="/admin/article/relation?id=1&related_item_type=product"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan:
-                Sản phẩm </a>
-            <a href="/admin/article/relation?id=1&related_item_type=product-category"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan:
-                Danh mục sản phẩm </a>
-            {% endif %}
+                {% if global.url contains 'id=' %}
+                <a href="/admin/article/tag?id=1"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
+                <a href="/admin/article/relation?id=1&related_item_type=product"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
+                    quan:
+                    Sản phẩm </a>
+                <a href="/admin/article/relation?id=1&related_item_type=product-category"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
+                    quan:
+                    Danh mục sản phẩm </a>
+                {% endif %}
+            </div>
         </div>
 
         <form method="post" enctype="multipart/form-data"
-            class="w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
                 <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
 
@@ -69,7 +73,8 @@
                     <label class="cursor-pointer">
                         <span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
 
-                        <input type="file" name="file_thumbnail">
+                        <input type="file" name="file_thumbnail"
+                            class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
                     </label>
                 </div>
 
@@ -83,7 +88,8 @@
                     <label class="cursor-pointer">
                         <span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
 
-                        <input type="file" name="file_thumbnail">
+                        <input type="file" name="file_thumbnail"
+                            class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
                     </label>
                 </div>
 
@@ -188,35 +194,35 @@
                     <p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
 
                     <textarea
-                        class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                        class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                 </div>
 
                 <div>
                     <p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
 
                     <textarea
-                        class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                        class="w-[100%] min-h-[90px] max-h-[150px]  rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                 </div>
             </div>
 
@@ -263,7 +269,7 @@
                             trước)</i> </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
             </div>
 
@@ -278,7 +284,7 @@
                     </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
@@ -288,7 +294,7 @@
                     </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
@@ -298,7 +304,7 @@
                     </p>
 
                     <input type="text" value=""
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
@@ -308,7 +314,7 @@
                     </p>
 
                     <textarea
-                        class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                        class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                 </div>
 
                 <div class="mb-[15px] flex items-start">
diff --git a/template/article/home.html b/template/article/home.html
index 6c7233a..69baec0 100644
--- a/template/article/home.html
+++ b/template/article/home.html
@@ -1,135 +1,137 @@
-<div
-    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Bài viết </p>
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Bài viết </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/"
-        class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type="text" name="q" id="keyword" value="" placeholder=""
-            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm"
-            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
-    </form>
+        <form method="get" enctype="multipart/form-data" action="/admin/"
+            class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <input type="text" name="q" id="keyword" value="" placeholder=""
+                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+            <input type="submit" value="Tìm kiếm"
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        </form>
 
-    <div class="flex items-center flex-wrap justify-between mb-[20px]">
-        <div class="flex items-center">
-            <select
-                class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
-                <option value=""> Chọn danh mục </option>
-                <option value=""> option </option>
-            </select>
+        <div class="flex items-center flex-wrap justify-between mb-[20px]">
+            <div class="flex items-center">
+                <select
+                    class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value=""> Chọn danh mục </option>
+                    <option value=""> option </option>
+                </select>
 
-            <a href=""
-                class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
-                Xem nội dung đang ẩn
-            </a>
+                <a href=""
+                    class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    Xem nội dung đang ẩn
+                </a>
 
-            <a href=""
-                class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
-                Xem nội dung nổi bật
-            </a>
+                <a href=""
+                    class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    Xem nội dung nổi bật
+                </a>
+            </div>
+
+
+            <div class="flex items-center font-[500] leading-[35px]">
+                <a href="/admin/article/form"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm nội dung mới</span>
+                </a>
+
+                <a href="/admin/article/category"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="far fa-folder mr-2"></i>
+                    <span>Quản lý danh mục</span>
+                </a>
+            </div>
         </div>
 
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="40"> STT </td>
+                        <td width="130"> Ảnh </td>
+                        <td> Sản phẩm (Tổng số: 1.742) </td>
+                        <td> Thống kê </td>
+                        <td> Quản trị </td>
+                        <td width="160"> Lựa chọn </td>
+                    </tr>
+                </thead>
 
-        <div class="flex items-center font-[500] leading-[35px]">
-            <a href="/admin/article/form"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <span
-                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-                <span>Thêm nội dung mới</span>
-            </a>
+                <tbody>
 
-            <a href="/admin/article/category"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <i class="far fa-folder mr-2"></i>
-                <span>Quản lý danh mục</span>
-            </a>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://via.placeholder.com/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <span> [#2481] </span>
+                            <a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
+
+                            <div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
+
+                            <div>
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Xem: 90 </p>
+                            <p> - Thích: 0 </p>
+                            <p> - Comment: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Nguyễn MInh Hải </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+
+                    </tr>
+
+                </tbody>
+            </table>
         </div>
+
+        <div class="paging">
+            <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a>
+            <a href="">3</a>
+            <a href="">4</a>
+            <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        </div>
+
     </div>
-
-    <div class="table">
-        <table>
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
-                <tr>
-                    <td width="40"> STT </td>
-                    <td width="130"> Ảnh </td>
-                    <td> Sản phẩm (Tổng số: 1.742) </td>
-                    <td> Thống kê </td>
-                    <td> Quản trị </td>
-                    <td width="160"> Lựa chọn </td>
-                </tr>
-            </thead>
-
-            <tbody>
-
-                <tr>
-                    <td align="center"> 1 </td>
-
-                    <td>
-                        <img src="https://via.placeholder.com/880x350" class="block m-auto" />
-                    </td>
-
-                    <td>
-                        <span> [#2481] </span>
-                        <a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
-
-                        <div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
-
-                        <div>
-                            STT
-                            <input type="text" value="0"
-                                class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-                        </div>
-                    </td>
-
-                    <td>
-                        <p> - Xem: 90 </p>
-                        <p> - Thích: 0 </p>
-                        <p> - Comment: 0 </p>
-                    </td>
-
-                    <td>
-                        <p> Cập nhật: Nguyễn MInh Hải </p>
-                        <p> (15-02-2024, 2:57 pm) </p>
-                    </td>
-
-                    <td>
-                        <div class="items-center flex">
-                            <a href="/admin/article/form?id=1" title="Sửa lại"
-                                class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
-
-                            <a href="" title="Xem tại web"
-                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
-
-                            <a href="" title="Cho nổi bật"
-                                class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
-
-                            <a href="" title="Hạ nổi bật"
-                                class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-
-                            <a href="" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-
-                            <a href="" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
-
-                            <a href="" title="Xóa" class="icons icon-delete"></a>
-                        </div>
-                    </td>
-
-                </tr>
-
-            </tbody>
-        </table>
-    </div>
-
-    <div class="paging">
-        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
-        <a href="" class="current">1</a>
-        <a href="">2</a>
-        <a href="">3</a>
-        <a href="">4</a>
-        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
-    </div>
-
 </div>
\ No newline at end of file
diff --git a/template/banner/home.html b/template/banner/home.html
index 44adaec..ed78ecb 100644
--- a/template/banner/home.html
+++ b/template/banner/home.html
@@ -10,22 +10,22 @@
             <input type='hidden' name='page' value='' />
 
             <input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
-                class="w-[375px] h-[36px] 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="w-[375px] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] " />
             <input type=submit value='Tìm kiếm'
-                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] ml-[10px] cursor-pointer rounded-[4px]">
         </form>
 
         <div class="flex items-center flex-wrap justify-between">
             <div class="flex items-center">
                 <select
-                    class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                     <option value="">Xem theo vị trí banner</option>
                     <option value='43'> - Banner MB Webmau4</option>
                     <option value='42'> - Brand Homepage</option>
                 </select>
 
                 <select
-                    class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    class="m-[0_16px_16px_0] h-[36px] min-h-[36px] rounded-[4px] select select-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                     <option value="">Lọc hiển thị</option>
                     <option value="">Chưa hiển thị</option>
                     <option value="">Đang hiển thị</option>
diff --git a/template/banner/location_add.html b/template/banner/location_add.html
index 067a9bf..bfe1612 100644
--- a/template/banner/location_add.html
+++ b/template/banner/location_add.html
@@ -83,7 +83,7 @@
                 </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)]">
+                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
             </div>
 
 
@@ -103,7 +103,7 @@
                 </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)]">
+                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
             </div>
 
 
@@ -111,7 +111,7 @@
                 <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>
+                    class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
             </div>
 
             <hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
diff --git a/template/banner/upload.html b/template/banner/upload.html
index 7834a9b..cc907a2 100644
--- a/template/banner/upload.html
+++ b/template/banner/upload.html
@@ -159,7 +159,7 @@
                             <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)]" />
+                                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                             </td>
                         </tr>
 
@@ -167,7 +167,7 @@
                             <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>
+                                    class="w-[100%] min-h-[76px] max-h-[150px] textarea textarea-bordered rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                             </td>
                         </tr>
 
@@ -198,7 +198,7 @@
 
                                     <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)]">
+                                        class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                                 </div>
                             </td>
                         </tr>
@@ -207,7 +207,7 @@
                             <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)]">
+                                    class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                             </td>
                         </tr>
 
@@ -215,7 +215,7 @@
                             <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)]">
+                                    class="w-[80px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                                 <i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
                             </td>
                         </tr>
diff --git a/template/customer/comment.html b/template/customer/comment.html
index 2af2432..3a98c96 100644
--- a/template/customer/comment.html
+++ b/template/customer/comment.html
@@ -20,7 +20,7 @@
         <form action=""
             class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
             <input type="text" name=""
-                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+                class="w-[375px] h-[35px] rounded-[4px] input input-bordered input-md mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
                 placeholder="Tìm kiếm">
             <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
         </form>
@@ -29,7 +29,7 @@
         <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
             <p>Tổng số: <b>1.996</b></p>
             <select name="" id=""
-                class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                class="w-[180px] h-[35px] select select-bordered min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                 <option value="">Chọn bộ lọc</option>
             </select>
         </div>
diff --git a/template/customer/customer_add.html b/template/customer/customer_add.html
index c106802..717053e 100644
--- a/template/customer/customer_add.html
+++ b/template/customer/customer_add.html
@@ -61,22 +61,22 @@
                         <div class="form-control mb-[15px] w-[100%] mr-[7px]">
                             <label class="font-[600] mb-[5px] text-[14px]">Tên khách hàng</label>
                             <input type="text" size="60" name="" placeholder="Tên khách hàng"
-                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                         </div>
                         <div class="mb-[15px] w-[100%] ml-[7px]">
                             <label class="block font-[600] mb-[5px] text-[14px]">Sinh nhật</label>
                             <div class="flex items-center justify-between">
                                 <div class="input-date w-[100%] mr-[7px]">
                                     <input type="day" name="" placeholder="Ngày"
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 </div>
                                 <div class="input-date w-[100%] mx-[7px]">
                                     <input type="day" name="" placeholder="Tháng"
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 </div>
                                 <div class="input-date w-[100%] ml-[7px]">
                                     <input type="day" name="" placeholder="Năm"
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 </div>
                             </div>
                         </div>
@@ -103,17 +103,17 @@
                         <div class="form-control w-[100%] mr-[7px]">
                             <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ Email</label>
                             <input type="text" size="60" name="" placeholder="Địa chỉ Email"
-                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                         </div>
                         <div class="form-control w-[100%] mx-[7px]">
                             <label class="font-[600] mb-[5px] text-[14px]">Điện thoại nhà</label>
                             <input type="text" size="60" name="" placeholder="Điện thoại nhà"
-                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                         </div>
                         <div class="form-control w-[100%] ml-[7px]">
                             <label class="font-[600] mb-[5px] text-[14px]">Điện thoại di động</label>
                             <input type="text" size="60" name="" placeholder="Điện thoại di động"
-                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                         </div>
                     </div>
 
@@ -121,14 +121,14 @@
                         <div class="form-control w-[100%] mr-[7px]">
                             <label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
                             <select name=""
-                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 <option value="">Hà nội</option>
                             </select>
                         </div>
                         <div class="form-control w-[100%] ml-[7px]">
                             <label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
                             <select name=""
-                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 <option value="">Quận Ba Đình</option>
                             </select>
                         </div>
@@ -137,31 +137,31 @@
                     <div class="form-control mb-[15px] w-[100%]">
                         <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
                         <textarea type="text" size="60" name="" placeholder="Địa chỉ"
-                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                            class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
                     </div>
 
                     <div class="form-control mb-[15px] w-[100%]">
                         <label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
                         <input type="text" size="60" name="" placeholder="Tên công ty"
-                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                            class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
                     </div>
 
                     <div class="form-control mb-[15px] w-[100%]">
                         <label class="font-[600] mb-[5px] text-[14px]">Mã số thuế</label>
                         <input type="text" size="60" name="" placeholder="Mã số thuế"
-                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                            class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
                     </div>
 
                     <div class="form-control mb-[15px] w-[100%]">
                         <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ công ty</label>
                         <input type="text" size="60" name="" placeholder="Địa chỉ công ty"
-                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                            class="w-[100%] h-[35px] input input-bordered input-md rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
                     </div>
 
                     <div class="form-control mb-[15px] w-[100%]">
                         <label class="font-[600] mb-[5px] text-[14px]">Ghi chú về khách hàng này</label>
                         <textarea type="text" size="60" name="" placeholder="Ghi chú về khách hàng này"
-                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                            class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
                     </div>
 
                 </div>
diff --git a/template/customer/customer_contact.html b/template/customer/customer_contact.html
index c160b60..9b438d8 100644
--- a/template/customer/customer_contact.html
+++ b/template/customer/customer_contact.html
@@ -5,7 +5,7 @@
         <form action=""
             class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
             <input type="text" name=""
-                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+                class="w-[375px] h-[35px] h-[35px] input input-bordered input-md rounded-[4px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
                 placeholder="Tìm kiếm">
             <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
         </form>
@@ -15,7 +15,7 @@
             <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
                     hệ</a> của website</p>
             <select name="" id=""
-                class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                class="w-[180px] h-[35px] min-h-[35px] select select-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                 <option value="">Chọn bộ lọc</option>
             </select>
         </div>
@@ -58,10 +58,10 @@
 
                         <td class="xl:w-[120px] 2xl:w-auto">
                             <select name="" id=""
-                                class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
+                                class="w-[130px_!important] h-[30px] min-h-[30px] select select-bordered rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
                                 <option value="">Trạng thái</option>
                             </select>
-                            <div class="flex items-center">
+                            <div class="flex items-center mt-[10px]">
                                 <a href=""
                                     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>
diff --git a/template/customer/customer_review.html b/template/customer/customer_review.html
index a589953..eaa2893 100644
--- a/template/customer/customer_review.html
+++ b/template/customer/customer_review.html
@@ -5,7 +5,7 @@
             <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
                     class="text-[#0041E8] underline">liên hệ</a> của website</p>
             <select
-                class="w-[140px] h-[30px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                class="h-[30px] rounded-[4px] select select-bordered min-h-[30px] shadow-[0px_2px_4px_0px_#0000001F]">
                 <option value="">Lọc xem ý kiến</option>
             </select>
         </div>
diff --git a/template/customer/home.html b/template/customer/home.html
index 962044f..ba8693a 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -20,7 +20,7 @@
         <form action=""
             class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
             <input type="text" name=""
-                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+                class="w-[375px] h-[35px]  rounded-[4px] input input-bordered mr-[10px] input-md shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
                 placeholder="Tìm khách hàng (* tên, email, điện thoại)">
             <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
         </form>
diff --git a/template/customer/review.html b/template/customer/review.html
index 1f72b3f..af840b9 100644
--- a/template/customer/review.html
+++ b/template/customer/review.html
@@ -21,7 +21,7 @@
         <form action=""
             class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
             <input type="text" name=""
-                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+                class="w-[375px] h-[35px] rounded-[4px] input input-md input-bordered mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
                 placeholder="Tìm kiếm">
             <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
         </form>
@@ -30,7 +30,7 @@
         <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
             <p>Tổng số: <b>1.996</b></p>
             <select name="" id=""
-                class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                class="w-[180px] h-[35px] min-h-[35px] select select-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                 <option value="">Chọn bộ lọc</option>
             </select>
         </div>
diff --git a/template/deal/deal_add.html b/template/deal/deal_add.html
index ef0de68..1743e8d 100644
--- a/template/deal/deal_add.html
+++ b/template/deal/deal_add.html
@@ -36,13 +36,13 @@
 
         <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)]">
+                class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                 <option value=""> Lọc sản phẩm </option>
                 <option value=""> option </option>
             </select>
 
             <select
-                class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                class="min-w-[160px] h-[36px] select select-bordered min-h-[36px] ml-[10px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                 <option value=""> Sắp xếp sản phẩm </option>
                 <option value=""> option </option>
             </select>
diff --git a/template/deal/deal_detail.html b/template/deal/deal_detail.html
index 9f2eaca..decc2f3 100644
--- a/template/deal/deal_detail.html
+++ b/template/deal/deal_detail.html
@@ -4,40 +4,51 @@
     <a href=""> Form thêm deal </a>
 </div>
 
-<div class="max-w-[1141px] m-[0_auto_20px]">
+<div class="max-w-[1141px] m-[0_auto_20px] p-[0_16px]">
     <div class="flex flex-wrap items-start justify-center">
 
-        <div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
+        <div
+            class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
             <p class="font-bold text-[20px]"> Cập nhật deal </p>
 
             <div class="flex items-center">
-                <a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                    <span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <a href="/admin/deal/deal-add"
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
                     <span>Thêm deal</span>
                 </a>
 
-                <a href="/admin/deal" title="Danh sách deal" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+                <a href="/admin/deal" title="Danh sách deal"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
             </div>
 
             <p class="w-[100%] text-[#6B7280]">
                 Màn hình máy tính HKC M20A6 20 Inch Full HD
             </p>
-        </div>            
+        </div>
 
         <!-- col left -->
-        <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                    style="color: #Fff;background: #0041E8;"> Thông tin </a>
+            </div>
         </div>
 
         <!-- col right -->
-        <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
-            
+        <form method="post" enctype="multipart/form-data"
+            class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
+
             <p class="mb-[20px] font-bold text-[20px]"> Thông tin deal </p>
 
             <div class="mb-[24px]">
                 <p class="mb-[7px]"> <b>Tiêu đề của Deal</b> </p>
 
-                <input type="text" value="" class="w-[100%] h-[34px] 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-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
             </div>
 
             <div class="mb-[24px]">
@@ -52,7 +63,8 @@
             <div class="mb-[24px]">
                 <p class="mb-[7px]"> <b>Mô tả tóm tắt về deal nếu có</b> </p>
 
-                <textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[6px_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] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
             </div>
 
             <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
@@ -68,49 +80,56 @@
             <div class="mb-[24px] flex items-center">
                 <p class="w-[140px]"> <b> Giá deal </b> </p>
 
-                <input type="text" value="" class="w-[50%] h-[34px] 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-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
             </div>
 
             <div class="flex flex-wrap justify-between">
                 <div class="mb-[24px] w-[32%]">
                     <p class="mb-[6px]">
-                        <b> Số lượng bán </b> 
+                        <b> Số lượng bán </b>
                         (Số đang có: 8)
                     </p>
-    
-                    <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] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[24px] w-[32%]">
                     <div class="mb-[6px] relative">
-                        <b> Số lượng tối thiểu phải mua </b> 
-                                                
+                        <b> Số lượng tối thiểu phải mua </b>
+
                         <div class="inline-block relative group">
                             <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
 
-                            <p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
-                                Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
+                            <p
+                                class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                                Đây là số lượng mà người mua phải mua ở một lần đặt hàng nếu muốn đặt hàng deal này. Có
+                                thể áp dụng trường hợp bạn đang có số lượng hàng tồn lớn và muốn bán nhanh
                             </p>
                         </div>
                     </div>
-    
-                    <input type="text" value="" class="w-[100%] h-[32px] 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] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[24px] w-[32%]">
                     <div class="mb-[6px]">
-                        <b> Số lượng tối đa được mua </b> 
-                        
+                        <b> Số lượng tối đa được mua </b>
+
                         <div class="inline-block relative group">
                             <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
 
-                            <p class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
+                            <p
+                                class="hidden leading-[16px] text-[13px] absolute left-[-30px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[250px] z-[1] group-hover:block">
                                 Số lượng tối đa 1 khách hàng được phép đặt mua
                             </p>
                         </div>
                     </div>
-    
-                    <input type="text" value="" class="w-[100%] h-[32px] 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] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
             </div>
 
@@ -121,13 +140,62 @@
                     <p style="width: 65px;"> Bắt đầu </p>
                     <div class="relative m-[0_35px_0_10px]">
                         <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                        <input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                        <input type="date" name="from_time_date" value="" placeholder="Từ ngày"
+                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                     </div>
 
                     <p class="mr-[10px]"> Giờ </p>
-                    
-                    <select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
-                        <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 name='info[from_time_minute]' id='from_time_minute'
+                        class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
+                        <option value="00:00">00:00</option>
+                        <option value="00:30">00:30</option>
+                        <option value="01:00">01:00</option>
+                        <option value="01:30">01:30</option>
+                        <option value="02:00">02:00</option>
+                        <option value="02:30">02:30</option>
+                        <option value="03:00">03:00</option>
+                        <option value="03:30">03:30</option>
+                        <option value="04:00">04:00</option>
+                        <option value="04:30">04:30</option>
+                        <option value="05:00">05:00</option>
+                        <option value="05:30">05:30</option>
+                        <option value="06:00">06:00</option>
+                        <option value="06:30">06:30</option>
+                        <option value="07:00">07:00</option>
+                        <option value="07:30">07:30</option>
+                        <option value="08:00">08:00</option>
+                        <option value="08:30">08:30</option>
+                        <option value="09:00">09:00</option>
+                        <option value="09:30">09:30</option>
+                        <option value="10:00">10:00</option>
+                        <option value="10:30">10:30</option>
+                        <option value="11:00">11:00</option>
+                        <option value="11:30">11:30</option>
+                        <option value="12:00">12:00</option>
+                        <option value="12:30">12:30</option>
+                        <option value="13:00">13:00</option>
+                        <option value="13:30">13:30</option>
+                        <option value="14:00">14:00</option>
+                        <option value="14:30">14:30</option>
+                        <option value="15:00">15:00</option>
+                        <option value="15:30">15:30</option>
+                        <option value="16:00">16:00</option>
+                        <option value="16:30">16:30</option>
+                        <option value="17:00">17:00</option>
+                        <option value="17:30">17:30</option>
+                        <option value="18:00">18:00</option>
+                        <option value="18:30">18:30</option>
+                        <option value="19:00">19:00</option>
+                        <option value="19:30">19:30</option>
+                        <option value="20:00">20:00</option>
+                        <option value="20:30">20:30</option>
+                        <option value="21:00">21:00</option>
+                        <option value="21:30">21:30</option>
+                        <option value="22:00">22:00</option>
+                        <option value="22:30">22:30</option>
+                        <option value="23:00">23:00</option>
+                        <option value="23:30">23:30</option>
                     </select>
                 </div>
 
@@ -135,13 +203,62 @@
                     <p style="width: 65px;"> Kết thúc </p>
                     <div class="relative m-[0_35px_0_10px]">
                         <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                        <input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                        <input type="date" name="to_time_date" value="" placeholder="Từ ngày"
+                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                     </div>
 
                     <p class="mr-[10px]"> Giờ </p>
-                    
-                    <select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
-                        <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 name='info[to_time_minute]' id='from_time_minute'
+                        class="w-[100px] rounded-[4px] select select-bordered min-h-[35px] h-[35px]">
+                        <option value=" 00:00">00:00</option>
+                        <option value="00:30">00:30</option>
+                        <option value="01:00">01:00</option>
+                        <option value="01:30">01:30</option>
+                        <option value="02:00">02:00</option>
+                        <option value="02:30">02:30</option>
+                        <option value="03:00">03:00</option>
+                        <option value="03:30">03:30</option>
+                        <option value="04:00">04:00</option>
+                        <option value="04:30">04:30</option>
+                        <option value="05:00">05:00</option>
+                        <option value="05:30">05:30</option>
+                        <option value="06:00">06:00</option>
+                        <option value="06:30">06:30</option>
+                        <option value="07:00">07:00</option>
+                        <option value="07:30">07:30</option>
+                        <option value="08:00">08:00</option>
+                        <option value="08:30">08:30</option>
+                        <option value="09:00">09:00</option>
+                        <option value="09:30">09:30</option>
+                        <option value="10:00">10:00</option>
+                        <option value="10:30">10:30</option>
+                        <option value="11:00">11:00</option>
+                        <option value="11:30">11:30</option>
+                        <option value="12:00">12:00</option>
+                        <option value="12:30">12:30</option>
+                        <option value="13:00">13:00</option>
+                        <option value="13:30">13:30</option>
+                        <option value="14:00">14:00</option>
+                        <option value="14:30">14:30</option>
+                        <option value="15:00">15:00</option>
+                        <option value="15:30">15:30</option>
+                        <option value="16:00">16:00</option>
+                        <option value="16:30">16:30</option>
+                        <option value="17:00">17:00</option>
+                        <option value="17:30">17:30</option>
+                        <option value="18:00">18:00</option>
+                        <option value="18:30">18:30</option>
+                        <option value="19:00">19:00</option>
+                        <option value="19:30">19:30</option>
+                        <option value="20:00">20:00</option>
+                        <option value="20:30">20:30</option>
+                        <option value="21:00">21:00</option>
+                        <option value="21:30">21:30</option>
+                        <option value="22:00">22:00</option>
+                        <option value="22:30">22:30</option>
+                        <option value="23:00">23:00</option>
+                        <option value="23:30">23:30</option>
                     </select>
                 </div>
             </div>
@@ -149,7 +266,8 @@
             <div class="mb-[24px]">
                 <p class="mb-[7px]"> <b>Thứ tự hiển thị</b> </p>
 
-                <input type="text" value="0" class="w-[50%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                <input type="text" value="0"
+                    class="w-[50%] h-[34px] input input-bordered input-md rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
             </div>
 
 
@@ -157,19 +275,20 @@
                 <p> <b>Hiển thị</b> </p>
 
                 <label class="flex items-center cursor-pointer relative pl-[30px] m-[0_76px]">
-                    <input type="radio" name="info[status]" value="1" class="left-0" checked> 
-                    <span>Cho hiển thị</span>
+                    <input type="radio" name="info[status]" value="1" class="left-0 radio checked:bg-blue-500" checked>
+                    <span class="label-text ml-[10px]">Cho hiển thị</span>
                 </label>
-    
+
                 <label class="flex items-center cursor-pointer relative pl-[30px]">
-                    <input type="radio" name="info[status]" value="0" class="left-0"> 
-                    <span>Ẩn hiển thị</span>
+                    <input type="radio" name="info[status]" value="0" class="left-0 radio checked:bg-blue-500">
+                    <span class="label-text ml-[10px]">Ẩn hiển thị</span>
                 </label>
             </div>
 
             <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
 
-            <input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+            <input name="commit" type="submit" value="Cập nhật"
+                class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
         </form>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/home/home.html b/template/home/home.html
index 0f300a1..a4c0dac 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -114,27 +114,20 @@
 
                     <div>
                         <div class="flex" id="devices">
-                            <div class="flex items-center me-4">
-                                <input id="web_1" type="checkbox" value="web_1"
-                                    class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                                <label for="web_1"
-                                    class="ms-2 text-sm text-custom-16 font-medium text-gray-900 dark:text-gray-300">Web
-                                    1</label>
-                            </div>
+                            <label class="flex items-center me-4 cursor-pointer">
+                                <input id="web_1" type="checkbox" value="web_1" class="checkbox checkbox-success">
+                                <span for="web_1" class="text-custom-16 label-text ml-[10px]">Web 1</span>
+                            </label>
 
-                            <div class="flex items-center me-4">
-                                <input id="web_2" type="checkbox" value="web_2"
-                                    class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                                <label for="web_2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
-                                    2</label>
-                            </div>
+                            <label class="flex items-center me-4 cursor-pointer">
+                                <input id="web_2" type="checkbox" value="web_2" class="checkbox checkbox-success">
+                                <span for="web_2" class="label-text ml-[10px]">Web 2</span>
+                            </label>
 
-                            <div class="flex items-center me-4">
-                                <input id="web_3" type="checkbox" value="web_3"
-                                    class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                                <label for="web_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
-                                    3</label>
-                            </div>
+                            <label class="flex items-center me-4 cursor-pointer">
+                                <input id="web_3" type="checkbox" value="web_3" class="checkbox checkbox-success">
+                                <span for="web_3" class="label-text ml-[10px]">Web 3</span>
+                            </label>
                         </div>
                     </div>
 
diff --git a/template/job/form.html b/template/job/form.html
new file mode 100644
index 0000000..fae97fc
--- /dev/null
+++ b/template/job/form.html
@@ -0,0 +1,414 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/job"> Vị trí tuyển </a>
+    <a href=""> Form thêm/sửa nội dung </a>
+</div>
+
+<div class="max-w-[1141px] m-auto p-[0_15px]">
+    <div class="flex flex-wrap items-start m-[16px_0]">
+        <div
+            class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
+            {% if global.url contains 'id=' %}
+            <p class="font-bold text-[20px]"> Sửa nội dung </p>
+
+            <p class="w-[100%] text-[#6B7280] order-[1]">
+                Phụ trách chi nhánh công ty cổ phần traphaco tại đồng nai
+            </p>
+            {% else %}
+            <p class="font-bold text-[20px]"> Thêm mới </p>
+            {% endif %}
+
+            <div class="flex items-center">
+                <a href="/admin/job/form"
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm nội dung mới</span>
+                </a>
+
+                <a href="/admin/job/applicants"
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span class="far fa-folder mr-2"></span>
+                    <span>Quản lý danh mục</span>
+                </a>
+
+                <a href="/admin/job" title="Danh sách nội dung"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+            </div>
+        </div>
+
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
+                </a>
+
+                {% if global.url contains 'id=' %}
+                <a href="/admin/job/tag?id=1"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
+                <a href="/admin/article/relation?id=1&related_item_type=product"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
+                    quan:
+                    Sản phẩm </a>
+                <a href="/admin/job/relation?id=1&related_item_type=product-category"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
+                    quan:
+                    Danh mục sản phẩm </a>
+                {% endif %}
+            </div>
+        </div>
+
+        <form method="post" enctype="multipart/form-data"
+            class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
+
+                <div class="mb-[15px] flex flex-wrap items-center">
+                    <p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
+
+                    <div class="inline-block">
+                        <img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
+                    </div>
+
+                    <label class="cursor-pointer">
+                        <span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
+
+                        <input type="file" name="file_thumbnail"
+                            class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
+                    </label>
+                </div>
+
+                <div class="mb-[15px] flex flex-wrap items-center">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
+
+                    <div class="inline-block">
+                        <img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
+                    </div>
+
+                    <label class="cursor-pointer">
+                        <span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
+
+                        <input type="file" name="file_thumbnail"
+                            class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
+                    </label>
+                </div>
+
+                <div
+                    class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
+                    <p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh
+                            mục  </i> </p>
+
+                    <div class="overflow-auto max-h-[250px]">
+                        <div class="mb-[10px]">
+                            <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
+                            </label>
+                        </div>
+                        <div class="mb-[10px]">
+                            <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
+                            </label>
+                        </div>
+                        <div class="mb-[10px]">
+                            <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
+
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                </div>
+
+                <div>
+                    <p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
+
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px]  rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                </div>
+            </div>
+
+
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <div class="flex flex-wrap items-center justify-between mb-3">
+                    <p class="font-bold text-[20px] leading-[20px]"> Mô tả  công việc </p>
+                </div>
+
+                <div class="mb-[15px]">
+                    <textarea id="js-desc"> </textarea>
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]"> Thu nhập <i class="font-[300] text-[13px] text-[#6B7280]">
+                            V.d Từ 8 triệu/
+                            Thỏa thuận</i></p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div>
+                    <p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px] text-[#6B7280]"> (*
+                            số cao xếp
+                            trước)</i> </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+            </div>
+
+
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Url canonical
+                        <i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Title
+                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Keywords
+                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
+                    </p>
+
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                </div>
+
+                <div class="mb-[15px]">
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Description
+                        <i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
+                    </p>
+
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                </div>
+
+                <div class="mb-[15px] flex items-start">
+                    <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
+
+                    <label class="inline-flex items-center cursor-pointer">
+                        <input type="checkbox" class="checkbox checkbox-success">
+                        <span class="label-text ml-[15px]"> Cho phép Google Index </span>
+                    </label>
+                </div>
+
+                <div class="flex items-start">
+                    <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p>
+
+                    <label class="inline-flex items-center cursor-pointer">
+                        <input type="checkbox" class="checkbox checkbox-success">
+                        <span class="label-text ml-[15px]"> Cho phép hiển thị </span>
+                    </label>
+                </div>
+
+            </div>
+
+
+            <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
+                <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Quản trị hiển thị </p>
+
+
+                <div class="mb-[15px] flex flex-wrap">
+                    <p class="w-[230px] font-bold">Thời gian của bài viết</p>
+
+                    <div>
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="0" name="info[article_time_set]"
+                                class="radio checked:bg-blue-500" checked="">
+                            <span class="label-text ml-[10px]"> Thời gian tạo bài </span>
+                        </label>
+
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="1" name="info[article_time_set]"
+                                class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Chọn thời gian </span>
+                        </label>
+
+                        <div class="w-[100%] hidden" id="js-publish_time">
+                            <div class="flex items-center m-[10px_0]">
+                                <div class="relative mr-[20px]">
+                                    <i
+                                        class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="from_time_date" value="" placeholder="Từ ngày"
+                                        class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                </div>
+
+                                <p class="mr-[10px]"> Giờ </p>
+
+                                <select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;"
+                                    class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                                    <option value="00:00">00:00</option>
+                                    <option value="00:30">00:30</option>
+                                    <option value="01:00">01:00</option>
+                                    <option value="01:30">01:30</option>
+                                    <option value="02:00">02:00</option>
+                                    <option value="02:30">02:30</option>
+                                    <option value="03:00">03:00</option>
+                                    <option value="03:30">03:30</option>
+                                    <option value="04:00">04:00</option>
+                                    <option value="04:30">04:30</option>
+                                    <option value="05:00">05:00</option>
+                                    <option value="05:30">05:30</option>
+                                    <option value="06:00">06:00</option>
+                                    <option value="06:30">06:30</option>
+                                    <option value="07:00">07:00</option>
+                                    <option value="07:30">07:30</option>
+                                    <option value="08:00">08:00</option>
+                                    <option value="08:30">08:30</option>
+                                    <option value="09:00">09:00</option>
+                                    <option value="09:30">09:30</option>
+                                    <option value="10:00">10:00</option>
+                                    <option value="10:30">10:30</option>
+                                    <option value="11:00">11:00</option>
+                                    <option value="11:30">11:30</option>
+                                    <option value="12:00">12:00</option>
+                                    <option value="12:30">12:30</option>
+                                    <option value="13:00">13:00</option>
+                                    <option value="13:30">13:30</option>
+                                    <option value="14:00">14:00</option>
+                                    <option value="14:30">14:30</option>
+                                    <option value="15:00">15:00</option>
+                                    <option value="15:30">15:30</option>
+                                    <option value="16:00">16:00</option>
+                                    <option value="16:30">16:30</option>
+                                    <option value="17:00">17:00</option>
+                                    <option value="17:30">17:30</option>
+                                    <option value="18:00">18:00</option>
+                                    <option value="18:30">18:30</option>
+                                    <option value="19:00">19:00</option>
+                                    <option value="19:30">19:30</option>
+                                    <option value="20:00">20:00</option>
+                                    <option value="20:30">20:30</option>
+                                    <option value="21:00">21:00</option>
+                                    <option value="21:30">21:30</option>
+                                    <option value="22:00">22:00</option>
+                                    <option value="22:30">22:30</option>
+                                    <option value="23:00">23:00</option>
+                                    <option value="23:30">23:30</option>
+                                </select>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của
+                        bài thay vì thời gian cập nhật)</i>
+                </div>
+
+
+                <div class="mb-[15px] flex flex-wrap">
+                    <p class="w-[230px] font-bold"> Trạng thái </p>
+
+                    <div>
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
+                                checked="">
+                            <span class="label-text ml-[10px]"> Bản nháp </span>
+                        </label>
+
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Cho hiển thị </span>
+                        </label>
+
+                        <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
+                            <input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Chờ duyệt </span>
+                        </label>
+
+                    </div>
+                </div>
+
+
+                <div class="flex flex-wrap items-center">
+                    <p class="w-[230px] font-bold"> Xem thử </p>
+
+                    <a href="" target="_blank"
+                        class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
+                        Xem bài viết tại trang web
+                    </a>
+                </div>
+
+            </div>
+
+            <input type="submit" value="Cập nhật"
+                class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+        </form>
+    </div>
+</div>
+
+
+<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
+
+<script>
+    tinymce.init({
+        selector: 'textarea#js-desc',
+        height: 350,
+        menubar: true,
+        plugins: [
+            'advlist autolink lists link image charmap print preview anchor',
+            'searchreplace visualblocks code fullscreen',
+            'insertdatetime media table paste code help wordcount'
+        ],
+        toolbar: 'undo redo | formatselect | ' +
+            'bold italic backcolor | alignleft aligncenter ' +
+            'alignright alignjustify | bullist numlist outdent indent | ' +
+            'removeformat | help',
+        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
+    });
+</script>
+
+<script>
+    $(function () {
+        $("input[name='info[article_time_set]']").click(function () {
+            if ($(this).val() == 1) $("#js-publish_time").show();
+            else $("#js-publish_time").hide();
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/template/job/home.html b/template/job/home.html
index e69de29..2998b42 100644
--- a/template/job/home.html
+++ b/template/job/home.html
@@ -0,0 +1,343 @@
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Tuyển dụng </p>
+
+        <form method="get" enctype="multipart/form-data" action="/admin/"
+            class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <input type="text" name="q" id="keyword" value="" placeholder=""
+                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+            <input type="submit" value="Tìm kiếm"
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        </form>
+
+        <div class="flex items-center flex-wrap justify-between mb-[20px]">
+            <div class="flex items-center">
+                <select
+                    class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value=""> Chọn danh mục </option>
+                    <option value=""> option </option>
+                </select>
+                <select
+                    class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value=""> Sắp xếp </option>
+                    <option value=""> option </option>
+                </select>
+
+                <a href=""
+                    class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    Xem nội dung đang ẩn
+                </a>
+
+                <a href=""
+                    class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    Xem nội dung nổi bật
+                </a>
+            </div>
+
+
+            <div class="flex items-center font-[500] leading-[35px]">
+                <a href="/admin/job/form"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm vị trí mới</span>
+                </a>
+
+                <a href="/admin/job/category"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="far fa-folder mr-2"></i>
+                    <span>Quản lý danh mục</span>
+                </a>
+            </div>
+        </div>
+
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="40"> STT </td>
+                        <td width="130"> Ảnh </td>
+                        <td> Danh sách </td>
+                        <td> Số liệu </td>
+                        <td> Quản trị </td>
+                        <td width="160"> Lựa chọn </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://via.placeholder.com/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
+                            <div class="mt-[10px]">
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Số hồ sơ: 1 </p>
+                            <p> - Lượt xem: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Admin </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+
+                    </tr>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://via.placeholder.com/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
+                            <div class="mt-[10px]">
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Số hồ sơ: 1 </p>
+                            <p> - Lượt xem: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Admin </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+
+                    </tr>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://via.placeholder.com/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
+                            <div class="mt-[10px]">
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Số hồ sơ: 1 </p>
+                            <p> - Lượt xem: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Admin </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+
+                    </tr>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://via.placeholder.com/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
+                            <div class="mt-[10px]">
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Số hồ sơ: 1 </p>
+                            <p> - Lượt xem: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Admin </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+
+                    </tr>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://via.placeholder.com/880x350" class="block m-auto" />
+                        </td>
+
+                        <td>
+                            <a href=""> Phụ trách Chi nhánh Công ty cổ phần Traphaco tại Đồng Nai </a>
+                            <div class="mt-[10px]">
+                                STT
+                                <input type="text" value="0"
+                                    class="w-[100px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            </div>
+                        </td>
+
+                        <td>
+                            <p> - Số hồ sơ: 1 </p>
+                            <p> - Lượt xem: 0 </p>
+                        </td>
+
+                        <td>
+                            <p> Cập nhật: Admin </p>
+                            <p> (15-02-2024, 2:57 pm) </p>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/article/form?id=1" title="Sửa lại"
+                                    class="border-[1px] border-[#0041E8_!important] icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xem tại web"
+                                    class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+                        </td>
+
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <div class="paging">
+            <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a>
+            <a href="">3</a>
+            <a href="">4</a>
+            <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/marketing/conditional_promotion.html b/template/marketing/conditional_promotion.html
index 8c9f99a..a57facf 100644
--- a/template/marketing/conditional_promotion.html
+++ b/template/marketing/conditional_promotion.html
@@ -1,77 +1,79 @@
-<div
-    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
 
-    <div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
-        <a href="/admin/marketing/conditional-promotion-add"
-            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <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 khuyến mại mới</span>
-        </a>
-    </div>
+        <div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
+            <a href="/admin/marketing/conditional-promotion-add"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <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 khuyến mại mới</span>
+            </a>
+        </div>
 
-    <div class="table">
-        <table>
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
-                <tr>
-                    <td> STT </td>
-                    <td> Khuyến mại </td>
-                    <td> Điều kiện áp dụng </td>
-                    <td> Thông tin khác </td>
-                    <td> Lựa chọn </td>
-                </tr>
-            </thead>
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
+                    <tr>
+                        <td> STT </td>
+                        <td> Khuyến mại </td>
+                        <td> Điều kiện áp dụng </td>
+                        <td> Thông tin khác </td>
+                        <td> Lựa chọn </td>
+                    </tr>
+                </thead>
 
-            <tbody>
+                <tbody>
 
-                <tr>
-                    <td align="center"> 1 </td>
+                    <tr>
+                        <td align="center"> 1 </td>
 
-                    <td>
-                        <p class="font-bold"> 20.000.000 </p>
-                        <p> - Tặng tiền mặt: 500.000 </p>
-                        <p> - Tùy chọn gói sản phẩm: 500.000 </p>
-                        <p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
-                    </td>
+                        <td>
+                            <p class="font-bold"> 20.000.000 </p>
+                            <p> - Tặng tiền mặt: 500.000 </p>
+                            <p> - Tùy chọn gói sản phẩm: 500.000 </p>
+                            <p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
+                        </td>
 
-                    <td>
-                        <p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
-                        <p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
-                    </td>
+                        <td>
+                            <p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
+                            <p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
+                        </td>
 
-                    <td>
-                        <p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
-                        <p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
-                    </td>
+                        <td>
+                            <p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
+                            <p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
+                        </td>
 
-                    <td>
-                        <div class="items-center flex">
-                            <a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại"
-                                class="icons icon-edit"></a>
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại"
+                                    class="icons icon-edit"></a>
 
-                            <a href="" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
 
-                            <a href="" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
 
-                            <a href="" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
+                                <a href="" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
 
-            </tbody>
-        </table>
-    </div>
+                </tbody>
+            </table>
+        </div>
 
-    <div class="paging">
-        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
-        <a href="" class="current">1</a>
-        <a href="">2</a>
-        <a href="">3</a>
-        <a href="">4</a>
-        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        <div class="paging">
+            <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a>
+            <a href="">3</a>
+            <a href="">4</a>
+            <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/marketing/conditional_promotion_add.html b/template/marketing/conditional_promotion_add.html
index 07c33b1..c78f9cb 100644
--- a/template/marketing/conditional_promotion_add.html
+++ b/template/marketing/conditional_promotion_add.html
@@ -34,7 +34,7 @@
                 <td width="215"> <b>Tên gọi</b> </td>
                 <td>
                     <input type="text" value="" placeholder="Tên gọi"
-                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                     <i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
                 </td>
             </tr>
@@ -46,13 +46,13 @@
                     <div class="mb-[15px]">
                         <p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
                         <input type="text" value=""
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                     </div>
 
                     <div class="mb-[15px]">
                         <p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
                         <input type="text" value=""
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                     </div>
 
                     <div class="mb-[15px]">
@@ -70,7 +70,7 @@
                     <div class="mb-[15px]">
                         <p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
                         <input type="text" value=""
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                     </div>
 
                     <p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i>
@@ -80,13 +80,13 @@
                         <div>
                             <p class="inline-block mr-[13px]"> Giá từ </p>
                             <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)]" />
+                                class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         </div>
 
                         <div>
                             <p class="inline-block mr-[13px]"> Đến </p>
                             <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)]" />
+                                class="w-[220px] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         </div>
                     </div>
 
diff --git a/template/marketing/coupon_add.html b/template/marketing/coupon_add.html
index 0837db4..bef7109 100644
--- a/template/marketing/coupon_add.html
+++ b/template/marketing/coupon_add.html
@@ -40,14 +40,14 @@
             <table>
                 <tr>
                     <td width="215"> Mã số phiếu * </td>
-                    <td> CP220920212 </td>
+                    <td> CP220920213 </td>
                 </tr>
 
                 <tr>
                     <td> Tên phiếu khuyến mại * </td>
                     <td>
                         <input type="text" value="Giảm tiền mặt" name="info[title]" placeholder="Tên phiếu khuyến mại *"
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            class="w-[100%] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         <i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng,
                             do vậy cần viết cụ thể.</i>
                     </td>
@@ -57,7 +57,7 @@
                     <td> Mô tả </td>
                     <td>
                         <textarea name="info[description]" placeholder="Mô tả"
-                            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)]">Test phiếu giảm giá </textarea>
+                            class="w-[100%] min-h-[76px] max-h-[150px] textarea p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">Test phiếu giảm giá </textarea>
 
                         <i class="block text-[#E00000] mt-[7px]">Phần này chỉ dành cho admin nắm được cụ thể khuyến mại
                             này làm gì. Khách hàng không nhìn thấy.</i>
@@ -356,7 +356,7 @@
                         <div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
                             <input type="text" name="info[code_manual]" onchange="check_coupon_code(this.value, '0')"
                                 value=""
-                                class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                class="h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
 
                             <i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
 
@@ -369,7 +369,7 @@
                     <td> Tên phiếu khuyến mại * </td>
                     <td>
                         <input type="text" value="" name="info[title]" placeholder="Tên phiếu khuyến mại *"
-                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            class="w-[100%] h-[36px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         <i class="block text-[#E00000] mt-[7px]">* Phần này sẽ hiển thị trong đơn hàng của khách hàng,
                             do vậy cần viết cụ thể.</i>
                     </td>
@@ -401,21 +401,21 @@
                             <div id="js-type-pro">
                                 <span class="mr-[5px]"> Tên Sản phẩm </span>
                                 <input type="text" name="content_pro" value=""
-                                    class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    class="h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                             </div>
 
                             <div id="js-type-cash" style="display:none">
                                 <span class="mr-[5px]"> Nhập số tiền </span>
                                 <input type="text" name="content_cash" value=""
                                     onkeyup="this.value = writeStringToPrice(this.value)"
-                                    class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                                 <span> vnd (v.d. 200000, 3000000) </span>
                             </div>
 
                             <div id="js-type-priceoff" style="display:none">
                                 <span class="mr-[5px]"> Nhập % giảm giá </span>
                                 <input type="text" name="content_priceoff" value=""
-                                    class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                                 <span>% (v.d. 12, 30)</span>
                             </div>
                         </div>
@@ -561,7 +561,7 @@
                     <td>
                         <input type="text" name="info[valid_order_value]" value="0"
                             onkeyup="this.value = writeStringToPrice(this.value)"
-                            class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                         <span> vnd (để 0 nếu không áp dụng) </span>
                     </td>
                 </tr>
@@ -570,7 +570,7 @@
                     <td> Giới hạn số lần sử dụng / 1 khách hàng </td>
                     <td>
                         <input type="text" name="info[limit_use_per_user]" value="0"
-                            class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                            class="w-[80px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                         <span> (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) </span>
                     </td>
                 </tr>
@@ -621,7 +621,7 @@
                     <td> Số lượng phiếu </td>
                     <td>
                         <input type="text" size="10" name="info[total]" value="0"
-                            class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                            class="w-[135px_!important] mr-[5px] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                         <span> (để 0 nếu không có giới hạn) </span>
                     </td>
                 </tr>
diff --git a/template/marketing/feed.html b/template/marketing/feed.html
index cd1734c..99e79d0 100644
--- a/template/marketing/feed.html
+++ b/template/marketing/feed.html
@@ -55,7 +55,7 @@
                         <td>
                             <div class="min-w-[200px]">
                                 <input type="text" value="/feed/facebook.php?id=1" readonly
-                                    class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
+                                    class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                                 <a href=""> FB feed </a>
                             </div>
                         </td>
@@ -63,7 +63,7 @@
                         <td>
                             <div class="min-w-[200px]">
                                 <input type="text" value="/feed/google.php?id=1" readonly
-                                    class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
+                                    class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                                 <a href=""> Google feed </a>
                             </div>
                         </td>
diff --git a/template/marketing/feed_add.html b/template/marketing/feed_add.html
index f1237af..c3fabc8 100644
--- a/template/marketing/feed_add.html
+++ b/template/marketing/feed_add.html
@@ -5,55 +5,66 @@
 
 <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]">
+        <div
+            class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
             <p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cập nhật nhóm FB ad </p>
             <p class="text-[#6B7280]">ALL SP WEB 2023 NEW</p>
-        </div>            
-
-        <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
         </div>
-        
-        <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+
+        <div
+            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+            <a href="javascript:void(0)"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
+        </div>
+
+        <form method="post" enctype="multipart/form-data"
+            class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             <div class="mb-[17px] flex items-center">
                 <p class="font-bold text-[20px] leading-[20px] mr-4"> Thông tin cơ bản </p>
 
-                <a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                <a href=""
+                    class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
                     Chọn Sản phẩm vào danh sách
                 </a>
             </div>
 
             <div class="mb-[15px]">
-                <b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b> 
+                <b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b>
 
-                <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> 
+                <input type="text" value=""
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div>
 
 
             <div class="mb-[15px]">
                 <p class="font-bold mb-[6px]"> Ghi chú / mô 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>
-            </div> 
+                <textarea
+                    class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+            </div>
 
 
             <div class="mb-[15px]">
                 <div class="mb-[12px]">
-                    <p class="font-[300] mb-1"> 
+                    <p class="font-[300] mb-1">
                         <b class="font-bold">Google Product Category ID </b>
                         <i class="text-[#6B7280]"> Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách  </i>
                         <a href="" style="font-style: italic;"> tại đây </a>
-                    </p> 
+                    </p>
 
-                    <i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies > Pet Supplies > Bird Supplies > Bird Food </i>
+                    <i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies >
+                        Pet Supplies > Bird Supplies > Bird Food </i>
                 </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)]">
-            </div> 
+                <input type="text" value=""
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div>
 
             <hr class="border-[4px] 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>
+</div>
\ No newline at end of file
diff --git a/template/marketing/poster_upload.html b/template/marketing/poster_upload.html
index 489bc39..a892416 100644
--- a/template/marketing/poster_upload.html
+++ b/template/marketing/poster_upload.html
@@ -36,7 +36,9 @@
 
             <div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
                 <p class="mr-[10px]">Chọn file zip để upload (dung lượng tối đa 20MB)</p>
-                <input type="file" name="zip_file" size="40" />
+                <input type="file" name="zip_file"
+                    class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary"
+                    size="40" />
             </div>
 
             <input name="submit" type="submit" value="Cập nhật"
diff --git a/template/marketing/product_offer.html b/template/marketing/product_offer.html
index 3d1db78..c35a0f0 100644
--- a/template/marketing/product_offer.html
+++ b/template/marketing/product_offer.html
@@ -35,7 +35,8 @@
                     <td width="215"> File cập nhật </td>
 
                     <td>
-                        <input type="file">
+                        <input type="file"
+                            class="file-input w-full max-w-sm file-input-bordered h-[40px] text-[14px] file-input-primary">
                     </td>
                 </tr>
 
diff --git a/template/marketing/promotion_add.html b/template/marketing/promotion_add.html
index b29d7ff..ed81c8c 100644
--- a/template/marketing/promotion_add.html
+++ b/template/marketing/promotion_add.html
@@ -62,7 +62,7 @@
                 <p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p>
 
                 <input type="text" value=""
-                    class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                    class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
             </div>
 
             <div class="flex flex-wrap justify-between">
@@ -70,13 +70,13 @@
                     <p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
 
                     <input type="text" value="0"
-                        class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[18px] w-[49%]">
                     <p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
                     <input type="text" value="0"
-                        class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                        class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
             </div>
 
@@ -84,7 +84,7 @@
                 <p class="mb-[7px]"> <b>Mô tả</b> </p>
 
                 <textarea
-                    class="w-[100%] min-h-[122px] max-h-[170px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                    class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
             </div>
 
             <div class="mb-[18px] flex flex-wrap">
@@ -238,14 +238,14 @@
                     sản phẩm) </p>
 
                 <input type="text" value=""
-                    class="w-[100%] h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                    class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
             </div>
 
             <div class="mb-[18px]">
                 <p class="mb-[7px]"> <b>Ghi chú</b> </p>
 
                 <textarea
-                    class="w-[100%] min-h-[70px] max-h-[100px] p-[6px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                    class="w-[100%] min-h-[70px] max-h-[100px] textarea rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
             </div>
 
             <div class="flex items-center">
diff --git a/template/media/home.html b/template/media/home.html
index af1ba2e..2fd3993 100644
--- a/template/media/home.html
+++ b/template/media/home.html
@@ -1,99 +1,102 @@
-<div
-    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/"
-        class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type="text" name="q" id="keyword" value="" placeholder=""
-            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm"
-            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
-    </form>
+        <form method="get" enctype="multipart/form-data" action="/admin/"
+            class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <input type="text" name="q" id="keyword" value="" placeholder=""
+                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+            <input type="submit" value="Tìm kiếm"
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        </form>
 
-    <div class="flex items-center flex-wrap justify-between mb-[20px]">
-        <div class="flex items-center">
-            <select
-                class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
-                <option value=""> Xem phân nhóm </option>
-                <option value=""> option </option>
-            </select>
+        <div class="flex items-center flex-wrap justify-between mb-[20px]">
+            <div class="flex items-center">
+                <select
+                    class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value=""> Xem phân nhóm </option>
+                    <option value=""> option </option>
+                </select>
+
+                <a href=""
+                    class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    Quản lý nhóm media
+                </a>
+            </div>
 
             <a href=""
-                class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
-                Quản lý nhóm media
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <span>Thêm nội dung mới</span>
             </a>
         </div>
 
-        <a href=""
-            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <span
-                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-            <span>Thêm nội dung mới</span>
-        </a>
+        <p class="m-[13pX_0]">
+            <b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
+            chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào
+            miêu
+            tả Sản phẩm hay bài viết khác.
+        </p>
+
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="50"> STT </td>
+                        <td width="120"> Xem nhanh </td>
+                        <td> Tên file </td>
+                        <td width="120" align="center"> Loại file </td>
+                        <td> Thời gian </td>
+                        <td width="120"> Lựa chọn </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+
+                    <tr align="center">
+                        <td> 1 </td>
+
+                        <td>
+                            <a href=""
+                                class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
+                                Xem nhanh
+                            </a>
+                        </td>
+
+                        <td>
+                            <div class="flex items-center">
+                                <p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
+
+                                <input type="text" value="/media/lib/11-08-2023/new.png"
+                                    class="max-w-[700px] w-[100%] h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
+                            </div>
+                        </td>
+
+                        <td> banner </td>
+
+                        <td> 2023-08-11 00:00:00 </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
+
+                                <a href="" title="Xóa" class="icons icon-delete"></a>
+                            </div>
+
+                            <div class="flex items-center justify-center mt-[5px]">
+                                <p class="mr-[8px]">STT</p>
+
+                                <input type="text" value="0"
+                                    class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                            </div>
+                        </td>
+                    </tr>
+
+                </tbody>
+            </table>
+        </div>
+
     </div>
-
-    <p class="m-[13pX_0]">
-        <b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
-        chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào miêu
-        tả Sản phẩm hay bài viết khác.
-    </p>
-
-    <div class="table">
-        <table>
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
-                <tr>
-                    <td width="50"> STT </td>
-                    <td width="120"> Xem nhanh </td>
-                    <td> Tên file </td>
-                    <td width="120" align="center"> Loại file </td>
-                    <td> Thời gian </td>
-                    <td width="120"> Lựa chọn </td>
-                </tr>
-            </thead>
-
-            <tbody>
-
-                <tr align="center">
-                    <td> 1 </td>
-
-                    <td>
-                        <a href=""
-                            class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
-                            Xem nhanh
-                        </a>
-                    </td>
-
-                    <td>
-                        <div class="flex items-center">
-                            <p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
-
-                            <input type="text" value="/media/lib/11-08-2023/new.png" readonly
-                                class="max-w-[700px] w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
-                        </div>
-                    </td>
-
-                    <td> banner </td>
-
-                    <td> 2023-08-11 00:00:00 </td>
-
-                    <td>
-                        <div class="items-center flex justify-center">
-                            <a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
-
-                            <a href="" title="Xóa" class="icons icon-delete"></a>
-                        </div>
-
-                        <div class="flex items-center justify-center mt-[5px]">
-                            <p class="mr-[8px]">STT</p>
-
-                            <input type="text" value="0"
-                                class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
-                        </div>
-                    </td>
-                </tr>
-
-            </tbody>
-        </table>
-    </div>
-
 </div>
\ No newline at end of file
diff --git a/template/order/home.html b/template/order/home.html
index 3d1b76d..b749aa7 100644
--- a/template/order/home.html
+++ b/template/order/home.html
@@ -19,14 +19,13 @@
 
         <div
             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)]">
-            <div class="flex items-center flex-wrap mb-[10px]">
+            <div class="flex items-center flex-wrap mb-[10px] w-[100%] 2xl:w-[60%] lg:w-[60%] sm:w-[100%]">
                 <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 lg:hidden sm:hidden">hoặc</span>
+                    class="w-[40%] h-[36px] text-[14px] mr-[10px] rounded-[4px] input input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                <span class="whitespace-nowrap mr-[10px] w-[5%]">hoặc</span>
 
                 <input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
-                    class="w-[375px] sm:mt-[10px] sm:ml-[0] 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-[45%] h-[36px] text-[14px] mr-[10px] rounded-[4px] input input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
             </div>
 
             <div class="flex items-center mb-[10px]">
@@ -35,25 +34,25 @@
                     <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>
+                                class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[1px] 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"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-[4px] focus:ring-blue-500 focus:border-blue-500 block w-[130px] h-[36px] 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>
+                                class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[2px] left-[10px] leading-[32px]"></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"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-[130px] h-[36px] ps-[30px] p-2.5 rounded-[4px]  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]">
+                    class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[34.5px] p-[0_10px] cursor-pointer ml-[15px]">
             </div>
         </div>
     </form>
diff --git a/template/payinstall/add_company.html b/template/payinstall/add_company.html
index 5d62964..539eda9 100644
--- a/template/payinstall/add_company.html
+++ b/template/payinstall/add_company.html
@@ -30,13 +30,13 @@
                     <div class="form-control mb-[10px]">
                         <label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
                         <input type="text" size="60" name="" id="" placeholder="Tên công ty"
-                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                            class="w-[100%] h-[35px] input input-md input-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                     </div>
 
                     <div class="form-control mb-[10px]">
                         <label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
                         <input type="text" size="60" name="" id="" placeholder="0"
-                            class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                            class="w-[50%] h-[35px] input input-md input-bordered  rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                     </div>
 
                 </div>
diff --git a/template/payinstall/order.html b/template/payinstall/order.html
index 9770075..319da2b 100644
--- a/template/payinstall/order.html
+++ b/template/payinstall/order.html
@@ -12,68 +12,72 @@
 
         <p class="mt-[10px]">Tổng số: 16</p>
 
-        <table class="table mt-[15px]">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
-                <tr>
-                    <th>STT</th>
-                    <th class="w-[135px]">Mã đơn</th>
-                    <th class="w-[113px]">Nhà cung cấp</th>
-                    <th>Sản phẩm</th>
-                    <th class="w-[175px]">Điều khoản</th>
-                    <th>Khách hàng</th>
-                    <th>Thời gian</th>
-                    <th class="w-[130px]">Lựa chọn</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td class="w-[45px]">1</td>
-                    <td>5yl0uuds52fO</td>
-                    <td>hdsaigon</td>
-                    <td>
-                        <div class="mb-[5px]">
-                            <div>
-                                <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
-                                    Purple</a>
+        <div class="overflow-x-auto mt-[15px]">
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <th>STT</th>
+                        <th class="w-[135px]">Mã đơn</th>
+                        <th class="w-[113px]">Nhà cung cấp</th>
+                        <th>Sản phẩm</th>
+                        <th class="w-[175px]">Điều khoản</th>
+                        <th>Khách hàng</th>
+                        <th>Thời gian</th>
+                        <th class="w-[130px]">Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="w-[45px]">1</td>
+                        <td>5yl0uuds52fO</td>
+                        <td>hdsaigon</td>
+                        <td>
+                            <div class="mb-[5px]">
+                                <div>
+                                    <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
+                                        Galactic
+                                        Purple</a>
+                                </div>
+                                <p>- SKU: GPSO037</p>
+                                <p>- Giá: 1.599.000</p>
                             </div>
-                            <p>- SKU: GPSO037</p>
-                            <p>- Giá: 1.599.000</p>
-                        </div>
-                        <div class="mb-[5px]">
-                            <div>
-                                <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
-                                    Purple</a>
+                            <div class="mb-[5px]">
+                                <div>
+                                    <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
+                                        Galactic
+                                        Purple</a>
+                                </div>
+                                <p>- SKU: GPSO037</p>
+                                <p>- Giá: 1.599.000</p>
                             </div>
-                            <p>- SKU: GPSO037</p>
-                            <p>- Giá: 1.599.000</p>
-                        </div>
-                    </td>
-                    <td>
-                        <p>- Giá trả góp: 1690146</p>
-                        <p>- Trả trước: 799500</p>
-                        <p>- Lãi suất: 1.90</p>
-                        <p>- Tháng: 6</p>
-                    </td>
-                    <td>
-                        <p>- Tên: phạm thanh chiến</p>
-                        <p>- Địa chỉ: nhà 04 ngõ 362 lê viết thuật , Xã Hưng Lộc</p>
-                        <p>- Tỉnh: Nghệ An</p>
-                        <p>- Email: phamthanhchien1808@gmail.com</p>
-                        <p>- Điện thoại: 0968 296 041</p>
-                    </td>
-                    <td>05-03-2024, 12:58 am</td>
-                    <td>
-                        <div class='list-btn flex items-center justify-center p-[5px_0]'>
-                            <a href="/admin/payinstall/order_detail"
-                                class="btn w-[100px] h-[33px] min-h-[33px] mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
-                                tiết</a>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-delete'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+                        </td>
+                        <td>
+                            <p>- Giá trả góp: 1690146</p>
+                            <p>- Trả trước: 799500</p>
+                            <p>- Lãi suất: 1.90</p>
+                            <p>- Tháng: 6</p>
+                        </td>
+                        <td>
+                            <p>- Tên: phạm thanh chiến</p>
+                            <p>- Địa chỉ: nhà 04 ngõ 362 lê viết thuật , Xã Hưng Lộc</p>
+                            <p>- Tỉnh: Nghệ An</p>
+                            <p>- Email: phamthanhchien1808@gmail.com</p>
+                            <p>- Điện thoại: 0968 296 041</p>
+                        </td>
+                        <td>05-03-2024, 12:58 am</td>
+                        <td>
+                            <div class='list-btn flex items-center justify-center p-[5px_0]'>
+                                <a href="/admin/payinstall/order_detail"
+                                    class="btn w-[100px] h-[33px] min-h-[33px] mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
+                                    tiết</a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/payinstall/order_detail.html b/template/payinstall/order_detail.html
index 0a21c87..a927919 100644
--- a/template/payinstall/order_detail.html
+++ b/template/payinstall/order_detail.html
@@ -7,7 +7,7 @@
         </ul>
     </div>
 
-    <div class="w-[1140px] my-0 mx-auto">
+    <div class="w-[1140px] my-0 mx-auto p-[_15px]">
         <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
             <h1 class="text-[20px] font-[700]">Chi tiết đơn hàng trả góp</h1>
             <p class="text-[#6B7280]">9dDMHsx5CBgG</p>
diff --git a/template/product/form_components/basic.html b/template/product/form_components/basic.html
index e6919a4..4747ee7 100644
--- a/template/product/form_components/basic.html
+++ b/template/product/form_components/basic.html
@@ -19,7 +19,7 @@
             </div>
             <input type="text" name="info[proName]" id="pro_name" value="Máy in mã vạch MH241"
                 placeholder="Đặt tên sản phẩm"
-                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
 
         <div class="flex items-center flex-wrap mr-[-12px]">
@@ -37,7 +37,7 @@
                 </div>
                 <input type="text" value="MH241" name="info[productModel]" id="productModel"
                     placeholder="Model (nếu có)"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
 
             <div class="w-[calc(50%_-_12px)] mr-[12px] mb-[25px]">
@@ -56,7 +56,7 @@
                 </div>
                 <input type="text" name="info[storeSKU]" id="storeSKU" value="MH241"
                     placeholder="Mã kho hàng - SKU (nếu có)"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
 
             <div class="w-[calc(50%_-_12px)] mr-[12px] mb-[25px]">
@@ -74,7 +74,7 @@
 
                 <input type="text" name="info[weight]" id="weight" value="0"
                     placeholder="Trọng lượng (tính phí shipping)"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
 
             <div class="w-[calc(50%_-_12px)] mr-[12px] mb-[25px]">
@@ -85,7 +85,7 @@
                     </div>
                 </div>
                 <select name="brand" id="brandSelect"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] select  select-bordered h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                     <option value="" class="text-[#6B7280]">--Chọn thương hiệu--</option>
                     <option value="">ABS</option>
                     <option value="83">ABS</option>
@@ -179,12 +179,12 @@
         <div class="mb-[25px]">
             <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Tóm tắt đặc tính chính</label>
             <textarea name="info[proSummary]" id="summary" placeholder="Nhập tóm tắt đặt tính chính"
-                class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
         </div>
         <div class="mb-[10px]">
             <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Phụ kiện đi kèm</label>
             <input type="text" id="accessory" name="info[accessory]" value="Test" placeholder="Phụ kiện đi kèm"
-                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
     </div>
     <div class="bg-white p-[15px] border-[#FAFAFB] border-b-[6px] border-[#FAFAFB]">
@@ -204,14 +204,14 @@
             </div>
             <div class="flex items-center">
                 <input type="text" name="info[price]" id="price" value="0" placeholder="Giá bán lẻ"
-                    class="w-[400px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ">
+                    class="w-[400px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] ">
                 <select name="currency" id="currency"
-                    class="w-[88px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
+                    class="w-[88px] select select-bordered rounded-[4px] h-[35px] min-h-[35px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
                     <option value="">VNĐ</option>
                 </select>
                 <span>/</span>
                 <select name="price_unit" id="price_unit"
-                    class="w-[88px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
+                    class="w-[100px] select select-bordered rounded-[4px] h-[35px] min-h-[35px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
                     <option value="">Chiếc</option>
                 </select>
             </div>
@@ -228,7 +228,7 @@
                 </div>
 
                 <input type="text" name="info[purchase_price]" value="0" placeholder="Giá nhập hàng"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
             <div class="w-[calc(50%_-_15px)] mr-[15px] mb-[25px]">
                 <div class="flex items-center mb-[5px]">
@@ -239,33 +239,33 @@
                 </div>
 
                 <input type="text" value="0" name="info[market_price]" placeholder="Giá thị trường"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
         </div>
 
         <div class="mb-[25px]">
             <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Khuyến mại riêng</label>
             <textarea name="info[specialOffer]" id="specialOffer" placeholder="Nhập tóm tắt đặt tính chính"
-                class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                class="w-[100%] h-[120px] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
         </div>
 
         <div class="mb-[25px]">
             <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Thông tin bảo hành</label>
             <input type="text" name="info[warranty]" id="warranty" value="Test" placeholder="Thông tin bảo hành"
-                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
 
         <div class="flex items-center mr-[-15px]">
             <div class="w-[calc(50%_-_15px)] mr-[15px] mb-[25px]">
                 <label class="block mr-[5px] mb-[5px] font-[700] text-[14px] text-[#383C44]">Số lượng kho hàng</label>
                 <input type="text" value="0" name="info[quantity]" placeholder="Số lượng kho hàng"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
             <div class="w-[calc(50%_-_15px)] mr-[15px] mb-[25px]">
                 <label class="block mr-[5px] mb-[5px] font-[700] text-[14px] text-[#383C44]">Tình trạng (Mới /
                     Cũ)</label>
                 <input type="text" name="info[cond]" value="" placeholder="Tình trạng (Mới / Cũ)"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
         </div>
 
diff --git a/template/product/form_components/seo.html b/template/product/form_components/seo.html
index 670f27f..0a69b11 100644
--- a/template/product/form_components/seo.html
+++ b/template/product/form_components/seo.html
@@ -7,12 +7,12 @@
             <input type="text" name="url_index"
                 value="https://demopc8.hurasoft.com/may-do-do-bong-horiba-ig-320-gloss-metergoc-do-60-khoang-do-00-1000-phan-do-..."
                 placeholder="Link truy cập tại website"
-                class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] text-[#0041E8] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
         <div class="mb-[25px]">
             <label for="" class="mb-[5px] block font-[700] text-[14px] text-[#383C44]">Tên Index</label>
             <input type="text" name="url_index" value="" placeholder="Tên Index"
-                class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] text-[#0041E8] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
 
         <div class="mb-[25px]">
@@ -40,7 +40,7 @@
                 <i class="text-[#6B7280] ml-[5px]">* để trống sẽ dùng link mặc định của hệ thống</i>
             </div>
             <input type="text" name="url_canonical" value="" placeholder="Url canonical"
-                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
 
         <div class="mb-[25px]">
@@ -49,7 +49,7 @@
                 <i class="text-[#6B7280] ml-[5px]">* để trống sẽ dùng link mặc định của hệ thống</i>
             </div>
             <input type="text" name="url_canonical" value="" placeholder="Url canonical"
-                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
         </div>
 
         <div class="flex items-center flex-wrap mr-[-12px]">
@@ -59,7 +59,7 @@
                     <i class="text-[#6B7280]">* 0 ký tự , 0 từ</i>
                 </div>
                 <input type="text" value="" name="meta_title" id="meta_title" placeholder="Meta Title"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
             <div class="w-[calc(50%_-_12px)] mr-[12px] mb-[25px]">
                 <div class="flex items-center mb-[5px]">
@@ -67,7 +67,7 @@
                     <i class="text-[#6B7280]">* 0 ký tự , 0 từ</i>
                 </div>
                 <input type="text" value="" name="meta_keyword" id="meta_keyword" placeholder="Meta Keyword"
-                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
             </div>
         </div>
 
@@ -78,7 +78,7 @@
                 <i class="text-[#6B7280] ml-[5px]">* 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự)</i>
             </div>
             <textarea type="text" name="meta_description" value="" placeholder="Meta Description"
-                class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
+                class="w-[100%] h-[120px] textarea textarea-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
         </div>
 
     </div>
diff --git a/template/product/form_components/spec_group.html b/template/product/form_components/spec_group.html
index 989728f..579110c 100644
--- a/template/product/form_components/spec_group.html
+++ b/template/product/form_components/spec_group.html
@@ -49,7 +49,7 @@
                     <a href="/admin/product/attribute-add&id=98#attr_value"><i class="icons icon-edit"></i></a>
                 </div>
                 <textarea name="" id=""
-                    class="w-[100%] h-[50px] border-[1px] border-[#D8D8D8] p-[5px_10px] rounded-[4px] mt-[7px]"></textarea>
+                    class="w-[100%] h-[50px] textarea textarea-bordered rounded-[4px] mt-[7px]"></textarea>
             </div>
         </div>
 
@@ -86,7 +86,7 @@
                     <a href="/admin/product/attribute-add&id=98#attr_value"><i class="icons icon-edit"></i></a>
                 </div>
                 <textarea name="" id=""
-                    class="w-[100%] h-[50px] border-[1px] border-[#D8D8D8] p-[5px_10px] rounded-[4px] mt-[7px]"></textarea>
+                    class="w-[100%] h-[50px] textarea textarea-bordered rounded-[4px] mt-[7px]"></textarea>
             </div>
         </div>
 
@@ -123,7 +123,7 @@
                     <a href="/admin/product/attribute-add&id=98#attr_value"><i class="icons icon-edit"></i></a>
                 </div>
                 <textarea name="" id=""
-                    class="w-[100%] h-[50px] border-[1px] border-[#D8D8D8] p-[5px_10px] rounded-[4px] mt-[7px]"></textarea>
+                    class="w-[100%] h-[50px] textarea textarea-bordered rounded-[4px] mt-[7px]"></textarea>
             </div>
         </div>
 
diff --git a/template/product/form_components/tag.html b/template/product/form_components/tag.html
index de705e1..ad22289 100644
--- a/template/product/form_components/tag.html
+++ b/template/product/form_components/tag.html
@@ -33,7 +33,7 @@
         <b class="block text-[20px] font-[700]">Thêm tag nhanh cho sản phẩm</b>
         <p class="mb-[10px] text-[#6B7280]">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
         <textarea name="" id=""
-            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+            class="w-[100%] textarea textarea-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
 
         <input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer pt-[0] mt-[10px]"
             name="commit" type="submit" value="Cập nhật">
diff --git a/template/product/form_components/variant.html b/template/product/form_components/variant.html
index 6959a61..556beaa 100644
--- a/template/product/form_components/variant.html
+++ b/template/product/form_components/variant.html
@@ -26,12 +26,12 @@
                 <div class="w-[calc(50%_-_15px)] mr-[15px]">
                     <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Giá bán</label>
                     <input type="text" name="price" id="pro_name" value=""
-                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                 </div>
                 <div class="w-[calc(50%_-_15px)] mr-[15px]">
                     <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Số lượng</label>
                     <input type="text" name="quantity" value=""
-                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                 </div>
             </div>
         </div>
@@ -56,19 +56,19 @@
                             <div class="w-[calc(100%_/_3_-_10px)] mr-[10px]">
                                 <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Tên</label>
                                 <input type="text" name="info[new-1][label]" value=""
-                                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                             </div>
                             <div class="w-[calc(100%_/_3_-_10px)] mr-[10px]">
                                 <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Mã
                                     kho</label>
                                 <input type="text" name="info[new-1][sku]" value=""
-                                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                             </div>
                             <div class="w-[calc(100%_/_3_-_10px)] mr-[10px]">
                                 <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Giá
                                     bán</label>
                                 <input type="text" name="info[new-1][sale_price]" value=""
-                                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                             </div>
                         </div>
                         <div class="flex items-center">
@@ -76,35 +76,35 @@
                                 <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Link
                                     ngoài</label>
                                 <input type="text" name="info[new-1][url]" value=""
-                                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                    class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                             </div>
                             <div class="flex items-center w-[calc(100%_-213px)]">
                                 <div class="ml-[10px] w-[calc(100%_/4_-10px)]">
                                     <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Số
                                         lượng</label>
                                     <input type="text" name="info[new-1][stock_quantity]" value=""
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 </div>
                                 <div class="ml-[10px] w-[calc(100%_/4_-10px)]">
                                     <label for=""
                                         class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">STT</label>
                                     <input type="text" name="info[new-1][ordering]" value=""
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                 </div>
                                 <div class="ml-[10px] w-[calc(100%_/4_-10px)]">
                                     <label for=""
                                         class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Màu</label>
                                     <select name="info[new-1][color]" id=""
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] select select-bordered text-[13px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                         <option value="">
                                             Màu sắc</option>
                                     </select>
                                 </div>
-                                <div class="ml-[15px] w-[calc(100%_/4_-15px)]">
+                                <div class="ml-[15px] w-[calc(100%_/4_-10px)]">
                                     <label for="" class="block mb-[5px] font-[700] text-[14px] text-[#383C44]">Kích
                                         thước</label>
                                     <select name="info[new-1][size]" id=""
-                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[6px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                        class="w-[100%] select select-bordered h-[35px] min-h-[35px] rounded-[4px] text-[13px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                                         <option value="">
                                             kích thước</option>
                                     </select>
diff --git a/template/product/form_components/video.html b/template/product/form_components/video.html
index c147a2f..10a9fe4 100644
--- a/template/product/form_components/video.html
+++ b/template/product/form_components/video.html
@@ -14,16 +14,15 @@
             <tr>
                 <td>
                     <input type="text" name="url_index" value=""
-                        class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        class="w-[100%] text-[#0041E8] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                 </td>
                 <td>
                     <input type="text" name="url_index" value=""
-                        class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        class="w-[100%] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                 </td>
                 <td>
-                    <a href=""
-                        class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
-                        <i class="icons icon-remove"></i>
+                    <a href="" class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] rounded-[4px]">
+                        <i class="icons icon-delete"></i>
                     </a>
                 </td>
             </tr>
diff --git a/template/theme.html b/template/theme.html
index 254f093..0f14d80 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -21,6 +21,8 @@
 
 <body>
 
+
+
     <div id="overlay" onclick="clickBackground()"></div>
 
     <div class="admin-global-container">
@@ -186,7 +188,6 @@
             <!-- Content -->
             {{ page_content }}
         </div>
-
     </div>
 
     <div class="status-notificatiom">
diff --git a/template/url/url_seo.html b/template/url/url_seo.html
index 02e804f..71a22bc 100644
--- a/template/url/url_seo.html
+++ b/template/url/url_seo.html
@@ -26,7 +26,8 @@
                     <td width="215"> File cập nhật </td>
 
                     <td>
-                        <input type="file">
+                        <input type="file"
+                            class="file-input w-full max-w-sm h-[40px] text-[14px] rounded-[4px] file-input-primary">
                     </td>
                 </tr>