diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 449bad8..6321ed4 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -496,10 +496,9 @@ a {
 }
 .admin-menu .icon-close {
   position: absolute;
-  top: 12px;
-  right: -30px;
-  height: 34px;
-  width: 30px;
+  top: 0;
+  right: -40px;
+  width: 40px;
   display: block;
   background-color: rgb(0 78 153/var(--tw-bg-opacity));
 }
@@ -507,8 +506,7 @@ a {
   display: block;
   margin: 0 auto;
   text-align: center;
-  margin-top: 6px;
-  line-height: 20px;
+  line-height: 40px;
 }
 
 .admin-content-container {
@@ -629,8 +627,8 @@ input[type=radio]:before {
   border-radius: 100%;
   border: 1.5px solid #0041e8;
   display: inline-block;
-  width: 20px;
-  height: 20px;
+  width: 18px;
+  height: 18px;
   position: relative;
   top: -0.2em;
   margin-right: 1em;
@@ -641,7 +639,7 @@ input[type=radio]:before {
 }
 input[type=radio]:checked:before {
   background-color: #0041e8;
-  box-shadow: inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 3px #fff;
 }
 input[type=radio]:focus:before {
   outline: none;
@@ -766,6 +764,9 @@ input[type=radio]:focus:before {
 .order-page .order-page-table td:nth-child(4), .order-page .order-page-table td:nth-child(10) {
   text-align: left;
 }
+.order-page .order-page-table td * {
+  display: inline-block;
+}
 
 .order-page-table {
   line-height: 20px;
@@ -787,13 +788,12 @@ input[type=radio]:focus:before {
 .order-page-table thead td {
   padding: 8px;
 }
+.order-page-table tr:hover {
+  background: #f5f7ff;
+}
 .order-page-table td {
   padding: 10px;
   border: 1px solid #ececec;
-  text-transform: capitalize;
-}
-.order-page-table td * {
-  display: inline-block;
 }
 .order-page-table select {
   border-radius: 4px;
@@ -880,10 +880,6 @@ input[type=radio]:focus:before {
   content: none;
 }
 
-.marketing-coupon-page .order-page-table td {
-  vertical-align: top;
-}
-
 .table-brand th {
   padding: 7px 5px;
   background: #f6f6f6;
@@ -927,4 +923,26 @@ input[type=radio]:focus:before {
 .table-list-customer td {
   padding: 7px 6px;
   border: 1px solid #ececec;
+}
+
+.table-comment th {
+  padding: 7px 5px;
+  background: #f6f6f6;
+  border: 1px solid #ececec;
+  white-space: nowrap;
+}
+.table-comment td {
+  padding: 7px 6px;
+  border: 1px solid #ececec;
+}
+
+.list-info-reply th {
+  padding: 7px 5px;
+  background: #f6f6f6;
+  border: 1px solid #ececec;
+  white-space: nowrap;
+}
+.list-info-reply td {
+  padding: 7px 6px;
+  border: 1px solid #ececec;
 }/*# 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 12fa2b8..c926678 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":"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","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 c8a604e..afc1d6b 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -485,18 +485,16 @@ a {
     }
     .icon-close {
         position: absolute;
-        top: 12px;
-        right: -30px;
-        height: 34px;
-        width: 30px;
+        top: 0;
+        right: -40px;
+        width: 40px;
         display: block;
         background-color: rgb(0 78 153 / var(--tw-bg-opacity));
         i {
             display: block;
             margin: 0 auto;
             text-align: center;
-            margin-top: 6px;
-            line-height: 20px;
+            line-height: 40px;
         }
     }
 }
@@ -624,8 +622,8 @@ input[type="radio"] {
         border-radius: 100%;
         border: 1.5px solid #0041e8;
         display: inline-block;
-        width: 20px;
-        height: 20px;
+        width: 18px;
+        height: 18px;
         position: relative;
         top: -0.2em;
         margin-right: 1em;
@@ -638,7 +636,7 @@ input[type="radio"] {
     &:checked {
         &:before {
             background-color: #0041e8;
-            box-shadow: inset 0 0 0 4px #fff;
+            box-shadow: inset 0 0 0 3px #fff;
         }
     }
     &:focus {
@@ -783,6 +781,9 @@ input[type="radio"] {
             &:nth-child(10) {
                 text-align: left;
             }
+            * {
+                display: inline-block;
+            }
         }
     }
 }
@@ -805,13 +806,14 @@ input[type="radio"] {
             padding: 8px;
         }
     }
+    tr {
+        &:hover {
+            background: #f5f7ff;
+        }
+    }
     td {
         padding: 10px;
         border: 1px solid #ececec;
-        text-transform: capitalize;
-        * {
-            display: inline-block;
-        }
     }
     select {
         border-radius: 4px;
@@ -898,12 +900,6 @@ input[type="radio"] {
         }
     }
 }
-.marketing-coupon-page {
-    .order-page-table td {
-        vertical-align: top;
-    }
-}
-
 .table-brand {
     th {
         padding: 7px 5px;
@@ -954,3 +950,29 @@ input[type="radio"] {
         border: 1px solid #ececec;
     }
 }
+
+.table-comment {
+    th {
+        padding: 7px 5px;
+        background: #f6f6f6;
+        border: 1px solid #ececec;
+        white-space: nowrap;
+    }
+    td {
+        padding: 7px 6px;
+        border: 1px solid #ececec;
+    }
+}
+
+.list-info-reply {
+    th {
+        padding: 7px 5px;
+        background: #f6f6f6;
+        border: 1px solid #ececec;
+        white-space: nowrap;
+    }
+    td {
+        padding: 7px 6px;
+        border: 1px solid #ececec;
+    }
+}
diff --git a/inc/Hura8/AppAdmin.php b/inc/Hura8/AppAdmin.php
index de59673..af5d5de 100644
--- a/inc/Hura8/AppAdmin.php
+++ b/inc/Hura8/AppAdmin.php
@@ -45,7 +45,7 @@ class AppAdmin
 
     protected function getData() {
         $module_file = $this->getModuleFile();
-
+                
         if(file_exists($module_file)) {
             // print_r($this->current_route_info);
            // die('Page '. $module_file .' not found!');
diff --git a/inc/Hura8/Router.php b/inc/Hura8/Router.php
index 45e6ae8..e825991 100644
--- a/inc/Hura8/Router.php
+++ b/inc/Hura8/Router.php
@@ -26,7 +26,7 @@ class Router {
                 'view'   => preg_replace("/[^a-z0-9_\-]/i","", getRequest('view', 'home')),
                 'view_id'=> 0,
                 'query'  => $parsed['query'],
-                'url'    => $parsed['path'],
+                'url'    => $_SERVER['REQUEST_URI'],
             ];
         }
 
@@ -60,7 +60,7 @@ class Router {
             'view'      => preg_replace("/[^a-z0-9_\-]/i","", $view ) ,
             'view_id'   => preg_replace("/[^a-z0-9_]/i","", $view_id ),
             'query'     => $parsed['query'],
-            'url'       => $parsed['path'],
+            'url'       => $_SERVER['REQUEST_URI'],
         ];
     }
 
diff --git a/template/customer/comment.html b/template/customer/comment.html
index e69de29..018c956 100644
--- a/template/customer/comment.html
+++ b/template/customer/comment.html
@@ -0,0 +1,245 @@
+<div class="w-[100%]">
+    <div
+        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1>
+
+        <div class="list-filter-account flex items-center">
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
+                đổi mới nhất</a>
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
+                có phản hồi</a>
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
+                trị viên chưa phản hồi</a>
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
+                sách phản hồi</a>
+        </div>
+
+        <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)]"
+                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>
+
+
+        <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)]">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+
+        <table class="table-comment">
+            <thead>
+                <tr>
+                    <th>STT</th>
+                    <th>Phản hồi</th>
+                    <th>Thời gian</th>
+                    <th>Tác giả</th>
+                    <th>Sản phẩm</th>
+                    <th>Nội dung</th>
+                    <th>Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>1</td>
+                    <td>09-08-2023, 11:24 am</td>
+                    <td>
+                        <div class="flex items-center">
+                            <b>Nguyễn An</b>
+                            <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
+                                viên</p>
+                        </div>
+                        <p>annv@hurasoft.com</p>
+                    </td>
+                    <td>
+                        <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                    </td>
+                    <td>
+                        test reply
+                    </td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-crown text-[#0041E8]"></i>
+                            </a>
+                        </div>
+                        <div class="flex items-center">
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa fa-plus text-[#0041E8]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+
+        <dialog id="js_list_reply_comment" class="modal">
+            <div class="modal-box w-[852px] max-w-5xl p-[15px]">
+                <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                </form>
+                <h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
+
+                <div class="info-comment mt-[10px]">
+                    <b class="text-[16px] mb-[10px] block">Thông tin</b>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Khách
+                            hàng</p>
+                        <b class="ml-[5px]">Hura test</b>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Email</p>
+                        <p class="ml-[5px]">test@mail.com</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Tiêu đề</p>
+                        <p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Nội dung</p>
+                        <p class="ml-[5px]">test reply</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Thời gian</p>
+                        <p class="ml-[5px]">20-04-2023, 1:36 pm</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Liên quan</p>
+                        <p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
+                                27Inch 4K IPS</a></p>
+                    </div>
+                </div>
+
+                <div class="info-reply mt-[20px]">
+                    <b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
+                    <table class="list-info-reply">
+                        <thead>
+                            <tr>
+                                <th>STT</th>
+                                <th>Thời gian</th>
+                                <th>Tác giả</th>
+                                <th>Nội dung</th>
+                                <th>Lựa chọn</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <b>Nguyễn An</b>
+                                        <p
+                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
+                                            Quản trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                        </a>
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <b>Nguyễn An</b>
+                                        <p
+                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
+                                            Quản trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                        </a>
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="send-quick-feedback mt-[20px]">
+                    <b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
+                    <textarea name="" id=""
+                        class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
+
+                    <div class="flex items-center mt-[10px]">
+                        <input
+                            class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                            name="commit" type="submit" value="Gửi">
+                        <p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
+                    </div>
+                </div>
+
+            </div>
+            <form method="dialog" class="modal-backdrop">
+                <button>close</button>
+            </form>
+        </dialog>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/customer-contact.html b/template/customer/customer-contact.html
index e69de29..1a868ec 100644
--- a/template/customer/customer-contact.html
+++ b/template/customer/customer-contact.html
@@ -0,0 +1,230 @@
+<div class="w-[100%]">
+    <div
+        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Khách hàng liên hệ</h1>
+
+        <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)]"
+                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>
+
+
+        <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)]">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+
+        <table class="table-comment">
+            <thead>
+                <tr>
+                    <th>STT</th>
+                    <th>Phản hồi</th>
+                    <th>Thời gian</th>
+                    <th>Tác giả</th>
+                    <th>Sản phẩm</th>
+                    <th>Nội dung</th>
+                    <th>Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>1</td>
+                    <td>09-08-2023, 11:24 am</td>
+                    <td>
+                        <div class="flex items-center">
+                            <b>Nguyễn An</b>
+                            <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
+                                viên</p>
+                        </div>
+                        <p>annv@hurasoft.com</p>
+                    </td>
+                    <td>
+                        <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                    </td>
+                    <td>
+                        test reply
+                    </td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-crown text-[#0041E8]"></i>
+                            </a>
+                        </div>
+                        <div class="flex items-center">
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa fa-plus text-[#0041E8]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+
+        <dialog id="js_list_reply_comment" class="modal">
+            <div class="modal-box w-[852px] max-w-5xl p-[15px]">
+                <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                </form>
+                <h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
+
+                <div class="info-comment mt-[10px]">
+                    <b class="text-[16px] mb-[10px] block">Thông tin</b>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Khách
+                            hàng</p>
+                        <b class="ml-[5px]">Hura test</b>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Email</p>
+                        <p class="ml-[5px]">test@mail.com</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Tiêu đề</p>
+                        <p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Nội dung</p>
+                        <p class="ml-[5px]">test reply</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Thời gian</p>
+                        <p class="ml-[5px]">20-04-2023, 1:36 pm</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Liên quan</p>
+                        <p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
+                                27Inch 4K IPS</a></p>
+                    </div>
+                </div>
+
+                <div class="info-reply mt-[20px]">
+                    <b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
+                    <table class="list-info-reply">
+                        <thead>
+                            <tr>
+                                <th>STT</th>
+                                <th>Thời gian</th>
+                                <th>Tác giả</th>
+                                <th>Nội dung</th>
+                                <th>Lựa chọn</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <b>Nguyễn An</b>
+                                        <p
+                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
+                                            Quản trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                        </a>
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <b>Nguyễn An</b>
+                                        <p
+                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
+                                            Quản trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                        </a>
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="send-quick-feedback mt-[20px]">
+                    <b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
+                    <textarea name="" id=""
+                        class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
+
+                    <div class="flex items-center mt-[10px]">
+                        <input
+                            class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                            name="commit" type="submit" value="Gửi">
+                        <p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
+                    </div>
+                </div>
+
+            </div>
+            <form method="dialog" class="modal-backdrop">
+                <button>close</button>
+            </form>
+        </dialog>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/home.html b/template/customer/home.html
index e69de29..457b82b 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -0,0 +1,141 @@
+<div class="w-[100%]">
+    <div
+        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1>
+
+        <div class="list-filter-account flex items-center">
+            <a href="javacsript:void(0)"
+                class="px-[30px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Tất
+                cả</a>
+            <a href="javacsript:void(0)"
+                class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Khách
+                hàng đăng
+                ký</a>
+            <a href="javacsript:void(0)"
+                class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
+                đăng ký</a>
+            <a href="javacsript:void(0)"
+                class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">VIP</a>
+        </div>
+
+        <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)]"
+                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>
+
+        <div class="list-filter flex items-center justify-between mt-[15px]">
+            <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)]">
+                <option value="">Sắp xếp khách hàng</option>
+            </select>
+
+            <div class="list flex items-center">
+                <a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
+                text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
+                    <i class="fa-solid fa-user-plus"></i>
+                    <span class="ml-[5px]">Thêm KH mới</span>
+                </a>
+                <a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
+                                text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
+                    <i class="fa-solid fa-user-group"></i>
+                    <span class="ml-[5px]">Các nhóm KH</span>
+                </a>
+                <a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
+                                text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
+                    <i class="fa-regular fa-file-excel"></i>
+                    <span class="ml-[5px]">Tải file excel</span>
+                </a>
+            </div>
+        </div>
+
+        <table class="w-[100%] mt-[15px] table-list-customer">
+            <thead>
+                <tr>
+                    <th>STT</th>
+                    <th>ID</th>
+                    <th>Khách hàng</th>
+                    <th>Thông tin</th>
+                    <th>Tỉnh/TP</th>
+                    <th>Trạng thái</th>
+                    <th>Số đơn hàng</th>
+                    <th>Tổng giá trị</th>
+                    <th>Thời gian</th>
+                    <th>Chỉnh sửa</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>1767</td>
+                    <td>Đức Anh</td>
+                    <td>
+                        <p>- Email: ducanhnguyen199x@gmail.com</p>
+                        <p>- Tel: 0976642092</p>
+                        <p>- Mobile: 0976642092</p>
+                    </td>
+                    <td>
+                        Hà Nội
+                    </td>
+                    <td>
+                        <span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
+                    </td>
+                    <td>
+                        <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
+                    </td>
+                    <td>
+                        <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
+                    </td>
+                    <td>
+                        <p>
+                            - Tham gia: 06-10-2023, 10:46 am
+                        </p>
+                        <p>
+                            - Đăng nhập cuối: Chưa bao giờ
+                        </p>
+                    </td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-lock text-[#0041E8]"></i>
+                            </a>
+                        </div>
+                        <div class="flex items-center">
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-globe text-[#9E9E9E]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <div class="paging">
+            <a href="">
+                <i class="fas fa-chevron-left"></i>
+            </a>
+            <a href="{{paging.url}}" class="active">
+                1
+            </a>
+            <a href="{{paging.url}}">
+                2
+            </a>
+            <a href="{{paging.url}}">
+                <i class="fas fa-chevron-right"></i>
+            </a>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/review.html b/template/customer/review.html
index e69de29..16b5805 100644
--- a/template/customer/review.html
+++ b/template/customer/review.html
@@ -0,0 +1,245 @@
+<div class="w-[100%]">
+    <div
+        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Tổng hợp đánh giá</h1>
+
+        <div class="list-filter-account flex items-center">
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
+                đổi mới nhất</a>
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
+                có phản hồi</a>
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
+                trị viên chưa phản hồi</a>
+            <a href="javacsript:void(0)"
+                class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
+                sách phản hồi</a>
+        </div>
+
+        <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)]"
+                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>
+
+
+        <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)]">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+
+        <table class="table-comment">
+            <thead>
+                <tr>
+                    <th>STT</th>
+                    <th>Phản hồi</th>
+                    <th>Thời gian</th>
+                    <th>Tác giả</th>
+                    <th>Sản phẩm</th>
+                    <th>Nội dung</th>
+                    <th>Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>1</td>
+                    <td>09-08-2023, 11:24 am</td>
+                    <td>
+                        <div class="flex items-center">
+                            <b>Nguyễn An</b>
+                            <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
+                                viên</p>
+                        </div>
+                        <p>annv@hurasoft.com</p>
+                    </td>
+                    <td>
+                        <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                    </td>
+                    <td>
+                        test reply
+                    </td>
+                    <td>
+                        <div class="flex items-center">
+                            <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-crown text-[#0041E8]"></i>
+                            </a>
+                        </div>
+                        <div class="flex items-center">
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa fa-plus text-[#0041E8]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+
+        <dialog id="js_list_reply_comment" class="modal">
+            <div class="modal-box w-[852px] max-w-5xl p-[15px]">
+                <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                </form>
+                <h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
+
+                <div class="info-comment mt-[10px]">
+                    <b class="text-[16px] mb-[10px] block">Thông tin</b>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Khách
+                            hàng</p>
+                        <b class="ml-[5px]">Hura test</b>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Email</p>
+                        <p class="ml-[5px]">test@mail.com</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Tiêu đề</p>
+                        <p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Nội dung</p>
+                        <p class="ml-[5px]">test reply</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Thời gian</p>
+                        <p class="ml-[5px]">20-04-2023, 1:36 pm</p>
+                    </div>
+                    <div class="flex items-center mb-[5px]">
+                        <p
+                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
+                            Liên quan</p>
+                        <p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
+                                27Inch 4K IPS</a></p>
+                    </div>
+                </div>
+
+                <div class="info-reply mt-[20px]">
+                    <b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
+                    <table class="list-info-reply">
+                        <thead>
+                            <tr>
+                                <th>STT</th>
+                                <th>Thời gian</th>
+                                <th>Tác giả</th>
+                                <th>Nội dung</th>
+                                <th>Lựa chọn</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <b>Nguyễn An</b>
+                                        <p
+                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
+                                            Quản trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                        </a>
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>1</td>
+                                <td>09-08-2023, 11:24 am</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <b>Nguyễn An</b>
+                                        <p
+                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
+                                            Quản trị
+                                            viên</p>
+                                    </div>
+                                    <p>annv@hurasoft.com</p>
+                                </td>
+                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
+                                <td>
+                                    <div class="flex items-center">
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                        </a>
+                                        <a href=""
+                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="send-quick-feedback mt-[20px]">
+                    <b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
+                    <textarea name="" id=""
+                        class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
+
+                    <div class="flex items-center mt-[10px]">
+                        <input
+                            class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                            name="commit" type="submit" value="Gửi">
+                        <p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
+                    </div>
+                </div>
+
+            </div>
+            <form method="dialog" class="modal-backdrop">
+                <button>close</button>
+            </form>
+        </dialog>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/marketing/coupon-add.html b/template/marketing/coupon-add.html
index 34ec3ca..58146a5 100644
--- a/template/marketing/coupon-add.html
+++ b/template/marketing/coupon-add.html
@@ -14,192 +14,390 @@
             <i class="fas fa-clipboard-list mr-[8px]"></i>
             <span>Danh sách</span>
         </a>
-    </div>
-    
-    <p class="bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
-        Cập nhật coupon: Giảm tiền mặt
-    </p>
+    </div>    
     
     <div class="flex flex-wrap items-start m-[16px_0]">
-        <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>
-            <a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
-        </div>
+        {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
 
-        <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            <p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Cập nhật coupon: Giảm tiền mặt </p>
 
-            <input type="hidden" name="info[id]" value="0" />
+            <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>
+                <a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
+            </div>
+            
+            <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
 
-            <table>
-                <tr>
-                    <td width="215"> Mã số phiếu * </td>
-                    <td>
-                        <input type="text" value="CP220920212" placeholder="Mã số phiếu *" readonly/>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Tên phiếu khuyến mại * </td>
-                    <td>
-                        <input type="text" value="Giảm tiền mặt" 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)]"/>
-                        <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>
-                </tr>
-                
-                <tr>
-                    <td> Mô tả </td>
-                    <td>
-                        <textarea name="info[description]" placeholder="Mô tả" class="w-[100%] h-[76px] 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>
+                <input type="hidden" name="info[id]" value="0" />
 
-                        <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>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Phân loại * </td>
-                    <td>
-                        <select name='info[type]' onchange="show_content(this.value)">
-                            <option value='pro' selected>Tặng sản phẩm</option>
-                            <option value='cash'>Tặng tiền mặt</option>
-                            <option value='priceoff'>Giảm giá %</option>
-                            <option value='other'>Khác</option>
-                        </select>
-                        
-                        <div id="js-type-pro">
-                            <span> Tên Sản phẩm </span>
-                            <input type="text" name="content_pro" value="" />
-                        </div>
+                <table>
+                    <tr>
+                        <td width="215"> Mã số phiếu * </td>
+                        <td> CP220920212 </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)]"/>
+                            <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>
+                    </tr>
+                    
+                    <tr>
+                        <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>
 
-                        <div id="js-type-cash" style="display:none">
-                            <span> Nhập số tiền </span>
-                            <input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)"                               /> vnd (v.d. 200000, 3000000)
-                        </div>
+                            <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>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Phân loại * </td>
+                        <td>
+                            <div style="display: flex;align-items: center;flex-wrap: wrap;">
+                                <select name='info[type]' onchange="show_content(this.value)" class="w-[135px_!important] mr-[15px]">
+                                    <option value='pro' selected>Tặng sản phẩm</option>
+                                    <option value='cash'>Tặng tiền mặt</option>
+                                    <option value='priceoff'>Giảm giá %</option>
+                                    <option value='other'>Khác</option>
+                                </select>
+                                
+                                <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)]"/>
+                                </div>
 
-                        <div id="js-type-priceoff" style="display:none">
-                            <span> Nhập % giảm giá </span>
-                            <input type="text" name="content_priceoff" value="" />% (v.d. 12, 30)
-                        </div>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Thời gian hiệu lực * </td>
-                    <td>
+                                <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)]"/> 
+                                    <span> vnd (v.d. 200000, 3000000) </span>
+                                </div>
 
-                        <div class="items-center mb-[7px]" style="display: flex;">
-                            <p style="width: 65px;"> Bắt đầu </p>
-                            <div class="relative m-[0_20px_0_10px]">
-                                <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                                <input type="date" name="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 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)]"/>
+                                    <span>% (v.d. 12, 30)</span>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Thời gian hiệu lực * </td>
+                        <td>
+
+                            <div class="items-center mb-[7px]" style="display: flex;">
+                                <p style="width: 65px;"> Bắt đầu </p>
+                                <div class="relative m-[0_20px_0_10px]">
+                                    <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="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>
                             </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>
-                        </div>
+                            <div class="items-center" style="display: flex;">
+                                <p style="width: 65px;"> Kết thúc </p>
+                                <div class="relative m-[0_20px_0_10px]">
+                                    <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="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>
 
-                        <div class="items-center" style="display: flex;">
-                            <p style="width: 65px;"> Kết thúc </p>
-                            <div class="relative m-[0_20px_0_10px]">
-                                <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                                <input type="date" name="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)]"/>
+                                <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>
                             </div>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Giá trị đơn hàng tối thiểu </td>
+                        <td>
+                            <input type="text" name="info[valid_order_value]" value="2.000.000"
+                            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)]"/> 
+                            <span> vnd (để 0 nếu không áp dụng) </span>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <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)]"> 
+                            <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>
+                    
+                    <tr>
+                        <td> Áp dụng đồng thời với các mã KM khác </td>
+                        <td>
+                            <label class="items-center cursor-pointer" style="display: inline-flex;">
+                                <input type="checkbox" name="info[can_use_with_other]" value="1" class="scale-[1.2] mr-[7px]"> 
+                                <span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
+                            </label>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Hiển thị công khai </td>
+                        <td>
+                            <label class="items-center cursor-pointer" style="display: inline-flex;">
+                                <input type="checkbox" name="info[show_to_public]" checked class="scale-[1.2] mr-[7px]"> 
+                                <span> Cho hiển thị công khai (nếu giao diện web có) </span>
+                            </label>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Điều kiện áp dụng </td>
+                        <td>
+                            <label class="items-center cursor-pointer relative pl-[30px] mb-[8px]" style="display: inline-flex;">
+                                <input type="radio" name="info[product_condition]" value="all" class="left-0"> 
+                                <span> Tất cả các sản phầm </span>
+                            </label>
+                            <br>
+                            <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
+                                <input type="radio" name="info[product_condition]" value="select" checked class="left-0"> 
+                                <span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
+                            </label>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <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)]"> 
+                            <span> (để 0 nếu không có giới hạn) </span>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Hiển thị </td>
+                        <td>
+                            <label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
+                                <input type="radio" name="info[status]" value="1" class="left-0"> 
+                                <span>Cho hiển thị</span>
+                            </label>
 
-                            <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>
-                        </div>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Giá trị đơn hàng tối thiểu </td>
-                    <td>
-                        <input type="text" name="info[valid_order_value]" value="2.000.000"
-                        onkeyup="this.value = writeStringToPrice(this.value)"/> 
-                        <span> vnd (để 0 nếu không áp dụng) </span>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <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"> 
-                        <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>
-                
-                <tr>
-                    <td> Áp dụng đồng thời với các mã KM khác </td>
-                    <td>
-                        <label>
-                            <input type="checkbox" name="info[can_use_with_other]" value="1" > 
-                            <span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
-                        </label>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Hiển thị công khai </td>
-                    <td>
-                        <label>
-                            <input type="checkbox" name="info[show_to_public]"checked > 
-                            <span> Cho hiển thị công khai (nếu giao diện web có) </span>
-                        </label>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Điều kiện áp dụng </td>
-                    <td>
-                        <label>
-                            <input type="radio" name="info[product_condition]" value="all"> 
-                            <span> Tất cả các sản phầm </span>
-                        </label>
+                            <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
+                                <input type="radio" name="info[status]" value="0" checked class="left-0"> 
+                                <span>Ẩn hiển thị</span>
+                            </label>
 
-                        <label>
-                            <input type="radio" name="info[product_condition]" value="select" checked> 
-                            <span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
-                        </label>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Số lượng phiếu </td>
-                    <td>
-                        <input type="text" size="10" name="info[total]" value="0"> 
-                        <span> (để 0 nếu không có giới hạn) </span>
-                    </td>
-                </tr>
-                
-                <tr>
-                    <td> Hiển thị </td>
-                    <td>
-                        <label>
-                            <input type="radio" name="info[status]" value="1" > 
-                            <span>Cho hiển thị</span>
-                        </label>
+                        </td>
+                    </tr>
+                </table>
 
-                        <label>
-                            <input type="radio" name="info[status]" value="0" checked > 
-                            <span>Ẩn hiển thị</span>
-                        </label>
-
-                    </td>
-                </tr>
-            </table>
-
-            <input type="hidden" name="create" value="yes" />
-		    <input name="commit" type="submit" value="Cập nhật" />
-        </form>
+                <input type="hidden" name="create" value="yes" />
+                <input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+            </form>
 
+        {% else %} <!-- Form thêm mới -->
         
+            <p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Thêm / sửa coupon </p>
+
+            <form method="post" enctype="multipart/form-data" class="order-page-table w-[100%] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+
+                <input type="hidden" name="info[id]" value="0" />
+
+                <table>
+                    <tr>
+                        <td width="215"> Mã số phiếu * </td>
+                        <td>
+                            <input type="hidden" name="info[code_auto]" value="">
+
+                            <label class="items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]" style="display: flex;">
+                                <input type="radio" onchange="$('#info_code_manual_input').css('display','none')" name="info[code_type]" value="auto" checked class="left-0"> 
+                                <span> Hệ thống tự tạo </span>
+                            </label>                            
+            
+                            <label class="items-center cursor-pointer relative pl-[26px] w-[fit-content]" style="display: flex;">
+                                <input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')" name="info[code_type]" value="manual" class="left-0">
+                                <span> Tự nhập tay  </span>                            
+                            </label>
+
+                            <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)]">
+
+                                <i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
+
+                                <div id="check_coupon_code_status"></div>
+                            </div>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <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)]"/>
+                            <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>
+                    </tr>
+                    
+                    <tr>
+                        <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)]"></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>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Phân loại * </td>
+                        <td>
+                            <div style="display: flex;align-items: center;flex-wrap: wrap;">
+                                <select name='info[type]' onchange="show_content(this.value)" class="w-[135px_!important] mr-[15px]">
+                                    <option value='pro' selected>Tặng sản phẩm</option>
+                                    <option value='cash'>Tặng tiền mặt</option>
+                                    <option value='priceoff'>Giảm giá %</option>
+                                    <option value='other'>Khác</option>
+                                </select>
+                                
+                                <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)]"/>
+                                </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)]"/> 
+                                    <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)]"/>
+                                    <span>% (v.d. 12, 30)</span>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Thời gian hiệu lực * </td>
+                        <td>
+
+                            <div class="items-center mb-[7px]" style="display: flex;">
+                                <p style="width: 65px;"> Bắt đầu </p>
+                                <div class="relative m-[0_20px_0_10px]">
+                                    <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="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>
+                            </div>
+
+                            <div class="items-center" style="display: flex;">
+                                <p style="width: 65px;"> Kết thúc </p>
+                                <div class="relative m-[0_20px_0_10px]">
+                                    <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="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>
+                            </div>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Giá trị đơn hàng tối thiểu </td>
+                        <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)]"/> 
+                            <span> vnd (để 0 nếu không áp dụng) </span>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <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)]"> 
+                            <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>
+                    
+                    <tr>
+                        <td> Áp dụng đồng thời với các mã KM khác </td>
+                        <td>
+                            <label class="items-center cursor-pointer" style="display: inline-flex;">
+                                <input type="checkbox" name="info[can_use_with_other]" value="1" class="scale-[1.2] mr-[7px]"> 
+                                <span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
+                            </label>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Hiển thị công khai </td>
+                        <td>
+                            <label class="items-center cursor-pointer" style="display: inline-flex;">
+                                <input type="checkbox" name="info[show_to_public]" class="scale-[1.2] mr-[7px]"> 
+                                <span> Cho hiển thị công khai (nếu giao diện web có) </span>
+                            </label>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Điều kiện áp dụng </td>
+                        <td>
+                            <label class="items-center cursor-pointer relative pl-[30px] mb-[8px]" style="display: inline-flex;">
+                                <input type="radio" name="info[product_condition]" value="all" class="left-0" checked> 
+                                <span> Tất cả các sản phầm </span>
+                            </label> 
+                            <br>
+
+                            <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
+                                <input type="radio" name="info[product_condition]" value="select" class="left-0"> 
+                                <span> Chỉ một số sản phẩm (* bạn sẽ cần chọn danh sách các sản phẩm)</span>
+                            </label>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <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)]"> 
+                            <span> (để 0 nếu không có giới hạn) </span>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td> Hiển thị </td>
+                        <td>
+                            <label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
+                                <input type="radio" name="info[status]" value="1" class="left-0" checked> 
+                                <span>Cho hiển thị</span>
+                            </label>
+
+                            <label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
+                                <input type="radio" name="info[status]" value="0" class="left-0"> 
+                                <span>Ẩn hiển thị</span>
+                            </label>
+
+                        </td>
+                    </tr>
+                </table>
+
+                <input type="hidden" name="create" value="yes" />
+                <input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+            </form>
+
+        {% endif %}
     </div>
 </div>
 
diff --git a/template/marketing/coupon.html b/template/marketing/coupon.html
index 84a4690..1a6b886 100644
--- a/template/marketing/coupon.html
+++ b/template/marketing/coupon.html
@@ -27,7 +27,7 @@
 
             <tbody>
                 <tr>
-                    <td> 1 </td>
+                    <td align="center"> 1 </td>
 
                     <td class="whitespace-nowrap"> CP231020233 </td>
 
@@ -74,7 +74,7 @@
 
                     <td>
                         <div class="items-center" style="display: flex;">
-                            <a href="/admin/marketing/detail/id=8" class="icons icon-edit" title="Sửa lại"></a>
+                            <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
 
                             <!-- <a href="javascript:setStatus('8','off')" 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> -->
                             
@@ -85,7 +85,7 @@
                     </td>
                 </tr>
 
-                <tr> <td> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/detail/id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" 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="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
+                <tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" 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="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
             </tbody>
         </table>
     </div>
diff --git a/template/theme.html b/template/theme.html
index cece4ae..bc17bf1 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -22,9 +22,10 @@
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
 
 </head>
+{{ global|show_var }}
+{{ page|show_var }}
 
 <body>
-    {{ global|show_var }}
     <div class="admin-global-container">
 
         <!-- Menu full  -->