diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index e929c2a..5466140 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -1113,7 +1113,8 @@ input[type=radio]:focus:before {
 .table-list-competitor th,
 .table-customer-group th,
 .table-review th,
-.table-newsletter th {
+.table-newsletter th,
+.style-table th {
   padding: 7px 5px;
   background: #f6f6f6;
   border: 1px solid #ececec;
@@ -1126,7 +1127,8 @@ input[type=radio]:focus:before {
 .table-list-competitor td,
 .table-customer-group td,
 .table-review td,
-.table-newsletter td {
+.table-newsletter td,
+.style-table td {
   padding: 7px 6px;
   border: 1px solid #ececec;
 }
@@ -1136,7 +1138,8 @@ input[type=radio]:focus:before {
 .table-list-competitor .name,
 .table-customer-group .name,
 .table-review .name,
-.table-newsletter .name {
+.table-newsletter .name,
+.style-table .name {
   color: #0041e8;
 }
 
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index 5d583d7..3086c9d 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 ce1cfa5..924f250 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -1163,7 +1163,8 @@ input[type="radio"] {
 .table-list-competitor,
 .table-customer-group,
 .table-review,
-.table-newsletter {
+.table-newsletter,
+.style-table {
     th {
         padding: 7px 5px;
         background: #f6f6f6;
diff --git a/data/payinstall/add_company.php b/data/payinstall/add_company.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/add_company.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/payinstall/add_period.php b/data/payinstall/add_period.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/add_period.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/payinstall/add_upfront.php b/data/payinstall/add_upfront.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/add_upfront.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/payinstall/category.php b/data/payinstall/category.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/category.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/payinstall/home.php b/data/payinstall/home.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/home.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/payinstall/order.php b/data/payinstall/order.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/order.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/payinstall/order_detail.php b/data/payinstall/order_detail.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/payinstall/order_detail.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/pcbuilder/config_edit.php b/data/pcbuilder/config_edit.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/pcbuilder/config_edit.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/pcbuilder/home.php b/data/pcbuilder/home.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/pcbuilder/home.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/pcbuilder/part_relation.php b/data/pcbuilder/part_relation.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/pcbuilder/part_relation.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/template/payinstall/add_company.html b/template/payinstall/add_company.html
new file mode 100644
index 0000000..5d62964
--- /dev/null
+++ b/template/payinstall/add_company.html
@@ -0,0 +1,50 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
+            <li class="text-[#0041E8]">Form thêm / sửa công ty tín dụng</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <div>
+                <h1 class="text-[20px] font-[700]">Cập nhật công ty</h1>
+                <p class="text-[#6B7280]">HD Saigon</p>
+            </div>
+        </div>
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
+                        sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
+
+                    <div class="form-control mb-[10px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
+                        <input type="text" size="60" name="" id="" placeholder="Tên công ty"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                    <div class="form-control mb-[10px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
+                        <input type="text" size="60" name="" id="" placeholder="0"
+                            class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/payinstall/add_period.html b/template/payinstall/add_period.html
new file mode 100644
index 0000000..cc6cef3
--- /dev/null
+++ b/template/payinstall/add_period.html
@@ -0,0 +1,68 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
+            <li class="text-[#0041E8]">Form thêm / sửa thời gian</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <div class="flex items-center justify-between">
+                <h1 class="text-[20px] font-[700]">Cập nhật thời gian</h1>
+                <a href="/admin/payinstall/add-period"
+                    class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
+                    <span
+                        class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
+                    <span class="text-[#6B7280]">Thêm thời gian</span>
+                </a>
+            </div>
+            <p class="text-[#6B7280]">6 tháng</p>
+        </div>
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
+                        sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
+
+                    <div class="form-control mb-[10px]">
+                        <div class="flex items-center mb-[5px]">
+                            <label class="font-[600] mr-[5px] text-[14px]">Số tháng</label>
+                            <p class="text-[#6B7280]">Tháng (* ghi số, ví dụ 6)</p>
+                        </div>
+                        <input type="text" size="60" name="" id="" placeholder="Số tháng"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                    <div class="form-control mb-[10px]">
+                        <div class="flex items-center mb-[5px]">
+                            <label class="font-[600] mr-[5px] text-[14px]">Lãi suất</label>
+                            <p class="text-[#6B7280]">% (* ghi số thập phân, ví dụ: 2.6 - tương đương 2.6%)</p>
+                        </div>
+                        <input type="text" size="60" name="" id="" placeholder="Lãi suất"
+                            class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                    <div class="form-control mb-[10px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
+                        <input type="text" size="60" name="" id="" placeholder="0"
+                            class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/payinstall/add_upfront.html b/template/payinstall/add_upfront.html
new file mode 100644
index 0000000..d57eac3
--- /dev/null
+++ b/template/payinstall/add_upfront.html
@@ -0,0 +1,68 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/payinstall">Cài đặt trả góp</a></li>
+            <li class="text-[#0041E8]">Form thêm / sửa thông tin trả trước</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <div class="flex items-center justify-between">
+                <h1 class="text-[20px] font-[700]">Cập nhật % trả trước</h1>
+                <a href="/admin/payinstall/add-upfront"
+                    class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
+                    <span
+                        class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
+                    <span class="text-[#6B7280]">Thêm trả trước</span>
+                </a>
+            </div>
+            <p class="text-[#6B7280]">HD Saigon</p>
+        </div>
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
+                        sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="text-[20px] mb-[10px] block">Thông tin cơ bản</b>
+
+                    <div class="form-control mb-[10px]">
+                        <div class="flex items-center mb-[5px]">
+                            <label class="font-[600] mr-[5px] text-[14px]">Tên gọi</label>
+                            <p class="text-[#6B7280]">(* dùng để hiển thị trên web, ví dụ ghi 20 %)</p>
+                        </div>
+                        <input type="text" size="60" name="" id="" placeholder="Tên gọi"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                    <div class="form-control mb-[10px]">
+                        <div class="flex items-center mb-[5px]">
+                            <label class="font-[600] mr-[5px] text-[14px]">Số phần trăm</label>
+                            <p class="text-[#6B7280]">% (* ghi số, ví dụ: 20% thì ghi là 20)</p>
+                        </div>
+                        <input type="text" size="60" name="" id="" placeholder="Số phần trăm"
+                            class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                    <div class="form-control mb-[10px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Thứ tự hiển thị</label>
+                        <input type="text" size="60" name="" id="" placeholder="0"
+                            class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/payinstall/category.html b/template/payinstall/category.html
new file mode 100644
index 0000000..78837bb
--- /dev/null
+++ b/template/payinstall/category.html
@@ -0,0 +1,55 @@
+<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">Danh mục sản phẩm có trả góp</h1>
+
+        <div id="action-links" class="mb-[15px]">
+            <div class="flex item-center justify-between">
+                <div
+                    class="p-[5px_10px] border-[1px] border-[#79B0E2] rounded-[4px] text-[14px] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                    <a href="javascript:;" onclick="RowExpand.open_all();"><span id="js-row-expand-all">[+]</span> Xem
+                        hết
+                        danh mục</a>
+                </div>
+            </div>
+        </div>
+
+        <table class="style-table mt-[15px]">
+            <thead>
+                <tr>
+                    <th>Danh mục</th>
+                    <th class="w-[190px]">SP</th>
+                    <th class="w-[100px]">Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>
+                        <p>
+                            1. <a href="" class="name">Màn Hình Máy Tính</a>
+                        </p>
+                    </td>
+                    <td>
+                        <div class="flex items-center justify-center">
+                            <p>798</p>
+                            <a href="" class="p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem sản phẩm</a>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="list-btn flex items-center justify-center">
+                            <a href="/0-vetp" 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]">
+                                <i class="icons icon-view"></i>
+                            </a>
+                            <a href="/0-vetp" 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]">
+                                <i class="fa-solid fa-piggy-bank text-[#0041E8]"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/payinstall/home.html b/template/payinstall/home.html
new file mode 100644
index 0000000..3c65cb7
--- /dev/null
+++ b/template/payinstall/home.html
@@ -0,0 +1,280 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Cài đặt trả góp</h1>
+
+        <a href="/admin/payinstall/add-company" id="add-prod"
+            class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block m-[auto_0_auto_auto] hover:bg-[#0041E8] hover:text-white"><span
+                class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
+            <span class="font-[500]">Thêm công ty</span></a>
+
+
+        <table class="style-table mt-[20px]">
+            <thead>
+                <tr>
+                    <th class="w-[45px]">STT</th>
+                    <th class="w-[215px]">Công ty</th>
+                    <th>Thông tin trả góp</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="align-text-top">1</td>
+                    <td class="align-text-top">
+                        <p>HD Saigon</p>
+                        <div class='list-btn flex items-center mt-[5px]'>
+                            <a href="/admin/payinstall/add-company"
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='icons icon-edit'></i></a>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="flex items-center justify-between">
+                            <div class="w-[50%] mr-[10px]">
+                                <div class="flex items-center">
+                                    <b class="mr-[15px]">Trả trước</b>
+                                    <a href="/admin/payinstall/add-upfront" id="add-prod"
+                                        class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
+                                            class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
+                                        <span class="font-[500]">Thêm trả trước</span></a>
+                                </div>
+                                <div class="flex items-center">
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="w-[50%] ml-[10px]">
+                                <div class="flex items-center">
+                                    <b class="mr-[15px]">Thời hẹn trả góp</b>
+                                    <a href="/admin/payinstall/add-period" id="add-prod"
+                                        class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
+                                            class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
+                                        <span class="font-[500]">Thêm thời gian</span></a>
+                                </div>
+                                <div class="flex items-center">
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="align-text-top">1</td>
+                    <td class="align-text-top">
+                        <p>HD Saigon</p>
+                        <div class='list-btn flex items-center mt-[5px]'>
+                            <a href="/admin/payinstall/add-company"
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='icons icon-edit'></i></a>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="flex items-center justify-between">
+                            <div class="w-[50%] mr-[10px]">
+                                <div class="flex items-center">
+                                    <b class="mr-[15px]">Trả trước</b>
+                                    <a href="/admin/payinstall/add-upfront" id="add-prod"
+                                        class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
+                                            class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
+                                        <span class="font-[500]">Thêm trả trước</span></a>
+                                </div>
+                                <div class="flex items-center">
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="w-[50%] ml-[10px]">
+                                <div class="flex items-center">
+                                    <b class="mr-[15px]">Thời hẹn trả góp</b>
+                                    <a href="/admin/product/payinstall/add-period" id="add-prod"
+                                        class="p-[5px_10px] w-[140px] border-[1px] border-[#0041E8] rounded-[4px] text-[14px] text-[#0041E8] block hover:bg-[#0041E8] hover:text-white"><span
+                                            class="border-[1px] border-[#0041E8] h-[14px] w-[14px] inline-block leading-[11px] text-center rounded-[50%]">+</span>
+                                        <span class="font-[500]">Thêm thời gian</span></a>
+                                </div>
+                                <div class="flex items-center">
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="style-table mt-[15px] w-[85px]">
+                                        <tbody>
+                                            <tr>
+                                                <td class="">20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>20%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>
+                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                                class='icons icon-edit'></i></a>
+                                                        <a href=""
+                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-remove'></i></a>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/payinstall/order.html b/template/payinstall/order.html
new file mode 100644
index 0000000..cc9b410
--- /dev/null
+++ b/template/payinstall/order.html
@@ -0,0 +1,79 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Danh sách đơn đăng ký</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>
+
+        <p>Tổng số: 16</p>
+
+        <table class="style-table mt-[15px]">
+            <thead>
+                <tr>
+                    <th>STT</th>
+                    <th class="w-[135px]">Mã đơn</th>
+                    <th class="w-[113px]">Nhà cung cấp</th>
+                    <th>Sản phẩm</th>
+                    <th class="w-[175px]">Điều khoản</th>
+                    <th>Khách hàng</th>
+                    <th>Thời gian</th>
+                    <th class="w-[130px]">Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="w-[45px]">1</td>
+                    <td>5yl0uuds52fO</td>
+                    <td>hdsaigon</td>
+                    <td>
+                        <div class="mb-[5px]">
+                            <div>
+                                <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
+                                    Purple</a>
+                            </div>
+                            <p>- SKU: GPSO037</p>
+                            <p>- Giá: 1.599.000</p>
+                        </div>
+                        <div class="mb-[5px]">
+                            <div>
+                                <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense Galactic
+                                    Purple</a>
+                            </div>
+                            <p>- SKU: GPSO037</p>
+                            <p>- Giá: 1.599.000</p>
+                        </div>
+                    </td>
+                    <td>
+                        <p>- Giá trả góp: 1690146</p>
+                        <p>- Trả trước: 799500</p>
+                        <p>- Lãi suất: 1.90</p>
+                        <p>- Tháng: 6</p>
+                    </td>
+                    <td>
+                        <p>- Tên: phạm thanh chiến</p>
+                        <p>- Địa chỉ: nhà 04 ngõ 362 lê viết thuật , Xã Hưng Lộc</p>
+                        <p>- Tỉnh: Nghệ An</p>
+                        <p>- Email: phamthanhchien1808@gmail.com</p>
+                        <p>- Điện thoại: 0968 296 041</p>
+                    </td>
+                    <td>05-03-2024, 12:58 am</td>
+                    <td>
+                        <div class='list-btn flex items-center justify-center'>
+                            <a href="/admin/payinstall/order_detail"
+                                class="mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
+                                tiết</a>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/payinstall/order_detail.html b/template/payinstall/order_detail.html
new file mode 100644
index 0000000..0a21c87
--- /dev/null
+++ b/template/payinstall/order_detail.html
@@ -0,0 +1,91 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/payinstall/order">Danh sách đơn đăng ký</a></li>
+            <li class="text-[#0041E8]">Thông tin đơn đăng ký</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <h1 class="text-[20px] font-[700]">Chi tiết đơn hàng trả góp</h1>
+            <p class="text-[#6B7280]">9dDMHsx5CBgG</p>
+        </div>
+
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-[#fff] bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Thông
+                        tin</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div class="bg-white p-[10px] rounded-[10px] shadow-[0px_1px_1px_0px_#0000001A]">
+                    <table class="style-table">
+                        <tr>
+                            <td class="w-[106px]">Mã đơn</td>
+                            <td>9dDMHsx5CBgG</td>
+                        </tr>
+                        <tr>
+                            <td>Nhà cung cấp</td>
+                            <td>alepay</td>
+                        </tr>
+                        <tr>
+                            <td class="align-text-top">Sản phẩm</td>
+                            <td>
+                                <div class="mb-[5px]">
+                                    <div>
+                                        <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
+                                            Galactic
+                                            Purple</a>
+                                    </div>
+                                    <p>- SKU: GPSO037</p>
+                                    <p>- Giá: 1.599.000</p>
+                                </div>
+                                <div class="mb-[5px]">
+                                    <div>
+                                        <span>1. </span> <a href="" class="name">Tay cầm chơi Game Sony PS5 DualSense
+                                            Galactic
+                                            Purple</a>
+                                    </div>
+                                    <p>- SKU: GPSO037</p>
+                                    <p>- Giá: 1.599.000</p>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="align-text-top">Điều khoản</td>
+                            <td>
+                                <p>- Giá trả góp: 6520000</p>
+                                <p>- Trả trước: 2500000</p>
+                                <p>- Lãi suất: 0</p>
+                                <p>- Tháng: 6</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="align-text-top">Khách hàng</td>
+                            <td>
+                                <p>- Nghề nghiệp:</p>
+                                <p>- Tên: TRAN QUI</p>
+                                <p>- Địa chỉ: 39 Cao Lỗ, Phường 04</p>
+                                <p>- Tỉnh: TP HCM</p>
+                                <p>- Email: quitnp83@gmail.com</p>
+                                <p>- Điện thoại: 0919843649</p>
+                                <p>- Ngày sinh: </p>
+                                <p>- Giới tính:</p>
+                                <p>- CMND:</p>
+                                <p>- Siêu thị duyệt hồ sơ:</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Thời gian</td>
+                            <td>05-03-2024, 12:11 am</td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/pcbuilder/config_edit.html b/template/pcbuilder/config_edit.html
new file mode 100644
index 0000000..e9dee50
--- /dev/null
+++ b/template/pcbuilder/config_edit.html
@@ -0,0 +1,73 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/pcbuilder">Linh kiện xây dựng</a></li>
+            <li class="text-[#0041E8]">Chỉnh sửa linh kiện</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <div>
+                <h1 class="text-[20px] font-[700]">Chỉnh sửa cấu hình và quan hệ lệ thuộc</h1>
+                <p class="text-[#6B7280]"><b>Hướng dẫn: </b>Nhập từng dòng, mỗi dòng là 1 loại linh kiện theo
+                    form mẫu sau:</p>
+                <b class="text-[#6B7280]">ID danh mục | Tên gọi linh kiện | ID liên quan 1, ID liên quan 2, ID liên quan
+                    2</b>
+            </div>
+        </div>
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Chỉnh
+                        sửa</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <p>
+                        <b>Ví dụ 1: </b><span>Ví dụ 1: 30 | Bo mạch chủ | 61,36</span>
+                    </p>
+                    <p>(Trong đó: 30 là ID danh mục của Bo mạch
+                        chủ, 61 là ID danh mục RAM, 36 là ID danh mục
+                        CPU. Bo mạch chủ cần tương thích với RAM và CPU nên chọn ở đây)
+                    </p>
+                    <p class="mt-[20px]">
+                        <b>Ví dụ 2: 10 | Màn hình |</b>
+                    </p>
+                    <p>(Trong đó: 10 là ID danh mục
+                        của Màn hình máy tính. Và Màn máy tính không cần phụ thuộc với các linh kiện khác nên để
+                        trống)</p>
+
+                    <textarea class="w-[100%] h-[380px] border-[1px] border-[#ECECEC] p-[15px] mt-[15px]" rows="10"
+                        spellcheck="true">2 | Bộ vi xử lý | 3,4 
+3 | Bo mạch chủ | 
+4 | RAM | 3 
+16 | Ổ Cứng SSD | 
+15 | Ổ Cứng HDD | 
+6 | VGA | 7,8 
+7 | Nguồn | 8 
+8 | Vỏ Case | 
+22 | Quạt Tản Nhiệt | 
+17 | Tản Nhiệt CPU | 
+28 | Tản Nhiệt Nước AIO | 
+9 | Màn Hình | 
+18 | Bàn phím | 
+19 | Chuột | 
+26 | Tai Nghe | 
+74 | Bàn Máy Máy Tính | 90 
+90 | Ghế Gaming |</textarea>
+
+                </div>
+                <div class="bg-white p-[10px] shadow-[0px_1px_1px_0px_#0000001A] rounded-[0_0_10px_10px]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/template/pcbuilder/home.html b/template/pcbuilder/home.html
index 0181a33..b5641bc 100644
--- a/template/pcbuilder/home.html
+++ b/template/pcbuilder/home.html
@@ -1 +1,70 @@
-template/pcbuilder/home.html
\ No newline at end of file
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Danh sách linh kiện</h1>
+
+        <a href="/admin/pcbuilder/config-edit"
+            class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a>
+
+        <table class="style-table mt-[15px]">
+            <thead>
+                <tr>
+                    <th class="w-[50px]">STT</th>
+                    <th>ID danh mục</th>
+                    <th>Tên danh mục</th>
+                    <th class="w-[650px]">Danh mục liên quan</th>
+                    <th>Số lượng Sản phẩm</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>2</td>
+                    <td>Bộ vi xử lý</td>
+                    <td>
+                        <div class="flex flex-wrap">
+                            <div class="my-[5px]">
+                                <span>Mainboard - Bo Mạch Chủ</span>
+                                <a href="/admin/pcbuilder/part-relation"
+                                    class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
+                                    quan hệ</a>
+                            </div>
+                            <div class="my-[5px] ml-[5px]">
+                                <span>,RAM - Bộ Nhớ Trong</span>
+                                <a href="/admin/pcbuilder/part-relation"
+                                    class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
+                                    quan hệ</a>
+                            </div>
+                        </div>
+                    </td>
+                    <td>
+                        32
+                    </td>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>2</td>
+                    <td>Bộ vi xử lý</td>
+                    <td>
+                        <div class="flex flex-wrap">
+                            <div class="my-[5px]">
+                                <span>Mainboard - Bo Mạch Chủ</span>
+                                <a href="/admin/pcbuilder/part-relation"
+                                    class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
+                                    quan hệ</a>
+                            </div>
+                            <div class="my-[5px] ml-[5px]">
+                                <span>,RAM - Bộ Nhớ Trong</span>
+                                <a href="/admin/pcbuilder/part-relation"
+                                    class="p-[5px] border-[1px] border-[#0041E8] text-[#0041E8] rounded-[4px] ml-[5px]">Tạo
+                                    quan hệ</a>
+                            </div>
+                        </div>
+                    </td>
+                    <td>
+                        32
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/pcbuilder/part_relation.html b/template/pcbuilder/part_relation.html
new file mode 100644
index 0000000..e97decd
--- /dev/null
+++ b/template/pcbuilder/part_relation.html
@@ -0,0 +1,138 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/pcbuilder">Linh kiện xây dựng</a></li>
+            <li class="text-[#0041E8]">Tạo quan hệ của linh kiện Bộ vi xử lý</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
+            <div>
+                <h1 class="text-[20px] font-[700]">Mối quan hệ của linh kiện</h1>
+                <p class="text-[#6B7280]">Chọn 1 Sản phẩm ở một danh mục để chọn các Sản phẩm ở liên quan ở danh mục
+                    kia.
+                </p>
+            </div>
+        </div>
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px_10px_0_0] text-[13px] leading-[35px] px-[10px]">CPU
+                        - Bộ Vi Xử Lý (#2)</a>
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-[#919699] bg-[#fff] rounded-[0_0_10px_10px] text-[13px] leading-[35px] px-[10px]">Mainboard
+                        - Bo Mạch Chủ (#3)</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div class="bg-white p-[15px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <b class="block text-[20px] mb-[15px] font-[700]">CPU - Bộ Vi Xử Lý (#2)</b>
+                    <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-[90%] 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 sản phẩm liên quan">
+                        <button type="submit"
+                            class="w-[10%] px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm
+                            kiếm</button>
+                    </form>
+
+                    <div class="flex flex-wrap items-center mt-[15px]">
+                        <p>Bộ lọc</p>
+                        <select name="" id=""
+                            class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                            <option value="">-Cache-</option>
+                        </select>
+                        <select name="" id=""
+                            class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                            <option value="">Dòng cpu</option>
+                        </select>
+                        <select name="" id=""
+                            class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                            <option value="">Thế hệ CPU</option>
+                        </select>
+                        <select name="" id=""
+                            class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                            <option value="">Thế hệ CPU</option>
+                        </select>
+                        <select name="" id=""
+                            class="w-[115px] h-[36px] ml-[15px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                            <option value="">Thế hệ CPU</option>
+                        </select>
+                        <a href=""
+                            class="w-[115px] h-[36px] ml-[15px] rounded-[4px] leading-[36px] text-center text-white bg-[#0041E8]">Lọc
+                            sản phẩm</a>
+                    </div>
+
+                    <div class="flex items-center mt-[15px]">
+                        <b>Kết quả chọn: </b>
+                        <p>0 sản phẩm</p>
+                    </div>
+
+                    <table class="style-table mt-[15px]">
+                        <thead>
+                            <tr>
+                                <th class="w-[40px]">
+                                    <input type="checkbox" name="change_url_on_update" value="1"
+                                        class="checked:bg-[#0041E8]  w-[16px] h-[16px]  rounded-[4px]">
+                                </th>
+                                <th class="w-[40px]">STT</th>
+                                <th class="w-[90px]">Ảnh</th>
+                                <th>Sản phẩm (Tổng số: 132)</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>
+                                    <input type="checkbox" name="change_url_on_update" value="1"
+                                        class="checked:bg-[#0041E8]  w-[16px] h-[16px]  rounded-[4px]">
+                                </td>
+                                <td>1</td>
+                                <td>
+                                    <img src="{{'img-product.png' | asset_url }}" alt="" class="mx-auto">
+                                </td>
+                                <td>
+                                    <a href="" class="name">Máy đo độ bóng Horiba IG-320 (gloss meter),góc đo 60 °,
+                                        khoảng đo 0.0-100.0, phân độ 0.1, bộ nhớ 99 phép đo</a>
+                                    <p>
+                                        Góc đo tiêu chuẩn 60 ° Khoảng đo 0-100 khoảng hiển thị 0-200 Kết quả đo chính
+                                        xác với độ lặp lại +/- 0,5 % trên toàn dải
+                                        đo Quá trình đo cho kết quả không bị ảnh hưởng bởi ánh sáng môi trường bên ngoài
+                                        Lấy trung bình đến 99 điểm dữ liệu Xem
+                                        các dữ liệu được lưu trữ trên màn hình hiển thị Vận hành thiết bị dễ dàng với 1
+                                        nốt bấm
+                                    </p>
+                                    <p>
+                                        <span>Mã kho:</span>
+                                        <b>MOVI213</b>
+                                    </p>
+                                    <p>Giá: 5.000.000</p>
+                                    <p>SL: 1</p>
+                                    <p>Trạng thái: Đang hiển thị</p>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <div class="paging mt-[20px] mb-[10px]">
+                        <a href="" class=" current ">1</a>
+                        <a href="?page=2" class="">2</a>
+                        <a href="?page=3" class="">3</a>
+                        <a href="?page=4" class="">4</a>
+                        <a href="?page=5" class="">5</a>
+                        <a href="?page=6" class="">6</a>
+                        <a href="?page=7" class="">7</a>
+                        <a href="?page=2" class="">
+                            <i class="fas fa-chevron-right"></i>
+                        </a>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/template/theme.html b/template/theme.html
index d383d43..7b6f142 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -26,8 +26,6 @@
 
 <body>
 
-
-
     <div class="admin-global-container">
 
         <!-- Menu full  -->