diff --git a/assets/images/global-sprite.png b/assets/images/global-sprite.png
index 04e05fd..01bb731 100644
Binary files a/assets/images/global-sprite.png and b/assets/images/global-sprite.png differ
diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index bf06e23..665e45a 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 *,
 ::after,
 ::before {
@@ -126,6 +127,7 @@ a {
 .icons {
   background: url(../images/global-sprite.png) no-repeat;
   background-size: 400px 400px;
+  background-position: 0 40px;
 }
 
 .admin-global-container {
@@ -169,6 +171,9 @@ a {
 .admin-menu-container details[open] .icons {
   filter: brightness(100);
 }
+.admin-menu-container details[open] .fa-angle-right {
+  transform: rotate(90deg);
+}
 .admin-menu-container summary {
   display: flex;
   align-items: center;
@@ -203,6 +208,11 @@ a {
 .admin-menu-container .item:hover .icons {
   filter: brightness(100);
 }
+.admin-menu-container .item .icons {
+  width: 20px;
+  height: 20px;
+  margin-right: 13px;
+}
 .admin-menu-container .title {
   width: calc(100% - 33px);
 }
@@ -227,6 +237,10 @@ a {
 .admin-menu-container .sub-menu a:hover {
   text-decoration: underline;
 }
+.admin-menu-container .sub-menu a.current {
+  font-weight: 700;
+  text-decoration: none;
+}
 .admin-menu-container .sub-menu a::before {
   content: "";
   width: 8px;
@@ -240,11 +254,6 @@ a {
 .admin-menu-container .sub-menu a:last-child {
   margin: 0;
 }
-.admin-menu-container .icons {
-  width: 20px;
-  height: 20px;
-  margin-right: 13px;
-}
 .admin-menu-container .icon-home {
   background-position: -9px -7px;
 }
@@ -285,6 +294,21 @@ a {
   position: absolute;
   right: 10px;
 }
+.admin-menu-container .icon-investor_relation {
+  background-position: -9px -126px;
+}
+.admin-menu-container .icon-job {
+  background-position: -52px -126px;
+}
+.admin-menu-container .icon-pcbuilder {
+  background-position: -99px -126px;
+}
+.admin-menu-container .icon-payinstall {
+  background-position: -142px -125px;
+}
+.admin-menu-container .icon-distributor {
+  background-position: -187px -126px;
+}
 
 .admin-menu {
   color: #fff;
@@ -325,6 +349,9 @@ a {
   height: 41px;
   display: none;
 }
+.admin-menu .item:nth-child(n+13) .sub-menu {
+  top: unset;
+}
 .admin-menu .sub-menu {
   padding: 10px 22px 10px 15px;
   border-radius: 6px;
@@ -350,6 +377,10 @@ a {
 .admin-menu .sub-menu a:hover {
   text-decoration: underline;
 }
+.admin-menu .sub-menu a.current {
+  font-weight: 700;
+  text-decoration: none;
+}
 .admin-menu .sub-menu a::before {
   content: "";
   width: 8px;
@@ -428,6 +459,21 @@ a {
 .admin-menu .icon-logout {
   background-position: 6px -34px;
 }
+.admin-menu .icon-investor_relation {
+  background-position: 6px -115px;
+}
+.admin-menu .icon-job {
+  background-position: -37px -114px;
+}
+.admin-menu .icon-pcbuilder {
+  background-position: -83px -114px;
+}
+.admin-menu .icon-payinstall {
+  background-position: -128px -114px;
+}
+.admin-menu .icon-distributor {
+  background-position: -173px -114px;
+}
 .admin-menu .logo {
   position: relative;
 }
@@ -649,4 +695,91 @@ input[type=radio]:focus:before {
 
 .admin-header-container .menu-hide {
   margin-left: 30px;
+}
+
+/* Bán hàng */
+.order-page .order-page-title a {
+  margin: 0 2px 0 0;
+  border-radius: 4px 4px 0px 0px;
+  background: #F6F6F6;
+  color: #919699;
+  font-weight: 500;
+  padding: 0 24px;
+}
+.order-page .order-page-title a:hover, .order-page .order-page-title a.current, .order-page .order-page-title a.active {
+  background: #0041E8;
+  color: #fff;
+}
+.order-page .order-page-table {
+  line-height: 20px;
+  text-align: center;
+}
+.order-page .order-page-table a {
+  color: #0041E8;
+}
+.order-page .order-page-table a:hover {
+  text-decoration: underline;
+}
+.order-page .order-page-table table {
+  width: 100%;
+}
+.order-page .order-page-table thead {
+  background: #F6F6F6;
+  font-weight: 600;
+}
+.order-page .order-page-table thead td {
+  padding: 8px;
+}
+.order-page .order-page-table td {
+  padding: 14px 8px;
+  border: 1px solid #ECECEC;
+  text-transform: capitalize;
+}
+.order-page .order-page-table td * {
+  display: inline-block;
+}
+.order-page .order-page-table select {
+  border-radius: 4px;
+  border: 1px solid #D8D8D8;
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
+  height: 32px;
+  display: block;
+  width: 100%;
+  padding: 0 0 0 5px;
+}
+.order-page .order-page-table .icons {
+  width: 30px;
+  height: 30px;
+  border: 1px solid #ECECEC;
+  background-color: #F9F9F9;
+  border-radius: 5px;
+}
+.order-page .order-page-table .icon-edit {
+  border: 1px solid #0041E8;
+  background-color: #F5F7FF;
+  background-position: -108px -82px;
+  margin-right: 6px;
+}
+.order-page .order-page-table .icon-delete {
+  background-position: -145px -82px;
+}
+
+.paging {
+  margin: 30px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 28px;
+}
+.paging a {
+  margin: 0 3px;
+  min-width: 28px;
+  text-align: center;
+  font-size: 16px;
+  padding: 0 10px;
+  border-radius: 4px;
+}
+.paging a:hover, .paging a.current, .paging a.active {
+  background: #0041E8;
+  color: #fff;
 }/*# 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 3f29c22..c74e96c 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"AAAA;;;EAGI,sBAAA;ACCJ;;ADCA;;;EAGI,wBAAA;EACA,WAAA;EACA,gBAAA;ACEJ;;ADAA;;EAEI,iBAAA;ACGJ;;ADDA;;;;;EAKI,SAAA;EACA,oBAAA;EACA,kBAAA;EACA,oBAAA;EACA,gBAAA;ACIJ;;ADFA;;EAEI,wBAAA;ACKJ;;ADHA;EACI,0BAAA;ACMJ;;ADJA;EACI,WAAA;EACA,gCAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;ACOJ;;ADLA;EACI,eAAA;EACA,YAAA;ACQJ;;ADNA;EACI,qBAAA;ACSJ;;ADPA;EACI,mBAAA;ACUJ;;ADRA;EACI,gBAAA;EACA,kBAAA;ACWJ;;ADTA;EACI,gBAAA;ACYJ;;ADVA;EACI,UAAA;EACA,YAAA;ACaJ;;ADVI;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACaR;;ADVA;EACI,kBAAA;EACA,oBAAA;EACA,oBAAA;EACA,SAAA;ACaJ;;ADXA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACcJ;;ADZA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACeJ;;ADbA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACgBJ;;ADdA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACiBJ;;ADfA;EACI,sDAAA;EACA,4BAAA;ACkBJ;;ADhBA;EACI,iBAAA;EACA,YAAA;EACA,aAAA;ACmBJ;;ADjBA;EACI,kBAAA;EACA,cAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,eAAA;EACA,iBAAA;ACoBJ;ADnBI;EACI,WAAA;ACqBR;ADnBI;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;ACqBR;ADpBQ;EACI,YAAA;ACsBZ;ADnBI;EACI,cAAA;ACqBR;ADjBY;EACI,wBAAA;ACmBhB;ADjBY;EACI,mBAAA;ACmBhB;ADlBgB;EACI,gBAAA;ACoBpB;ADjBY;EACI,uBAAA;ACmBhB;ADfI;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,oBAAA;ACiBR;ADhBQ;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;ACkBZ;ADfI;EACI,kBAAA;EACA,WAAA;EACA,oBAAA;ACiBR;ADfI;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;ACiBR;ADhBQ;EACI,mBAAA;ACkBZ;ADjBY;EACI,uBAAA;ACmBhB;ADfI;EACI,wBAAA;ACiBR;ADfI;EACI,4BAAA;EACA,kBAAA;ACiBR;ADhBQ;EACI,WAAA;EACA,UAAA;EACA,yBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;ACkBZ;ADhBQ;EACI,cAAA;EACA,mBAAA;EACA,kBAAA;ACkBZ;ADjBY;EACI,0BAAA;ACmBhB;ADjBY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;ACmBhB;ADjBY;EACI,SAAA;ACmBhB;ADfI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;ACiBR;ADfI;EACI,8BAAA;ACiBR;ADfI;EACI,+BAAA;ACiBR;ADfI;EACI,+BAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,+BAAA;ACiBR;ADfI;EACI,kBAAA;EACA,WAAA;ACiBR;;ADdA;EACI,WAAA;EACA,UAAA;ACiBJ;ADhBI;EACI,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,kBAAA;ACkBR;ADjBQ;EACI,mBAAA;ACmBZ;ADlBY;EACI,uBAAA;ACoBhB;ADlBY;EACI,sBAAA;EACA,UAAA;EACA,mBAAA;ACoBhB;ADlBY;EACI,cAAA;ACoBhB;ADhBY;EACI,UAAA;ACkBhB;ADfgB;EACI,SAAA;EACA,SAAA;ACiBpB;ADbQ;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;ACeZ;ADZI;EACI,4BAAA;EACA,kBAAA;EACA,mBAAA;EACA,+CAAA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,MAAA;EACA,UAAA;EACA,kBAAA;EACA,gBAAA;ACcR;ADbQ;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACeZ;ADdY;EACI,0BAAA;ACgBhB;ADdY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;ACgBhB;ADdY;EACI,SAAA;ACgBhB;ADZI;EACI,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,mBAAA;ACcR;ADbQ;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;ACeZ;ADbQ;EACI,gBAAA;ACeZ;ADbQ;EACI,uBAAA;ACeZ;ADZI;EACI,WAAA;EACA,YAAA;ACcR;ADZI;EACI,4BAAA;ACcR;ADZI;EACI,8BAAA;ACcR;ADZI;EACI,8BAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,+BAAA;EACA,iBAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,+BAAA;ACcR;ADZI;EACI,8BAAA;ACcR;ADZI;EACI,kBAAA;ACcR;ADZI;EACI,kBAAA;EACA,MAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;EACA,oDAAA;ACcR;ADbQ;EACI,cAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;ACeZ;;ADVI;EACI,gBAAA;ACaR;ADZQ;EACI,cAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;ACcZ;ADbY;EACI,mBAAA;EACA,cAAA;EACA,gBAAA;ACehB;ADXI;EACI,yBAAA;ACaR;;ADVA;EACI,kBAAA;ACaJ;ADZI;EACI,iBAAA;EACA,yBAAA;ACcR;ADXQ;EACI,gBAAA;ACaZ;ADZY;EAEI,gBAAA;ACahB;ADXY;EACI,cAAA;ACahB;;ADRA;EACI,cAAA;ACWJ;ADVI;EACI,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;ACYR;ADXQ;EACI,SAAA;ACaZ;ADXQ;EAEI,mBAAA;EACA,WAAA;ACYZ;;ADRA;EACI,aAAA;ACWJ;ADVI;EACI,WAAA;EACA,iBAAA;EACA,kBAAA;ACYR;ADVI;EACI,mBAAA;EACA,gBAAA;ACYR;ADVI;EACI,yBAAA;EACA,iBAAA;ACYR;ADXQ;EACI,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;ACaZ;ADXQ;EACI,gBAAA;ACaZ;;ADRI;EACI,cAAA;EACA,sBAAA;ACWR;ADVQ;EAGI,mBAAA;ACUZ;;ADLI;EACI,aAAA;EACA,yBAAA;EACA,mBAAA;ACQR;ADNI;EACI,YAAA;EACA,yBAAA;ACQR;;ADHI;EACI,aAAA;EACA,yBAAA;ACMR;;ADFA;EACI,kBAAA;ACKJ;ADJI;EACI,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,2BAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,0BAAA;ACMR;ADFQ;EACI,yBAAA;EACA,gCAAA;ACIZ;ADAQ;EACI,aAAA;EACA,qBAAA;ACEZ;;ADII;EACI,aAAA;EACA,yBAAA;ACDR;;ADMI;EACI,aAAA;EACA,yBAAA;ACHR;;ADQI;EACI,iBAAA;EACA,mBAAA;EACA,yBAAA;ACLR;ADOI;EACI,aAAA;EACA,yBAAA;ACLR;;ADUI;EACI,iBAAA;EACA,mBAAA;EACA,yBAAA;ACPR;ADSI;EACI,iBAAA;EACA,yBAAA;ACPR;;ADWA;EACI,WAAA;EACA,YAAA;EACA,cAAA;ACRJ;ADSI;EACI,gCAAA;ACPR;ADSI;EACI,YAAA;EACA,iCAAA;ACPR;ADSI;EACI,YAAA;EACA,iCAAA;ACPR;ADSI;EACI,iCAAA;ACPR;ADSI;EACI,iCAAA;ACPR;ADSI;EACI,iCAAA;ACPR;ADSI;EACI,iCAAA;ACPR;ADSI;EACI,WAAA;EACA,YAAA;EACA,+BAAA;ACPR;ADSI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACPR;;ADYI;EACI,iBAAA;ACTR","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 692aeb8..0bbba0b 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -109,6 +109,7 @@ a {
 .icons {
     background: url(../images/global-sprite.png) no-repeat;
     background-size: 400px 400px;
+    background-position: 0 40px;
 }
 .admin-global-container {
     max-width: 1720px;
@@ -151,6 +152,9 @@ a {
             .icons {
                 filter: brightness(100);
             }
+            .fa-angle-right {
+                transform: rotate(90deg);
+            }            
         }
     }
     summary {
@@ -185,6 +189,11 @@ a {
             .icons {
                 filter: brightness(100);
             }
+        }        
+        .icons {
+            width: 20px;
+            height: 20px;
+            margin-right: 13px;
         }
     }
     .title {
@@ -209,6 +218,10 @@ a {
             &:hover {
                 text-decoration: underline;
             }
+            &.current {
+                font-weight: 700;
+                text-decoration: none;
+            }
             &::before {
                 content: "";
                 width: 8px;
@@ -223,12 +236,7 @@ a {
                 margin: 0;
             }
         }
-    }
-    .icons {
-        width: 20px;
-        height: 20px;
-        margin-right: 13px;
-    }
+    }    
     .icon-home {
         background-position: -9px -7px;
     }
@@ -269,6 +277,21 @@ a {
         position: absolute;
         right: 10px;
     }
+    .icon-investor_relation {
+        background-position: -9px -126px;
+    }
+    .icon-job {
+        background-position: -52px -126px;
+    }
+    .icon-pcbuilder {
+        background-position: -99px -126px;
+    }
+    .icon-payinstall {
+        background-position: -142px -125px;
+    }
+    .icon-distributor {
+        background-position: -187px -126px;
+    }
 }
 .admin-menu {
     color: #fff;
@@ -311,6 +334,11 @@ a {
             height: 41px;
             display: none;
         }
+        &:nth-child(n+13){
+            .sub-menu{
+                top: unset;
+            }
+        }
     }
     .sub-menu {
         padding: 10px 22px 10px 15px;
@@ -335,6 +363,10 @@ a {
             &:hover {
                 text-decoration: underline;
             }
+            &.current {
+                font-weight: 700;
+                text-decoration: none;
+            }
             &::before {
                 content: "";
                 width: 8px;
@@ -415,6 +447,21 @@ a {
     .icon-logout {
         background-position: 6px -34px;
     }
+    .icon-investor_relation {
+        background-position: 6px -115px;
+    }
+    .icon-job {
+        background-position: -37px -114px;
+    }
+    .icon-pcbuilder {
+        background-position: -83px -114px;
+    }
+    .icon-payinstall {
+        background-position: -128px -114px;
+    }
+    .icon-distributor {
+        background-position: -173px -114px;
+    }
     .logo {
         position: relative;
     }
@@ -661,3 +708,94 @@ input[type="radio"] {
         margin-left: 30px;
     }
 }
+
+/* Bán hàng */ 
+.order-page {
+    .order-page-title{
+        a {
+            margin: 0 2px 0 0;
+            border-radius: 4px 4px 0px 0px;
+            background: #F6F6F6;
+            color: #919699;
+            font-weight: 500;
+            padding: 0 24px;
+            &:hover, &.current, &.active {
+                background: #0041E8;
+                color: #fff;
+            }
+        }
+    }
+    .order-page-table {
+        line-height: 20px;
+        text-align: center;        
+        a{
+            color: #0041E8;
+            &:hover{
+                text-decoration: underline;
+            }
+        }
+        table{ 
+            width: 100%;
+        }
+        thead {            
+            background: #F6F6F6;
+            font-weight: 600;
+            td{
+                padding: 8px;
+            }
+        }
+        td{
+            padding: 14px 8px;
+            border: 1px solid #ECECEC;
+            text-transform: capitalize;
+            *{
+                display: inline-block;
+            }
+        }
+        select {
+            border-radius: 4px;
+            border: 1px solid #D8D8D8;
+            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
+            height: 32px;
+            display: block;
+            width: 100%;
+            padding: 0 0 0 5px;
+        }
+        .icons {
+            width: 30px;
+            height: 30px;
+            border: 1px solid #ECECEC;
+            background-color: #F9F9F9;
+            border-radius: 5px;
+        }
+        .icon-edit {
+            border: 1px solid #0041E8;
+            background-color: #F5F7FF;
+            background-position: -108px -82px;
+            margin-right: 6px;
+        }
+        .icon-delete {
+            background-position: -145px -82px;
+        }
+    }
+    
+}
+.paging {
+    margin: 30px 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 28px;
+    a{
+        margin: 0 3px;
+        min-width: 28px;
+        text-align: center;
+        font-size: 16px;
+        padding: 0 10px;
+        border-radius: 4px;
+        &:hover, &.current, &.active {
+            background: #0041E8;
+            color: #fff;
+        }
+    }
+}
\ No newline at end of file
diff --git a/inc/Hura8/AppAdmin.php b/inc/Hura8/AppAdmin.php
index 57a964b..04e94c8 100644
--- a/inc/Hura8/AppAdmin.php
+++ b/inc/Hura8/AppAdmin.php
@@ -55,7 +55,9 @@ class AppAdmin
 
         $data = include_once $module_file;
 
-        $global_data = [
+        $global_data = [            
+            "name" => $this->current_route_info['module'],
+            "view" => $this->current_route_info['view'],
             "main_menu" => include_once ROOT_DIR."/data/menu.php",
         ];
 
diff --git a/template/javascript/global.html b/template/javascript/global.html
index 6649ea0..28d52ed 100644
--- a/template/javascript/global.html
+++ b/template/javascript/global.html
@@ -17,8 +17,8 @@
 
     // Hàm để cập nhật trạng thái hiển thị menu và localStorage
     function capNhatTrangThaiMenu(hideMenuBig) {
-        $('#menu-big').toggleClass('hidden', hideMenuBig);
-        $('#menu-small').toggleClass('hidden', !hideMenuBig);
+        $('#js-menu-big').toggleClass('hidden', hideMenuBig);
+        $('#js-menu-small').toggleClass('hidden', !hideMenuBig);
         $('#js-form-search').toggleClass('menu-hide', hideMenuBig);
         localStorage.setItem(hideMenuBig ? 'menu_big' : 'menu_small', 'hidden');
         localStorage.removeItem(hideMenuBig ? 'menu_small' : 'menu_big');
diff --git a/template/javascript/index.html b/template/javascript/index.html
index 2d5a063..1c7bbfb 100644
--- a/template/javascript/index.html
+++ b/template/javascript/index.html
@@ -1,4 +1,5 @@
 {% include javascript/global %}
 
-
-{% include javascript/homepage %}
\ No newline at end of file
+{% if global.module.name == 'home' %}
+    {% include javascript/homepage %}
+{% endif %}
\ No newline at end of file
diff --git a/template/order/home.html b/template/order/home.html
index e69de29..1009ad7 100644
--- a/template/order/home.html
+++ b/template/order/home.html
@@ -0,0 +1,180 @@
+<div class="order-page m-[16px] p-[20px_15px] bg-white">
+    <p class="m-[0_0_10px] text-[24px] font-[600] leading-[31px]">Danh sách đơn hàng </p>
+
+    <div class="order-page-title flex flex-wrap mb-[17px] leading-[36px]">
+        <a href="/admin/?opt=order" class="current">Tất cả</a>
+        <a href="/admin/?opt=order&list=mine">Tôi được giao</a>
+        <a href="/admin/?opt=order&list=new">Đơn mới</a>
+        <a href="/admin/?opt=order&list=unpaid">Chưa thanh toán</a>
+        <a href="/admin/?opt=order&list=unfulfilled">Chưa ship</a>
+    </div>
+    
+    <form method="get" action="" enctype="multipart/form-data" id="form-search">
+        <input type="hidden" name="opt" value="order">
+        <input type="hidden" name="status" id="js-status" value="">
+        <input type="hidden" name="update_by" id="update_by" value="">
+        <input type="hidden" name="assign_to" id="assign_to" value="">
+        <input type="hidden" name="payment" id="js-payment" value="">
+        <input type="hidden" name="fullfillment" id="js-fullfillment" value="">
+    
+        <div class="flex items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <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>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] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            
+            <div class="relative m-[0_15px]">
+                <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                <input type="text" name="from_date" value="" onfocus="scwShow(this,event);" onclick="scwShow(this,event);" placeholder="Từ ngày" class="w-[125px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div>
+            
+            <div class="relative m-[0_15px]">
+                <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                <input type="text" name="to_date" value="" onfocus="scwShow(this,event);" onclick="scwShow(this,event);" placeholder="Đến ngày" class="w-[125px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </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">
+        </div>
+    </form>
+    
+    <div class="flex items-center justify-between m-[14px_0_20px]">
+        <div>
+            <p class="m-[0_55px_0_0] inline-block">
+                Tổng số đơn hàng: <b>1.458</b>
+            </p>
+
+            <p class="m-0 inline-block">
+                Tổng giá trị: <b>14.948.348.000 VNĐ</b>
+            </p>
+        </div>
+
+        <div>
+            <a href="" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
+                <i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách
+            </a>
+
+            <a href="" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
+                <i class="far fa-file-excel m-[0_4px_0_0]"></i> Tải file excel
+            </a>
+        </div>
+    </div>
+
+    <div class="order-page-table">
+        <table>
+            <thead>
+                <tr>
+                    <td> STT </td>
+                    <td> Mã số </td>
+                    <td> Thời gian </td>
+                    <td> Khách hàng </td>
+                    <td> Tỉnh/TP </td>
+                    <td> Giá trị </td>
+                    <td width="170">
+                        <select onchange="setHiddenValue('js-payment', this.value); runFilter()">
+                            <option value="">Thanh toán</option>
+                            <option value="pending">Chờ</option>
+                            <option value="authorized">Đã xác nhận</option>
+                            <option value="overdue">Quá hạn</option>
+                            <option value="expiring">Sắp hết hạn</option>
+                            <option value="expired">Hết hạn</option>
+                            <option value="paid">Đã thanh toán</option>
+                            <option value="refunded">Đã hoàn lại</option>
+                            <option value="partially-refunded">Hoàn lại 1 phần</option>
+                            <option value="partially-paid">Thanh toán 1 phần</option>
+                            <option value="voided">Hủy</option>
+                            <option value="unpaid">Chưa thanh toán</option>
+                        </select>
+                    </td>
+
+                    <td width="160">
+                        <select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()">
+                            <option value="">Vận chuyển</option>
+                            <option value="fulfilled">Đã chuyển hết</option>
+                            <option value="unfulfilled">Chưa chuyển</option>
+                            <option value="partially-fulfilled">Chuyển 1 phần</option>
+                            <option value="scheduled">Đã lên kế hoạch</option>
+                            <option value="onhold ">Giữ hàng</option>
+                        </select>
+                    </td>
+
+                    <td width="160">
+                        <select onchange="setHiddenValue('js-status', this.value); runFilter()">
+                            <option value="">Tình trạng đơn</option>
+                            <option value="new">Mới</option>
+                            <option value="processing">Đang xử lý</option>
+                            <option value="success">Thành công</option>
+                            <option value="closed">Đóng lại</option>
+                            <option value="canceled">Hủy</option>
+                        </select>
+                    </td>
+
+                    <td width="170">
+                        <select onchange="setHiddenValue('assign_to', this.value); runFilter()">
+                            <option value="">Người được giao</option>
+                        </select>
+                    </td>
+
+                    <td width="87"> Xem </td>
+                </tr>
+            </thead>
+
+            <tbody>
+                <tr>
+                    <td> 1 </td>
+                    <td>
+                        <a href=""> 000-369 </a>
+                    </td>
+                    <td> 16-11-2023, 9:59 am </td>
+                    <td>
+                        <a href=""> Nguyen Duc Quan </a>
+                    </td>
+                    <td> Hà Nội </td>
+                    <td> 69.600.000 </td>
+                    <td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: red"></span> </td>
+                    <td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
+                    <td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
+                    <td>
+                        <a href=""> Nguyen Duc Quan </a>
+                    </td>
+                    <td>
+                        <a href="" class="icons icon-edit" title="Chi tiết"></a>
+                        <a href="" class="icons icon-delete" title="Xóa"></a>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td> 2 </td>
+                    <td>
+                        <a href=""> 000-369 </a>
+                    </td>
+                    <td> 16-11-2023, 9:59 am </td>
+                    <td>
+                        <a href=""> test hura </a>
+                    </td>
+                    <td> Hà Nội </td>
+                    <td> 69.600.000 </td>
+                    <td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: blue"></span> </td>
+                    <td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
+                    <td> <span class="block w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
+                    <td>
+                        <a href=""> test hura </a>
+                    </td>
+                    <td>
+                        <a href="" class="icons icon-edit" title="Chi tiết"></a>
+                        <a href="" class="icons icon-delete" title="Xóa"></a>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div class="paging">
+        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+        <a href="" class="current">1</a>
+        <a href="">2</a>
+        <a href="">3</a>
+        <a href="">4</a>
+        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/theme.html b/template/theme.html
index 746bc6b..a59c4b1 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -11,437 +11,273 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
     rel="stylesheet">
-
   <link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-
   <link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v=1.99.21" />
 
   <script src="{{ 'tailwindcss.js' | asset_url }}"></script>
-
   <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
 
 </head>
-
 <body>
 
   {{global|show_var}}
   {{page|show_var}}
 
-  <div class="admin-global-container">
+<div class="admin-global-container">
 
     <!-- Menu cũ  -->
-    <div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="menu-big">
-      <a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
-        <i class="fa-solid fa-outdent"></i>
-      </a>
+	<div class="admin-menu-container box-menu sticky top-0 bottom-0 h-[100vh] hidden" id="js-menu-big">
+		<a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
+			<i class="fa-solid fa-outdent"></i>
+		</a>
 
-      <a href="" class="menu-logo">
-        <img src="{{ 'logo.png' | asset_url }}" />
-      </a>
+		<a href="" class="menu-logo">
+			<img src="{{ 'logo.png' | asset_url }}" />
+		</a>
 
-      <div class="menu-list">
-        <a href="/" class="item">
-          <i class="icons icon-home"></i>
-          <span class="title"> Home </span>
-        </a>
+		<div class="menu-list">
+			<a href="/" class="item">
+				<i class="icons icon-home"></i>
+				<span class="title"> Home </span>
+			</a>
 
-        <details>
-          <summary class="item">
-            <div class="flex items-center">
-              <i class="icons icon-order"></i>
-              <span class="title"> Bán hàng </span>
-            </div>
+			{% for _category in global.main_menu %}
+			{% assign _type = _category[0] %}
+			{% assign _menuArray = _category[1].menu %}
+			{% if _category[1].enable == 1 %}
+			<details {% if _type == global.name %} open {% endif %}>
+				<summary class="item">
+					<div class="flex items-center">
 
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
-          <div class="sub-menu">
-            {% for _item in global.main_menu.order.menu %}
-            <a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-            {% endfor %}
-          </div>
+						{% if _type == 'order' %} <i class="icons icon-order"></i>
+						{% elsif _type == 'product' %} <i class="icons icon-product"></i>
+						{% elsif _type == 'customer' %}<i class="icons icon-customer"></i>
+						{% elsif _type == 'marketing' %}<i class="icons icon-marketing"></i>
+						{% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"></i>
+						{% elsif _type == 'article' %} <i class="icons icon-content"></i>
+						{% elsif _type == 'job' %} <i class="icons icon-job"></i>
+						{% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"></i>
+						{% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"></i>
+						{% elsif _type == 'distributor' %} <i class="icons icon-distributor"></i>
+						{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
+						{% elsif _type == 'system' %}<i class="icons icon-system"></i>
+						{% endif %}
+						
+						<span class="title" > {{ _category[1].name }} </span>
+					</div>
 
-        </details>
+					<i class="fa-solid fa-angle-right"></i>
+				</summary>
+				
+				<div class="sub-menu">
+					{% for _item in _menuArray %}
+					<a href="?module={{ _item.module }}&view={{ _item.view }}"
+						{% if _item.view == global.view and _type == global.name %} class="current" {% endif %}
+					> {{ _item.name }} </a>
+					{% endfor %}
+				</div>
+			</details>
+			{% endif %}
+			{% endfor %}
+		</div>
 
-        <details>
-          <summary class="item">
-            <div class="flex items-center">
-              <i class="icons icon-product"></i>
+		<div class="menu-list">
+			<p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
 
-              <span class="title"> Sản phẩm </span>
-            </div>
+			<a href="" class="item">
+				<i class="icons icon-settings"></i>
+				<span class="title"> Cài đặt </span>
+			</a>
 
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
+			<a href="" class="item">
+				<i class="icons icon-support"></i>
+				<span class="title"> Hỗ trợ </span>
+			</a>
 
-          <div class="sub-menu">
-            {% for _item in global.main_menu.product.menu %}
-            <a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-            {% endfor %}
-          </div>
-        </details>
+			<a href="" class="item">
+				<i class="icons icon-account"></i>
+				<span class="title"> Quản lý tài khoản </span>
+			</a>
+		</div>
 
-        <details>
-          <summary class="item">
-            <div class="flex items-center">
-              <i class="icons icon-customer"></i>
+		<a href="" class="item">
+			<i class="icons icon-logout"></i>
+			<span class="title"> Thoát quản trị </span>
+		</a>
 
-              <span class="title"> Khách hàng </span>
-            </div>
-
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
-
-          <div class="sub-menu">
-            {% for _item in global.main_menu.customer.menu %}
-            <a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-            {% endfor %}
-          </div>
-        </details>
-
-        <details>
-          <summary class="item">
-            <div class="flex items-center">
-              <i class="icons icon-marketing"></i>
-
-              <span class="title"> Marketing </span>
-            </div>
-
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
-
-          <div class="sub-menu">
-            {% for _item in global.main_menu.marketing.menu %}
-            <a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-            {% endfor %}
-          </div>
-        </details>
-
-        <details>
-          <summary class="item">
-            <div class="flex items-center">
-              <i class="icons icon-content"></i>
-
-              <span class="title"> Nội dung </span>
-            </div>
-
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
-
-          <div class="sub-menu">
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-          </div>
-        </details>
-
-        <details>
-          <summary class="item">
-            <div class="flex items-center">
-              <i class="icons icon-stats"></i>
-
-              <span class="title"> Thống kê </span>
-            </div>
-
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
-
-          <div class="sub-menu">
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-          </div>
-        </details>
-
-        <details>
-          <summary class="item">
-            <div class=" flex items-center">
-              <i class="icons icon-system"></i>
-
-              <span class="title"> Hệ thống </span>
-            </div>
-
-            <i class="fa-solid fa-angle-right"></i>
-          </summary>
-
-          <div class="sub-menu">
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-            <a href=""> Menu title </a>
-          </div>
-        </details>
-      </div>
-
-      <div class="menu-list">
-        <p style="color: #81B5E4;margin: 0 0 10px;font-weight: 700;padding: 0 16px;">TÀI KHOẢN</p>
-
-        <a href="" class="item">
-          <i class="icons icon-settings"></i>
-          <span class="title"> Cài đặt </span>
-        </a>
-
-        <a href="" class="item">
-          <i class="icons icon-support"></i>
-          <span class="title"> Hỗ trợ </span>
-        </a>
-
-        <a href="" class="item">
-          <i class="icons icon-account"></i>
-          <span class="title"> Quản lý tài khoản </span>
-        </a>
-      </div>
-
-      <a href="" class="item">
-        <i class="icons icon-logout"></i>
-        <span class="title"> Thoát quản trị </span>
-      </a>
-
-    </div>
+	</div>
 
     <!-- Menu mới -->
-    <div class="admin-menu box-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between"
-      id="menu-small">
-      <div>
-        <div
-          class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
-          <a href="/" class="">
-            <img src="../assets/images/logo_small.png" alt="">
-          </a>
-          <a href="javascript:void(0)" class="icon-close" id="js-show-menu">
-            <i class="fa-solid fa-indent"></i>
-          </a>
-        </div>
+	<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]"
+	id="js-menu-small">
+		<div>
+			<div class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
+				<a href="/" class="">
+					<img src="../assets/images/logo_small.png" alt="">
+				</a>
+				<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
+					<i class="fa-solid fa-indent"></i>
+				</a>
+			</div>
 
-        <div class="item">
-          <a href="/" class="icons icon-home"> </a>
+			<div class="item">
+				<a href="/" class="icons icon-home"> </a>
+	
+				<div class="sub-menu">
+					<p class="font-bold"> Home </p>
+				</div>
+			</div>
 
-          <div class="sub-menu">
-            <p class="font-bold"> Home </p>
-          </div>
-        </div>
+			{% for _category in global.main_menu %}
+			{% assign _type = _category[0] %}
+			{% assign _menuArray = _category[1].menu %}
 
-        <div class="item">
-          <a href="" class="icons icon-sell"> </a>
+			{% if _category[1].enable == 1 %}
+			<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
+				{% if _type == 'order' %} <a href="" class="icons icon-sell"> </a>
+				{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
+				{% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
+				{% elsif _type == 'marketing' %} <a href="" class="icons icon-marketing"> </a>
+				{% elsif _type == 'investor_relation' %} <a href="" class="icons icon-investor_relation"> </a>
+				{% elsif _type == 'article' %} <a href="" class="icons icon-content"> </a>
+				{% elsif _type == 'job' %} <a href="" class="icons icon-job"> </a>
+				{% elsif _type == 'pcbuilder' %} <a href="" class="icons icon-pcbuilder"> </a>
+				{% elsif _type == 'payinstall' %} <a href="" class="icons icon-payinstall"> </a>
+				{% elsif _type == 'distributor' %} <a href="" class="icons icon-distributor"> </a>
+				{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
+				{% elsif _type == 'system' %}<i class="icons icon-system"></i>
+				{% endif %}
+				
+				<div class="sub-menu">
+					<p class="font-bold"> {{ _category[1].name }} </p>
 
-          <div class="sub-menu">
-            <p class="font-bold"> Bán hàng </p>
+					<div class="menu-list">
+						{% for _item in _menuArray %}
+						<a href="?module={{ _item.module }}&view={{ _item.view }}"
+						{% if _item.view == global.view and _type == global.name %} class="current" {% endif %}
+						> {{ _item.name }} </a>
+						{% endfor %}
+					</div>
+				</div>
+			</div>
+			{% endif %}
+			{% endfor %}
+		</div>
 
-            <div class="menu-list">
-              {% for _item in global.main_menu.order.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
+		<div>
+			<div class="item bottom">
+			<a href="" class="icons icon-settings"> </a>
 
-        <div class="item">
-          <a href="" class="icons icon-product"> </a>
+			<div class="sub-menu">
+				<p class="font-bold"> Cài đặt </p>
 
-          <div class="sub-menu">
-            <p class="font-bold"> Sản phẩm </p>
+				<div class="menu-list">
+				{% for _item in global.main_menu.system.menu %}
+				<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
+				{% endfor %}
+				</div>
+			</div>
+			</div>
 
-            <div class="menu-list">
-              {% for _item in global.main_menu.product.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
+			<div class="item bottom">
+			<a href="" class="icons icon-support"> </a>
 
-        <div class="item">
-          <a href="" class="icons icon-user"> </a>
+			<div class="sub-menu">
+				<p class="font-bold"> Hỗ trợ </p>
 
-          <div class="sub-menu">
-            <p class="font-bold"> Khách hàng </p>
+				<div class="menu-list">
+				<a href=""> Menu title </a>
+				<a href=""> Menu title </a>
+				<a href=""> Menu title </a>
+				<a href=""> Menu title </a>
+				</div>
+			</div>
+			</div>
 
-            <div class="menu-list">
-              {% for _item in global.main_menu.customer.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
+			<div class="item bottom">
+			<a href="" class="icons icon-account"> </a>
 
-        <div class="item">
-          <a href="" class="icons icon-marketing"> </a>
+			<div class="sub-menu">
+				<p class="font-bold"> Quản lý tài khoản </p>
 
-          <div class="sub-menu">
-            <p class="font-bold"> Marketing </p>
+				<div class="menu-list">
+				<a href=""> Menu title </a>
+				<a href=""> Menu title </a>
+				<a href=""> Menu title </a>
+				<a href=""> Menu title </a>
+				</div>
+			</div>
+			</div>
+		</div>
 
-            <div class="menu-list">
-              {% for _item in global.main_menu.marketing.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
+		<div class="item">
+			<a href="" class="icons icon-logout"> </a>
 
-        <div class="item">
-          <a href="" class="icons icon-content"> </a>
-
-          <div class="sub-menu">
-            <p class="font-bold"> Nội dung </p>
-
-            <div class="menu-list">
-              {% for _item in global.main_menu.article.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
-
-        <div class="item">
-          <a href="" class="icons icon-stats"> </a>
-
-          <div class="sub-menu">
-            <p class="font-bold"> Thống kê </p>
-
-            <div class="menu-list">
-              {% for _item in global.main_menu.report.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
-
-        <div class="item border-[rgba(255,255,255,0.15)] border-b">
-          <a href="" class="icons icon-system"> </a>
-
-          <div class="sub-menu">
-            <p class="font-bold"> Hệ thống </p>
-
-            <div class="menu-list">
-              {% for _item in global.main_menu.system.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div>
-        <div class="item bottom">
-          <a href="" class="icons icon-settings"> </a>
-
-          <div class="sub-menu">
-            <p class="font-bold"> Cài đặt </p>
-
-            <div class="menu-list">
-              {% for _item in global.main_menu.system.menu %}
-              <a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
-              {% endfor %}
-            </div>
-          </div>
-        </div>
-
-        <div class="item bottom">
-          <a href="" class="icons icon-support"> </a>
-
-          <div class="sub-menu">
-            <p class="font-bold"> Hỗ trợ </p>
-
-            <div class="menu-list">
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-            </div>
-          </div>
-        </div>
-
-        <div class="item bottom">
-          <a href="" class="icons icon-account"> </a>
-
-          <div class="sub-menu">
-            <p class="font-bold"> Quản lý tài khoản </p>
-
-            <div class="menu-list">
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="item mb-[20px]">
-        <a href="" class="icons icon-logout"> </a>
-
-        <div class="sub-menu">
-          <p class="font-bold"> Thoát quản trị </p>
-        </div>
-      </div>
-    </div>
+			<div class="sub-menu">
+			<p class="font-bold"> Thoát quản trị </p>
+			</div>
+		</div>
+	</div>
 
     <div class="admin-content-container w-[100%]">
-      <!-- Header -->
-      <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
-        <form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
-          <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
-            <i class="icons icon-search"></i>
-          </div>
+		<!-- Header -->
+		<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
+			<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
+				<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+					<i class="icons icon-search"></i>
+				</div>
 
-          <input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
-        </form>
+				<input type="search" class="block border h-[36px] ps-10 rounded w-full" placeholder="Tìm kiếm">
+			</form>
 
-        <div class="admin-header-right flex items-center justify-end">
-          <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
-            <i class="icons header-support"></i>
-          </a>
+			<div class="admin-header-right flex items-center justify-end">
+				<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
+					<i class="icons header-support"></i>
+				</a>
 
-          <div
-            class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
-            <div class="relative flex">
-              <i class="icons icon-notification"></i>
+				<div class="group relative cursor-pointer ml-[20px] mr-[35px] group [&_summary::-webkit-details-marker]:hidden">
+					<div class="relative flex">
+						<i class="icons icon-notification"></i>
 
-              <span
-                class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">0</span>
-            </div>
+						<span class="absolute bg-[#E00000] font-[500] h-[17px] leading-[17px] note right-[-5px] rounded-lg text-[#fff] text-[13px] text-center top-[-3px] w-[17px]">
+							0
+						</span>
+					</div>
 
-            <div
-              class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-              <a href=""> Menu title </a>
-            </div>
-          </div>
+					<div class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-[-10px]">
+						<a href=""> Menu title </a>
+						<a href=""> Menu title </a>
+						<a href=""> Menu title </a>
+						<a href=""> Menu title </a>
+					</div>
+				</div>
 
-          <div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
-            <div class="flex items-center">
-              <p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
+				<div class="group relative cursor-pointer group [&_summary::-webkit-details-marker]:hidden">
+					<div class="flex items-center">
+						<p class="m-0 mr-[10px]"> ducdt@hurasoft.com </p>
 
-              <img src="https://via.placeholder.com/72x72" class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
-
-              <i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
-            </div>
-
-            <div
-              class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
-              <a href="">Đổi mật khẩu</a>
-              <a href="">Thoát quản trị</a>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Content -->
-      {{page_content}}
+						<img src="https://via.placeholder.com/72x72" class="block rounded-[50%] w-[36px] h-[36px] mr-[8px]" />
 
+						<i class="fa-solid fa-sort-down text-[#C9C9C9] mb-[3px]"></i>
+					</div>
 
+					<div class="group-hover:opacity-[1] group-hover:z-[1] opacity-0 absolute bg-white leading-[30px] note-list shadow whitespace-nowrap z-[-1] rounded-[4px] right-0">
+						<a href="">Đổi mật khẩu</a>
+						<a href="">Thoát quản trị</a>
+					</div>
+				</div>
+			</div>
+		</div>
 
+		<!-- Content -->
+		{{page_content}}
     </div>
-
-  </div>
+</div>
 
 
-  {% include javascript/index %}
+  	{% include javascript/index %}
 
 </body>
-
 </html>
\ No newline at end of file