diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 57329fa..143a543 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -1163,4 +1163,19 @@ input[type=radio]:focus:before {
   transform: translate(0, -50%);
   content: "\f133";
   font-family: "Font Awesome 6 Free";
+}
+
+.css-table th {
+  padding: 10px;
+  background: #f6f6f6;
+  border: 1px solid #ececec;
+  white-space: nowrap;
+  text-align: left;
+}
+.css-table td {
+  padding: 10px;
+  border: 1px solid #ececec;
+}
+.css-table .name {
+  color: #0041e8;
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index b7f91e2..c28e721 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -1206,3 +1206,20 @@ input[type="radio"] {
         font-family: "Font Awesome 6 Free";
     }
 }
+
+.css-table {
+    th {
+        padding: 10px;
+        background: #f6f6f6;
+        border: 1px solid #ececec;
+        white-space: nowrap;
+        text-align: left;
+    }
+    td {
+        padding: 10px;
+        border: 1px solid #ececec;
+    }
+    .name {
+        color: #0041e8;
+    }
+}
diff --git a/data/report/customer.php b/data/report/customer.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/report/customer.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/report/order.php b/data/report/order.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/report/order.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/report/product_buy.php b/data/report/product_buy.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/report/product_buy.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/report/product_visit.php b/data/report/product_visit.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/report/product_visit.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/report/referer.php b/data/report/referer.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/report/referer.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/report/search.php b/data/report/search.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/report/search.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/system/ban_ip.php b/data/system/ban_ip.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/system/ban_ip.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/system/email.php b/data/system/email.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/system/email.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/system/settings.php b/data/system/settings.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/system/settings.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/system/setup.php b/data/system/setup.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/system/setup.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/system/store_address.php b/data/system/store_address.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/system/store_address.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/system/store_design.php b/data/system/store_design.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/system/store_design.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/template/javascript/index.html b/template/javascript/index.html
index a02b7b0..0122dd5 100644
--- a/template/javascript/index.html
+++ b/template/javascript/index.html
@@ -20,4 +20,8 @@
 
 {% include javascript/brand %}
 
+{% elsif global.module == 'report' %}
+
+{% include javascript/visitor %}
+
 {% endif %}
\ No newline at end of file
diff --git a/template/javascript/visitor.html b/template/javascript/visitor.html
new file mode 100644
index 0000000..f40f9d0
--- /dev/null
+++ b/template/javascript/visitor.html
@@ -0,0 +1,285 @@
+<script src="/assets/script/charts.js"></script>
+<script>
+    $(document).ready(function () {
+        access_chart();
+        chart_pie();
+        revenue_chart();
+    })
+
+    // Truy cập
+    function access_chart() {
+        const options = {
+            colors: ["#0041E8", "#FFC700"],
+            series: [
+                {
+                    name: "Lượt truy cập",
+                    color: "#0041E8",
+                    data: [
+                        { x: "Mon", y: 231 },
+                        { x: "Tue", y: 122 },
+                        { x: "Wed", y: 63 },
+                        { x: "Thu", y: 421 },
+                        { x: "Fri", y: 122 },
+                        { x: "Sat", y: 323 },
+                        { x: "Sun", y: 111 },
+                    ],
+                },
+                {
+                    name: "Số khách",
+                    color: "#FFC700",
+                    data: [
+                        { x: "Mon", y: 232 },
+                        { x: "Tue", y: 113 },
+                        { x: "Wed", y: 341 },
+                        { x: "Thu", y: 224 },
+                        { x: "Fri", y: 522 },
+                        { x: "Sat", y: 411 },
+                        { x: "Sun", y: 243 },
+                    ],
+                },
+            ],
+            chart: {
+                type: "bar",
+                height: "320px",
+                fontFamily: "Inter, sans-serif",
+                toolbar: {
+                    show: false,
+                },
+            },
+            plotOptions: {
+                bar: {
+                    horizontal: false,
+                    columnWidth: "70%",
+                    borderRadiusApplication: "end",
+                    borderRadius: 8,
+                },
+            },
+            tooltip: {
+                shared: true,
+                intersect: false,
+                style: {
+                    fontFamily: "Inter, sans-serif",
+                },
+            },
+            states: {
+                hover: {
+                    filter: {
+                        type: "darken",
+                        value: 1,
+                    },
+                },
+            },
+            stroke: {
+                show: true,
+                width: 0,
+                colors: ["transparent"],
+            },
+            grid: {
+                show: false,
+                strokeDashArray: 4,
+                padding: {
+                    left: 2,
+                    right: 2,
+                    top: -14
+                },
+            },
+            dataLabels: {
+                enabled: false,
+            },
+            legend: {
+                show: true,
+                position: 'top',
+            },
+            xaxis: {
+                floating: false,
+                labels: {
+                    show: true,
+                    style: {
+                        fontFamily: "Inter, sans-serif",
+                        cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
+                    }
+                },
+                axisBorder: {
+                    show: false,
+                },
+                axisTicks: {
+                    show: false,
+                },
+            },
+            yaxis: {
+                show: false,
+            },
+            fill: {
+                opacity: 1,
+            },
+        }
+
+        if (document.getElementById("js-access-chart") && typeof ApexCharts !== 'undefined') {
+            const chart = new ApexCharts(document.getElementById("js-access-chart"), options);
+            chart.render();
+        }
+    }
+
+
+    function chart_pie() {
+        const getChartOptions = () => {
+            return {
+                series: [55, 30, 15],
+                colors: ["#0041E8", "#41C0E9", "#A8E5DA",],
+                chart: {
+                    height: "370px",
+                    width: "100%",
+                    type: "pie",
+                },
+                stroke: {
+                    colors: ["transparent"],
+                    lineCap: "",
+                },
+                plotOptions: {
+                    pie: {
+                        labels: {
+                            show: true,
+                            name: {
+                                show: true,
+                                fontFamily: "Inter, sans-serif",
+                                offsetY: 20,
+                            },
+                            value: {
+                                show: true,
+                                fontFamily: "Inter, sans-serif",
+                                offsetY: -20,
+                                formatter: function (value) {
+                                    return value + "%"
+                                },
+                            },
+                        },
+                        size: "100%",
+                    },
+                },
+                labels: ["Desktop", "Table", "Mobile"],
+                dataLabels: {
+                    enabled: true,
+                    textAnchor: 'middle',
+                    offsetX: '50%',
+                    offsetY: '50%',
+                    borderWidth: 1,
+                    borderColor: '#fff',
+                },
+                legend: {
+                    position: "bottom",
+                    fontFamily: "Inter, sans-serif",
+                },
+                yaxis: {
+                    labels: {
+                        formatter: function (value) {
+                            return value + "%"
+                        },
+                    },
+                },
+                xaxis: {
+                    labels: {
+                        formatter: function (value) {
+                            return value + "%"
+                        },
+                    },
+                    axisTicks: {
+                        show: true,
+                    },
+                    axisBorder: {
+                        show: true,
+                    },
+                },
+            }
+        }
+
+        if (document.getElementById("js-chart-pie") && typeof ApexCharts !== 'undefined') {
+            const chart = new ApexCharts(document.getElementById("js-chart-pie"), getChartOptions());
+            chart.render();
+        }
+    }
+
+
+    // Doanh thu
+    function revenue_chart() {
+        let options = {
+            chart: {
+                maxWidth: "100%",
+                height: "320px",
+                type: "area",
+                fontFamily: "Inter, sans-serif",
+                dropShadow: {
+                    enabled: false,
+                },
+                toolbar: {
+                    show: false,
+                },
+            },
+            tooltip: {
+                enabled: true,
+                x: {
+                    show: false,
+                },
+            },
+            fill: {
+                type: "gradient",
+                gradient: {
+                    opacityFrom: 0.55,
+                    opacityTo: 0,
+                    shade: "#1C64F2",
+                    gradientToColors: ["#1C64F2"],
+                },
+            },
+            dataLabels: {
+                enabled: false,
+            },
+            stroke: {
+                width: 6,
+            },
+            grid: {
+                show: false,
+                strokeDashArray: 4,
+                padding: {
+                    left: 2,
+                    right: 2,
+                    top: 0
+                },
+            },
+            series: [
+                {
+                    name: "New users",
+                    data: [6500, 6418, 6456, 6526, 6356, 6456],
+                    color: "#0041E8",
+                },
+            ],
+            xaxis: {
+                categories: [
+                    '01 February',
+                    '02 February',
+                    '03 February',
+                    '04 February',
+                    '05 February',
+                    '06 February',
+                    '07 February'
+                ],
+                labels: {
+                    show: false,
+                },
+                axisBorder: {
+                    show: false,
+                },
+                axisTicks: {
+                    show: false,
+                },
+            },
+            yaxis: {
+                show: false,
+            },
+        }
+
+        if (document.getElementById("js-revenue-chart") && typeof ApexCharts !== 'undefined') {
+            const chart = new ApexCharts(document.getElementById("js-revenue-chart"), options);
+            chart.render();
+        }
+    }
+
+</script>
\ No newline at end of file
diff --git a/template/report/customer.html b/template/report/customer.html
new file mode 100644
index 0000000..09eb079
--- /dev/null
+++ b/template/report/customer.html
@@ -0,0 +1,122 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Thống kê truy cập</h1>
+
+        <div class="flex">
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <div class="left">
+                        <b class="text-[24px] block">1.45K</b>
+                        <span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
+                    </div>
+                    <div class="right">
+                        <div
+                            class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
+                            <span class="mr-[5px] font-[700]">12%</span>
+                            <i class="fa-solid fa-arrow-up font-[700]"></i>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="js-access-chart" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Truy cập website</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Truy cập theo tỉnh thành</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+
+
+        <div class="flex mt-[15px]">
+            <div class="w-[700px] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
+                <div class="flex items-center justify-between">
+                    <div class="flex items-center">
+                        <p>Khách hàng đăng ký mới trong 30 ngày: </p>
+                        <b class="ml-[5px]">11.458</b>
+                    </div>
+                    <a href=""
+                        class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                        <i class="fa-regular fa-file-excel"></i></a>
+                </div>
+
+                <table class="style-table mt-[15px]">
+                    <thead>
+                        <tr>
+                            <th class="w-[50px]">STT</th>
+                            <th>Ngày</th>
+                            <th>Số truy cập</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/report/order.html b/template/report/order.html
new file mode 100644
index 0000000..221b360
--- /dev/null
+++ b/template/report/order.html
@@ -0,0 +1,131 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Thống kê đơn hàng</h1>
+
+        <div class="flex">
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <div class="left">
+                        <b class="text-[24px] block">1.45K</b>
+                        <span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
+                    </div>
+                    <div class="right">
+                        <div
+                            class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
+                            <span class="mr-[5px] font-[700]">12%</span>
+                            <i class="fa-solid fa-arrow-up font-[700]"></i>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="js-revenue-chart" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Truy cập website</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Truy cập theo tỉnh thành</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+
+
+        <div class="flex mt-[15px]">
+            <div class="w-[700px] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
+                <div class="flex items-center justify-between">
+                    <div class="flex items-center">
+                        <p>Khách hàng đăng ký mới trong 30 ngày: </p>
+                        <b class="ml-[5px]">11.458</b>
+                    </div>
+                    <a href=""
+                        class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                        <i class="fa-regular fa-file-excel"></i></a>
+                </div>
+
+                <table class="style-table mt-[15px]">
+                    <thead>
+                        <tr>
+                            <th class="w-[50px]">STT</th>
+                            <th>Ngày</th>
+                            <th>Số đơn hàng mới</th>
+                            <th class="w-[120px]">Tình trạng</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                            <td>
+                                <span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#FFC700]"></span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                            <td>
+                                <span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#0041E8]"></span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                            <td>
+                                <span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#FFC700]"></span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                            <td>
+                                <span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#E00000]"></span>
+                            </td>
+                        </tr>
+
+                    </tbody>
+                </table>
+
+            </div>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/report/product_buy.html b/template/report/product_buy.html
new file mode 100644
index 0000000..b3fd413
--- /dev/null
+++ b/template/report/product_buy.html
@@ -0,0 +1,101 @@
+<div class="w-[100%]">
+    <div class="p-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Sản phẩm mua nhiều</h1>
+
+        <div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <div class="flex items-center justify-between pb-[5px] border-b-[1px] border-[#ECECEC]">
+                <b class="text-[20px]">Top sản phẩm mua nhiều</b>
+                <select name="" id="">
+                    <option value="">Last 7 days</option>
+                </select>
+            </div>
+            <div class="content py-[10px]">
+                <div class="mb-[15px]">
+                    <a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                    <div class="flex items-center justify-between">
+                        <div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
+                            <div class="absolute w-[70%] h-[100%] rounded-[9px] left-[0] bg-[#E00000]"></div>
+                        </div>
+                        <span>223 đơn</span>
+                    </div>
+                </div>
+                <div class="mb-[15px]">
+                    <a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                    <div class="flex items-center justify-between">
+                        <div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
+                            <div class="absolute w-[50%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
+                        </div>
+                        <span>223 đơn</span>
+                    </div>
+                </div>
+                <div class="">
+                    <a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                    <div class="flex items-center justify-between">
+                        <div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
+                            <div class="absolute w-[20%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
+                        </div>
+                        <span>223 đơn</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] mt-[15px]">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center">
+                    <p>Khách hàng đăng ký mới trong 30 ngày: </p>
+                    <b class="ml-[5px]">11.458</b>
+                </div>
+                <a href=""
+                    class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                    <i class="fa-regular fa-file-excel"></i></a>
+            </div>
+            <table class="style-table mt-[15px]">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Mã số</th>
+                        <th>Sản phẩm</th>
+                        <th class="w-[75px]">Số đơn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/report/product_visit.html b/template/report/product_visit.html
new file mode 100644
index 0000000..b7e4631
--- /dev/null
+++ b/template/report/product_visit.html
@@ -0,0 +1,101 @@
+<div class="w-[100%]">
+    <div class="p-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Sản phẩm xem nhiều</h1>
+
+        <div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <div class="flex items-center justify-between pb-[5px] border-b-[1px] border-[#ECECEC]">
+                <b class="text-[20px]">Top sản phẩm xem nhiều</b>
+                <select name="" id="">
+                    <option value="">Last 7 days</option>
+                </select>
+            </div>
+            <div class="content py-[10px]">
+                <div class="mb-[15px]">
+                    <a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                    <div class="flex items-center justify-between">
+                        <div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
+                            <div class="absolute w-[70%] h-[100%] rounded-[9px] left-[0] bg-[#E00000]"></div>
+                        </div>
+                        <span>223 đơn</span>
+                    </div>
+                </div>
+                <div class="mb-[15px]">
+                    <a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                    <div class="flex items-center justify-between">
+                        <div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
+                            <div class="absolute w-[50%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
+                        </div>
+                        <span>223 đơn</span>
+                    </div>
+                </div>
+                <div class="">
+                    <a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                    <div class="flex items-center justify-between">
+                        <div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
+                            <div class="absolute w-[20%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
+                        </div>
+                        <span>223 đơn</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] mt-[15px]">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center">
+                    <p>Khách hàng đăng ký mới trong 30 ngày: </p>
+                    <b class="ml-[5px]">11.458</b>
+                </div>
+                <a href=""
+                    class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                    <i class="fa-regular fa-file-excel"></i></a>
+            </div>
+            <table class="style-table mt-[15px]">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Mã số</th>
+                        <th>Sản phẩm</th>
+                        <th class="w-[75px]">Số đơn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>#2081</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>223</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/report/referer.html b/template/report/referer.html
new file mode 100644
index 0000000..faf72e4
--- /dev/null
+++ b/template/report/referer.html
@@ -0,0 +1,113 @@
+<div class="w-[100%]">
+    <div class="p-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Website giới thiệu</h1>
+
+        <div class="flex">
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <div class="left">
+                        <b class="text-[24px] block">1.45K</b>
+                        <span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
+                    </div>
+                    <div class="right">
+                        <div
+                            class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
+                            <span class="mr-[5px] font-[700]">12%</span>
+                            <i class="fa-solid fa-arrow-up font-[700]"></i>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="js-revenue-chart" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Khách hàng biết tới website</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] my-[15px]">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center">
+                    <p>Các website mang người xem đến website của quý khách nhiều nhất trong tháng</p>
+                </div>
+                <a href=""
+                    class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                    <i class="fa-regular fa-file-excel"></i></a>
+            </div>
+            <table class="style-table mt-[15px]">
+                <thead>
+                    <tr>
+                        <td class="w-[50px]">STT</td>
+                        <td>Nguồn</td>
+                        <td class="w-[150px]">Lượt giới thiệu</td>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>278</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>278</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>278</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <div class="bg-white p-[15px] mt-[15px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="text-[red]">Giải thích thuật ngữ:</b>
+            <ul class="list-disc list-inside">
+                <li class="mb-[5px]">Khi quý khách quảng cáo Sản phẩm, tin tức ở diễn đàn hay ở website nào khác,
+                    hãy cố gắng đặt đường link để
+                    người dùng click vào link đó và truy cập vào website của quý khách. Càng nhiều đường link, website
+                    của
+                    quý khách sẽ được
+                    các bộ máy tìm kiếm như Google, Yahoo, Bing tìm đến và lưu lại thông tin. Như vậy sẽ có hiệu quả tốt
+                    khi
+                    người dùng tìm
+                    kiếm Google và nhìn thấy được website của quý khách mà không phải là tin bài quý khách đã quảng cáo
+                    ở
+                    các website khác.
+                </li>
+            </ul>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/report/search.html b/template/report/search.html
new file mode 100644
index 0000000..6ae1cda
--- /dev/null
+++ b/template/report/search.html
@@ -0,0 +1,95 @@
+<div class="w-[100%]">
+    <div class="p-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Thống kê tìm kiếm</h1>
+
+        <div class="flex">
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <div class="left">
+                        <b class="text-[24px] block">1.45K</b>
+                        <span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
+                    </div>
+                    <div class="right">
+                        <div
+                            class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
+                            <span class="mr-[5px] font-[700]">12%</span>
+                            <i class="fa-solid fa-arrow-up font-[700]"></i>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="js-revenue-chart" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Công cụ tìm kiếm website</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] my-[15px]">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center">
+                    <p>Tìm kiếm tại website nhiều nhất trong 30 ngày qua</p>
+                </div>
+                <a href=""
+                    class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                    <i class="fa-regular fa-file-excel"></i></a>
+            </div>
+            <table class="style-table mt-[15px]">
+                <thead>
+                    <tr>
+                        <td class="w-[50px]">STT</td>
+                        <td>Nguồn</td>
+                        <td class="w-[150px]">Lượt giới thiệu</td>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>278</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>278</td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
+                        </td>
+                        <td>278</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/report/visitor.html b/template/report/visitor.html
index 2e6ce2d..4c639a1 100644
--- a/template/report/visitor.html
+++ b/template/report/visitor.html
@@ -1 +1,198 @@
-template/report/visitor.html
\ No newline at end of file
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Thống kê truy cập</h1>
+
+        <div class="flex">
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <div class="left">
+                        <b class="text-[24px] block">1.45K</b>
+                        <span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
+                    </div>
+                    <div class="right">
+                        <div
+                            class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
+                            <span class="mr-[5px] font-[700]">12%</span>
+                            <i class="fa-solid fa-arrow-up font-[700]"></i>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="js-access-chart" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Truy cập website</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+
+            </div>
+            <div
+                class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
+                <div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
+                    <b class="text-[24px] block">Truy cập theo tỉnh thành</b>
+                    <select name="" id="" class="text-[#0041E8]">
+                        <option value="">28/12/2023 - 03/01/2024</option>
+                    </select>
+                </div>
+
+                <div id="js-chart-pie" style="min-height: 335px;"></div>
+
+                <div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
+                    <select name="" id="" class="">
+                        <option value="">Last 7 days</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+
+
+        <div class="flex mt-[15px]">
+            <div class="w-[50%] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
+                <div class="flex items-center justify-between">
+                    <div class="flex items-center">
+                        <p>Tổng số lượt truy cập trong 30 ngày: </p>
+                        <b class="ml-[5px]">11.458</b>
+                    </div>
+                    <a href=""
+                        class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                        <i class="fa-regular fa-file-excel"></i></a>
+                </div>
+
+                <table class="style-table mt-[15px]">
+                    <thead>
+                        <tr>
+                            <th class="w-[50px]">STT</th>
+                            <th>Ngày</th>
+                            <th>Số truy cập</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+            <div class="w-[50%] ml-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
+                <div class="flex items-center justify-between">
+                    <div class="flex items-center">
+                        <p>Tổng số lượt truy cập trong 30 ngày: </p>
+                        <b class="ml-[5px]">11.458</b>
+                    </div>
+                    <a href=""
+                        class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
+                        <i class="fa-regular fa-file-excel"></i></a>
+                </div>
+
+                <table class="style-table mt-[15px]">
+                    <thead>
+                        <tr>
+                            <th class="w-[50px]">STT</th>
+                            <th>Ngày</th>
+                            <th>Số truy cập</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>05-12-2021</td>
+                            <td>235</td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+        </div>
+
+        <div class="bg-white p-[15px] mt-[15px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="text-[red]">Giải thích thuật ngữ:</b>
+            <ul class="list-disc list-inside">
+                <li class="mb-[5px]"><b>Giới thiệu bởi: </b>
+                    Giới thiệu bởi : Là địa chỉ website mang người xem tới website. Ví dụ: Người xem đang xem website
+                    abcd.com và thấy có
+                    đường link Sản phẩm, người đó click vào đường link để tới website của bạn, như vậy website abcd.com
+                    sẽ được hệ thống lưu
+                    lại. Hãy quảng cáo link Sản phẩm hoặc gian hàng của bạn ở các website khác để tăng sự giới thiệu.
+                </li>
+                <li class="mb-[5px]">
+                    <b>IP : </b>Đây là địa chỉ IP của máy tính của người xem. Mỗi máy tính đều có 1 địa chỉ riêng để
+                    nhận
+                    biết (và gọi IP). Trong
+                    một mạng nội bộ chia sẻ (ví dụ: quán Internet Cafe) thì nhiều máy dùng chung 1 đường dây mạng sẽ
+                    có cùng 1 địa chỉ IP
+                    (khi truy cập bên ngoài).
+                </li>
+                <li class="mb-[5px]">
+                    <b>Thời gian : </b>Thời gian truy cập website
+                </li>
+                <li class="mb-[5px]">
+                    <b>Trang được xem : </b>Trang chi tiết trên website được xem.
+                </li>
+            </ul>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/ban_ip.html b/template/system/ban_ip.html
new file mode 100644
index 0000000..8b189a2
--- /dev/null
+++ b/template/system/ban_ip.html
@@ -0,0 +1,72 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/system"> Cài đặt chung </a>
+    <a href=""> Chặn IP xấu truy cập website </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <div
+        class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
+        <p class="font-bold text-[20px] leading-[26px] mb-[5px] block"> Chặn IP xấu truy cập website </p>
+        <p class="text-[14px] text-[#6B7280]">Chức năng này cho phép bạn ngăn chặn một số địa chỉ IP truy cập vào
+            website. Thường dùng
+            để chặn đối thủ hoặc
+            những
+            người có mục đích xấu muốn phá hoại website của bạn</p>
+    </div>
+
+    <div
+        class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+        <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Thông tin
+        </a>
+    </div>
+
+    <div class="w-[852px]">
+        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="block text-[20px] mb-[10px]">Nhập IP cần cấm (mỗi IP 1 dòng)</b>
+            <div class="flex items-center">
+                Bạn có thể xem địa chỉ IP tại <a href="/admin/report/visitor" class="text-[#0041E8] ml-[5px]">Báo cáo
+                    truy
+                    cập</a>. Để loại bỏ
+                IP khỏi danh sách cấm, xóa IP
+                trong danh sách
+                và cập nhật
+                lại.
+            </div>
+
+            <div class="flex mt-[15px]">
+                <textarea name="" id=""
+                    class="p-[15px] w-[400px] h-[350px] border-[1px] border-[#D8D8D8] rounded-[4px]">103.123.97.250 
+72.35.247.140 
+151.80.39.52 
+151.80.39.228 
+151.80.39.* 
+151.80.39.0/255 
+94.198.55.223 
+94.198.55.*
+94.198.55.0/255 
+5.62.61.213 
+113.166.92.31 
+14.164.185.* 
+144.76.60.98 
+46.159.119.174 
+123.30.175.83</textarea>
+                <div class="text-[#6B7280] italic ml-[15px] mt-[15px]">
+                    <p>Hỗ trợ các định dạng: 127.0.0.1</p>
+                    <p>172.0.0.*</p>
+                    <p>173.0.*.*</p>
+                    <p>126.1.0.0/24</p>
+                    <p>125.0.0.1-125.0.0.9</p>
+                </div>
+
+            </div>
+
+        </div>
+        <div
+            class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <input type="submit" value="Cập nhật"
+                class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/email.html b/template/system/email.html
new file mode 100644
index 0000000..a912a39
--- /dev/null
+++ b/template/system/email.html
@@ -0,0 +1,394 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/system"> Cài đặt chung </a>
+    <a href=""> Email bán hàng/CSKH </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <div
+        class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
+        <p class="font-bold text-[20px] leading-[26px] block"> Cài đặt Email </p>
+    </div>
+
+    <div
+        class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+        <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Thông tin
+        </a>
+    </div>
+
+    <div class="w-[852px]">
+        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
+            <b class="block text-[16px] mb-[5px]">Cài đặt email</b>
+            <table class="style-table">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Phân loại</th>
+                        <th class="w-[345px]">Cài đặt</th>
+                        <th class="w-[115px]">Hành động</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="align-text-top">1</td>
+                        <td>
+                            <b>Email gửi thông báo cho khách hàng (*)</b>
+                            <p>Dùng gửi khách hàng khi họ đặt hàng, báo tình trạng đơn hàng v.v. Cần phải dùng một dịch
+                                vụ gửi email để gửi đi. Mặc
+                                định là dùng hotro@demopc8.hurasoft.com và sử dụng dịch vụ gửi email của HuraSoft.
+                            </p>
+                        </td>
+                        <td class="align-text-top">
+                            <div class="flex items-center">
+                                <p>Email *</p>
+                                <input type="text"
+                                    class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">2</td>
+                        <td>
+                            <b>Email nhận chung (*)</b>
+                            <p>Bắt buộc. Sẽ được dùng để nhận tất cả các thông báo của website nếu các email khác dưới
+                                đây không được cài.
+                            </p>
+                        </td>
+                        <td class="align-text-top">
+                            <div class="flex items-center">
+                                <p>Email *</p>
+                                <input type="text"
+                                    class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">3</td>
+                        <td>
+                            <b>Email nhận thông báo đơn hàng</b>
+                            <p>Các đơn hàng mới sẽ được gửi thông báo vào Email này</p>
+                        </td>
+                        <td class="align-text-top">
+                            <div class="flex items-center">
+                                <p>Email *</p>
+                                <input type="text"
+                                    class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">4</td>
+                        <td>
+                            <b>Email nhận liên hệ</b>
+                            <p>Các liên hệ mới sẽ được gửi thông báo vào Email này</p>
+                        </td>
+                        <td class="align-text-top">
+                            <div class="flex items-center">
+                                <p>Email *</p>
+                                <input type="text"
+                                    class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div
+            class="p-[15px] border-t-[6px] border-[#FAFAFB] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
+            <div class="text-[#6B7280]">
+                Hướng dẫn: Nên dùng Editor ở phần <a href="" class="ml-[2px] text-[#0041E8]">sửa template</a> để chỉnh
+                nội dung html rồi copy/cập nhật ở
+                đây
+            </div>
+            <table class="style-table">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Phân loại</th>
+                        <th class="w-[312px]">Nội dung</th>
+                        <th>Hành động</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="align-text-top">1</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">2</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo cho khách hàng khi đơn hàng được cập nhật trạng thái
+                            mới <br> email_tpl_update_buyer_order_status
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">3</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">4</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">5</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">6</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">7</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">8</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="align-text-top">9</td>
+                        <td class="align-text-top">
+                            Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
+                        </td>
+                        <td>
+                            <a href="javascript:void(0)"
+                                class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
+                                nội
+                                dung</a>
+                            <div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
+                                <textarea name="" id=""
+                                    class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
+                                <p>- Dữ liệu có thể dùng. page</p>
+                                <div class="flex items-center">
+                                    <p>- Test hiển thị:</p>
+                                    <a href="javascript:void(0)"
+                                        class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
+                                        hiển thị</a>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+                            <a href="javascript:void(0)"
+                                class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/form_setup/general.html b/template/system/form_setup/general.html
new file mode 100644
index 0000000..0c4c19e
--- /dev/null
+++ b/template/system/form_setup/general.html
@@ -0,0 +1,98 @@
+<div class="w-[852px]">
+    <div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <table class="css-table">
+            <tr>
+                <td class="w-[258px] align-text-top	">
+                    <b>Tạm đóng website</b>
+                    <p class="text-[#6B7280]">(Nếu bạn chưa muốn người dùng xem website, hãy tạm đóng lại)</p>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[140px]">Mật khẩu để xem</b>
+                        <input type="text"
+                            class="w-[130px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] mx-[10px]">
+                        <span class="text-[#E00000] italic">(Xóa bỏ mật khẩu để mở lại website)</span>
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[140px]">Nội dung thông báo khách hàng:</b>
+                        <textarea type="text"
+                            class="w-[calc(100%_-160px)] h-[75px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] mx-[10px]"></textarea>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Xác thực tên miền với Google Sử dụng khi cài email của Google</b>
+                </td>
+                <td>
+                    <textarea type="text"
+                        class="w-[97%] h-[75px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"></textarea>
+                    <p class="text-[#6B7280] italic">Nhập nội dung của file Google vào ô trên</p>
+                    <div class="text-[#6B7280] italic flex">
+                        (<p>V.d.</p> <span class="text-[#E00000]">google-site-verification:
+                            google0b0cdca26a03ce2e.html</span>)
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top"><b>Tỷ giá ngoại tệ (USD/VND)</b></td>
+                <td>
+                    <input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
+                        placeholder="1" />
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Số lượng sản phẩm / 1 trang danh mục</b>
+                </td>
+                <td>
+                    <input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
+                        placeholder="1" />
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Thứ tự sản phẩm mặc định trong danh mục</b>
+                </td>
+                <td>
+                    <select type="text"
+                        class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                        <option value="">Thứ tự cài đặt, mới cập nhật</option>
+                    </select>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Số lượng tin tức hiển thị / 1 trang</b>
+                </td>
+                <td>
+                    <input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
+                        placeholder="1" />
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>SiteManager (nếu có)</b>
+                </td>
+                <td>
+                    <input type="text" class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
+                        placeholder="SiteManager (nếu có)" />
+                    <span class="block text-[#6B7280] italic mt-[5px]">v.d. http://web.hurasoft.com</span>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>SiteManager Access Key</b>
+                </td>
+                <td>
+                    <input type="text" class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
+                        placeholder="SiteManager Access Key" />
+                    <span class="block text-[#6B7280] italic mt-[5px]">xem trong sitemanager</span>
+                </td>
+            </tr>
+        </table>
+        <input type="submit" value="Cập nhật"
+            class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/form_setup/homepage.html b/template/system/form_setup/homepage.html
new file mode 100644
index 0000000..b92d1e4
--- /dev/null
+++ b/template/system/form_setup/homepage.html
@@ -0,0 +1,121 @@
+<div class="w-[852px]">
+    <div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <b>Hướng dẫn:</b>
+        <ul>
+            <li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
+                Để percat nếu muốn hệ thống
+                tự động lấy theo danh mục sản phẩm đang xem</li>
+            <li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
+                số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
+            </li>
+        </ul>
+
+        <table class="css-table mt-[15px]">
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm nổi bật (HOT)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm bán chạy nhất (BEST SALE)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm mới nhất (NEW)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm xả hàng (SALE OFF)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Tin tức</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Bộ sưu tập sản phẩm</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+        </table>
+
+        <input type="submit" value="Cập nhật"
+            class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/form_setup/pro_category.html b/template/system/form_setup/pro_category.html
new file mode 100644
index 0000000..6a52fb4
--- /dev/null
+++ b/template/system/form_setup/pro_category.html
@@ -0,0 +1,121 @@
+<div class="w-[852px]">
+    <div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <b>Hướng dẫn:</b>
+        <ul>
+            <li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
+                Để <span class="text-[#E00000]">percat</span> nếu muốn hệ thống
+                tự động lấy theo danh mục sản phẩm đang xem</li>
+            <li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
+                số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
+            </li>
+        </ul>
+
+        <table class="css-table mt-[15px]">
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm nổi bật (HOT)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm bán chạy nhất (BEST SALE)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm mới nhất (NEW)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Sản phẩm xả hàng (SALE OFF)</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Tin tức</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Bộ sưu tập sản phẩm</b>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[130px]">ID danh mục</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[130px]">Số lượng hiển thị</b>
+                        <input type="text"
+                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                    </div>
+                </td>
+            </tr>
+        </table>
+
+        <input type="submit" value="Cập nhật"
+            class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/form_setup/product.html b/template/system/form_setup/product.html
new file mode 100644
index 0000000..c5c3945
--- /dev/null
+++ b/template/system/form_setup/product.html
@@ -0,0 +1,71 @@
+<div class="w-[852px]">
+    <div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+
+        <table class="css-table">
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b class="block">Kích thước ảnh sản phẩm</b>
+                    <span class="text-[#6B7280] italic">Điều chỉnh kích thước ảnh cho phù hợp với giao diện
+                        website:</span>
+                </td>
+                <td>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[70px]">thumb</b>
+                        <input type="text"
+                            class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                        <span class="italic ml-[7px] text-[#6B7280]">px</span>
+                    </div>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[70px]">small</b>
+                        <input type="text"
+                            class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                        <span class="italic ml-[7px] text-[#6B7280]">px</span>
+                    </div>
+                    <div class="flex items-center mb-[10px]">
+                        <b class="w-[70px]">medium</b>
+                        <input type="text"
+                            class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                        <span class="italic ml-[7px] text-[#6B7280]">px</span>
+                    </div>
+                    <div class="flex items-center">
+                        <b class="w-[70px]">large</b>
+                        <input type="text"
+                            class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
+                        <span class="italic ml-[7px] text-[#6B7280]">px</span>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Tạo ảnh vuông</b>
+                </td>
+                <td>
+                    <div class="check-form flex items-center mb-[10px]">
+                        <input type="checkbox" name="" value="1" checked
+                            class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                        <span class="ml-[10px] text-[#6B7280]">Tạo các ảnh nhỏ hình vuông với kích thước như trên
+                        </span>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="w-[258px] align-text-top">
+                    <b>Ghi chữ bản quyền lên ảnh</b>
+                </td>
+                <td>
+                    <div class="check-form flex items-center">
+                        <input type="checkbox" name="" value="1" checked
+                            class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                        <span class="ml-[10px] text-[#6B7280]">Ghi bản quyền</span>
+                    </div>
+                    <p class="ml-[25px] text-[#6B7280] italic">(Tên miền website demopc8.hurasoft.com sẽ được ghi lên
+                        ảnh sản
+                        phẩm)</p>
+                </td>
+            </tr>
+        </table>
+
+        <input type="submit" value="Cập nhật"
+            class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/settings.html b/template/system/settings.html
new file mode 100644
index 0000000..0267417
--- /dev/null
+++ b/template/system/settings.html
@@ -0,0 +1,168 @@
+<div class="w-[100%]">
+    <div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
+        <h1 class="text-[24px] font-[700] mb-[15px]">Tổng hợp các cài đặt cho website</h1>
+        <div class="mb-[30px]">
+            <b class="block mb-[10px]">Cài đặt hiển thị ngoài giao diện:</b>
+            <table class="style-table mt-[15px]">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Nội dung</th>
+                        <th class="w-[150px]">Quản lý</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>Header (logo, banner top)</td>
+                        <td>
+                            <a href="/admin/system/store-design"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>2</td>
+                        <td>Banner popup</td>
+                        <td>
+                            <a href="/admin/system/store-design/section=popup"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>3</td>
+                        <td>Ảnh/màu nền website</td>
+                        <td>
+                            <a href="/admin/system/store-design/section=background"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>4</td>
+                        <td>Thông tin cài đặt tùy biến khác</td>
+                        <td>
+                            <a href="/admin/system/store-design/section=other"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="mb-[15px]">
+            <b class="block mb-[10px]">Cài đặt dùng cho hệ thống:</b>
+            <table class="style-table mt-[15px]">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Nội dung</th>
+                        <th class="w-[150px]">Quản lý</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>Cài đặt hiển thị</td>
+                        <td>
+                            <a href="/admin/system/setup"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>2</td>
+                        <td>Chi nhánh cửa hàng</td>
+                        <td>
+                            <a href="/admin/system/store-address"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>3</td>
+                        <td>Chặn IP xấu truy cập website</td>
+                        <td>
+                            <a href="/admin/system/ban-ip"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>4</td>
+                        <td>Email bán hàng/CSKH</td>
+                        <td>
+                            <a href="/admin/system/email"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>5</td>
+                        <td>Print/ Xuất Excel</td>
+                        <td>
+                            <a href="/admin/system/print"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>6</td>
+                        <td>Meta SEO trang chủ</td>
+                        <td>
+                            <a href="/admin/system/change-info"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>7</td>
+                        <td>Thông tin giới thiệu cửa hàng</td>
+                        <td>
+                            <a href="/admin/system/change-info"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>8</td>
+                        <td>Thông tin các tỉnh/thành/quận-huyện</td>
+                        <td>
+                            <a href="/admin/system/province-list"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>9</td>
+                        <td>Các phương thức thanh toán</td>
+                        <td>
+                            <a href="/admin/system/pay-method"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>10</td>
+                        <td>Các phương thức vận chuyển</td>
+                        <td>
+                            <a href="/admin/system/ship-method"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>11</td>
+                        <td>Cài đặt phí vận chuyển</td>
+                        <td>
+                            <a href="/admin/shipping2"
+                                class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
+                                lý</a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/system/setup.html b/template/system/setup.html
new file mode 100644
index 0000000..35bbb27
--- /dev/null
+++ b/template/system/setup.html
@@ -0,0 +1,58 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/system/setup"> Cài đặt chung </a>
+    <a href=""> Cài đặt hiển thị </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <div
+        class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
+        <p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cài đặt hiển thị </p>
+    </div>
+
+
+    <div
+        class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+        <a href="/admin/system/setup/option=general" {% if global.url contains 'option=general' %}
+            style="color: #Fff;background: #0041E8;" {% endif %}
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">Cài
+            đặt chung
+        </a>
+
+        <a href="/admin/system/setup/option=homepage" {% if global.url contains 'option=homepage' %}
+            style="color: #Fff;background: #0041E8;" {% endif %}
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Trang chủ
+        </a>
+
+        <a href="/admin/system/setup/option=pro_category" {% if global.url contains 'option=pro_category' %}
+            style="color: #Fff;background: #0041E8;" {% endif %}
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Danh mục sản phẩm
+        </a>
+
+        <a href="/admin/system/setup/option=product" {% if global.url contains 'option=product' %}
+            style="color: #Fff;background: #0041E8;" {% endif %}
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Chi tiết sản phẩm
+        </a>
+    </div>
+
+    {% if global.url contains 'option=general' %}
+
+    {% include 'system/form_setup/general' %}
+
+    {% elsif global.url contains 'option=homepage' %}
+
+    {% include 'system/form_setup/homepage' %}
+
+    {% elsif global.url contains 'option=pro_category' %}
+
+    {% include 'system/form_setup/pro_category' %}
+
+    {% elsif global.url contains 'option=product' %}
+
+    {% include 'system/form_setup/product' %}
+
+    {% endif %}
+
+</div>
\ No newline at end of file
diff --git a/template/system/store_address.html b/template/system/store_address.html
new file mode 100644
index 0000000..db76ebf
--- /dev/null
+++ b/template/system/store_address.html
@@ -0,0 +1,142 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/system"> Cài đặt chung </a>
+    <a href=""> Cài đặt chi nhánh cửa hàng </a>
+</div>
+
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
+    <div
+        class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
+        <p class="font-bold text-[20px] leading-[26px]"> Các địa chỉ cửa hàng </p>
+    </div>
+
+    <div
+        class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+        <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
+            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+            Thêm địa chỉ mới
+        </a>
+    </div>
+
+    <div class="w-[852px]">
+        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="block text-[20px] mb-[10px]">Thêm địa chỉ mới</b>
+            <div class="flex items-center">
+                <div class="form-control mb-[15px] mr-[7px]">
+                    <label class="font-[600] mb-[5px] text-[14px]">Đặt tên</label>
+                    <input type="text" size="60" name="" placeholder="Đặt tên"
+                        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-[15px] ml-[7px]">
+                    <label class="font-[600] mb-[5px] text-[14px]">Tel</label>
+                    <input type="text" size="60" name="" placeholder="Tel"
+                        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>
+
+            <div class="flex items-center">
+                <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                    <label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
+                    <select name="" id=""
+                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        <option value="">-- Chọn tỉnh/TP --</option>
+                    </select>
+                </div>
+                <div class="form-control mb-[15px] w-[100%] ml-[7px]">
+                    <label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
+                    <select name="" id=""
+                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
+                        <option value="">-- Chọn Quận/Huyện --</option>
+                    </select>
+                </div>
+            </div>
+
+            <div class="form-control mb-[15px]">
+                <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
+                <input type="text" size="60" name="" placeholder="Địa chỉ"
+                    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-[15px]">
+                <label class="font-[600] mb-[5px] text-[14px]">StoreID trên phần mềm kho hàng (nếu có)</label>
+                <input type="text" size="60" name="" placeholder="StoreID trên phần mềm kho hàng (nếu có)"
+                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+            </div>
+
+            <div class="flex items-center">
+                <b class="w-[200px]">Đây là 1 cửa hàng ?</b>
+                <div class="check-form flex items-center">
+                    <input type="checkbox" name="" value="1" checked
+                        class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                    <span class="ml-[10px] text-[#6B7280]">Đây là 1 cửa hàng khách có thể tới
+                    </span>
+                </div>
+            </div>
+
+            <input type="submit" value="Cập nhật"
+                class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+
+        </div>
+
+        <div
+            class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
+            <b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b>
+            <table class="style-table mb-[15px]">
+                <thead>
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th class="w-[135px]">Tên gọi</th>
+                        <th>Địa chỉ</th>
+                        <th class="w-[100px]">Tỉnh</th>
+                        <th>Là 1 cửa hàng</th>
+                        <th class="w-[70px]">ERP ID</th>
+                        <th>Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>HACOM Q7, TP. Hồ Chí Minh</td>
+                        <td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
+                        <td>TP HCM</td>
+                        <td>yes</td>
+                        <td>Ton120</td>
+                        <td>
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class="fa-regular fa-eye-slash 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]'><i
+                                        class='icons icon-remove'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>HACOM Q7, TP. Hồ Chí Minh</td>
+                        <td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
+                        <td>TP HCM</td>
+                        <td>yes</td>
+                        <td>Ton120</td>
+                        <td>
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class="fa-regular fa-eye-slash 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]'><i
+                                        class='icons icon-remove'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/theme.html b/template/theme.html
index 7b6f142..47f7176 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -26,6 +26,7 @@
 
 <body>
 
+
     <div class="admin-global-container">
 
         <!-- Menu full  -->