giao dien admin hura 8

assets/js/chart_home.js

@@ -0,0 +1,254 @@
+const revenue = document.getElementById('revenueChart');
+
+
+// Mảng labels chứa các ngày trong tuần
+var labels_week = ['', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN'];
+var labels_month = ['', 'T1', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'T8', 'T9', 'T10', 'T11', 'T12']
+var labels_year = ['', '2022', '2023']
+// Mảng data chứa dữ liệu biểu đồ
+var weeklyData = [0, 50000, 20000, 150000, 60000, 5000, 8000, 70];
+var monthlyData = [0, 60000, 20000, 150000, 60000, 5000, 8000, 70, 20000, 10000, 40000, 2000, 22];
+var yearlyData = [0, 20000000, 5000000];
+// Xác định ngày hiện tại
+const today = new Date().getDay(); // Lấy ngày trong tuần từ 0 (Chủ nhật) đến 6 (Thứ 7)
+
+
+const Chart_revenue = new Chart(revenue, {
+    type: 'line',
+    data: {
+        labels: labels_week,
+        datasets: [{
+            label: 'view',
+            data: weeklyData,
+            borderColor: '#4795DF',
+            borderWidth: 2,
+            pointRadius: 6, // Đặt kích thước điểm mặc định
+            pointHoverRadius: 8 // Đặt kích thước điểm khi hover
+        },]
+    },
+    options: {
+        scales: {
+            y: {
+                beginAtZero: true,
+                grid: {
+                    display: true,
+                    color: 'transparent' // Màu sắc của ô kẻ trục x
+                },
+                ticks: {
+                    stepSize: 50000,
+                    callback: function (value, index, values) {
+                        if (value >= 1000) {
+                            return (value / 1000) + 'k';
+                        }
+                        return value;
+                    }
+                }
+            },
+            x: {
+                beginAtZero: true,
+                grid: {
+                    display: true,
+                    color: 'rgb(234,239,244)', // Màu mờ
+                },
+                border: {
+                    dash: [4, 8],
+                },
+                ticks: {
+                    color: 'rgb(136,183,228)' // Màu đen
+                },
+            },
+        },
+        plugins: {
+            legend: {
+                display: false // Ẩn hiển thị legend
+            },
+            title: {
+                display: true,
+            },
+            tooltip: {
+                borderColor: 'black'
+            }
+        },
+        elements: {
+            line: {
+                tension: 0.2
+            },
+            point: {
+                borderColor: "#4795DF",
+                backgroundColor: "#4795DF"
+            }
+        },
+        interaction: {
+            mode: 'index', // Chế độ tương tác
+            intersect: false
+        },
+        onHover: function (event, elements) {
+            if (elements.length > 0) {
+                var element = elements[0];
+                var datasetIndex = element.datasetIndex;
+                var index = element.index;
+
+                // Tạo mảng mới chứa màu mờ ban đầu cho tất cả các điểm
+                var gridColor = new Array(Chart_revenue.data.labels.length).fill('rgb(234,239,244)');
+                var ticksColor = new Array(Chart_revenue.data.labels.length).fill('rgb(234,239,244)');
+
+                // Đặt màu của trục x tương ứng với điểm được hover thành màu tương ứng
+                gridColor[index] = 'rgb(136,183,228)';
+                ticksColor[index] = 'rgb(136,183,228)';
+
+                // Cập nhật màu của trục x
+                Chart_revenue.options.scales.x.grid.color = gridColor;
+                Chart_revenue.options.scales.x.ticks.color = ticksColor;
+
+                // Cập nhật biểu đồ
+                Chart_revenue.update();
+            }
+        },
+        onLeave: function () {
+            // Reset màu của trục x về màu mờ ban đầu
+            Chart_revenue.options.scales.x.grid.color = 'rgb(234,239,244)';
+            Chart_revenue.options.scales.x.ticks.color = 'rgb(234,239,244)';
+
+            // Cập nhật biểu đồ
+            Chart_revenue.update();
+        },
+    }
+});
+
+
+const clickRevenue = document.getElementById('click-revenue');
+clickRevenue.addEventListener('change', select_revenue);
+
+function select_revenue() {
+    var selectedValue = clickRevenue.value;
+
+    if (selectedValue === 'week') {
+        Chart_revenue.data.labels = labels_week;
+        Chart_revenue.data.datasets[0].data = weeklyData;
+    } else if (selectedValue === 'month') {
+        Chart_revenue.data.labels = labels_month;
+        Chart_revenue.data.datasets[0].data = monthlyData;
+    } else if (selectedValue === 'year') {
+        Chart_revenue.data.labels = labels_year;
+        Chart_revenue.data.datasets[0].data = yearlyData;
+    }
+
+    Chart_revenue.update();
+}
+
+
+
+
+//  bieu dồ lượt truy cập
+const access = document.getElementById('chart_access');
+
+const Chart_access = new Chart(access, {
+    type: 'bar',
+    data: {
+        labels: ['Cột 1', 'Cột 2', 'Cột 3', 'Cột 4', 'Cột 5', 'Cột 6'],
+        datasets: [
+            {
+                label: 'Dữ liệu cột 1',
+                data: [100000, 20000, 5000, 16000, 2000, 22],
+                backgroundColor: 'rgb(141,212,252)',
+                borderWidth: 0,
+                borderRadius: 50
+            },
+            {
+                label: 'Dữ liệu cột 2',
+                data: [150202, 20005, 5055, 17000, 60000, 22],
+                backgroundColor: 'rgb(44,122,244)',
+                borderWidth: 0,
+                borderRadius: 50
+            },
+        ]
+    },
+    options: {
+        responsive: true,
+        scales: {
+            x: {
+                grid: {
+                    display: true,
+                    color: 'transparent', // Màu sắc của ô kẻ trục x
+                }
+            },
+            y: {
+                beginAtZero: true,
+                grid: {
+                    display: true,
+                    color: 'rgb(221,221,221)',
+                    borderDash: [5, 5],
+                },
+                ticks: {
+                    stepSize: 50000,
+                    callback: function (value, index, values) {
+                        if (value >= 1000) {
+                            return (value / 1000) + 'k';
+                        }
+                        return value;
+                    }
+                }
+            }
+        },
+        plugins: {
+            legend: {
+                display: false // Ẩn hiển thị legend
+            },
+            title: {
+                display: true,
+            },
+            tooltip: {
+                borderColor: 'black'
+            }
+        },
+        barPercentage: 1,
+        categoryPercentage: 0.2
+    },
+});
+
+
+//  biểu đồ website giới thiệu
+
+const webInfo = document.getElementById('chart_WebInfo');
+
+const chart_WebInfo = new Chart(webInfo, {
+    type: 'doughnut',
+    data: {
+        labels: [
+            'blue',
+            'green',
+            'Yellow',
+            'yellow'
+        ],
+        datasets: [{
+            label: 'My First Dataset',
+            data: [30, 30, 30, 10],
+            backgroundColor: [
+                'rgb(53,158,255)',
+                'rgb(100,195,92)',
+                'rgb(0,78,153)',
+                'rgb(255,165,29)'
+            ],
+            hoverOffset: 4,
+            borderWidth: 1
+        }]
+    },
+    options: {
+        cutout: 100,
+        plugins: {
+            datalabels: {
+                formatter: (value) => {
+                    return Math.round(value) + '%';
+                },
+                color: '#fff',
+                font: {
+                    size: 14
+                },
+            },
+            legend: {
+                display: false // Ẩn hiển thị legend
+            },
+        },
+    },
+    plugins: [ChartDataLabels],
+})

assets/js/home.js

@@ -0,0 +1,36 @@
+$("#tabReport .item").click(function () {
+    $("#tabReport .item").removeClass("active");
+    $(this).addClass("active");
+    var idTab = $(this).attr('data-tab');
+
+    $('.content-tab').removeClass('active');
+    $('#' + idTab).addClass('active')
+    return false;
+})
+
+const day = new Date();
+const formattedDate = day.getFullYear() + '-' + (day.getMonth() + 1).toString().padStart(2, '0') + '-' + day.getDate().toString().padStart(2, '0');
+$('#timeToday').val(formattedDate);
+
+
+function show_content(content) {
+    $('.overlay').toggleClass('active');
+    $('.' + content).toggleClass('active');
+}
+
+function close_content(content) {
+    setTimeout(function () {
+        $('.' + content).removeClass('active');
+        $('.overlay').removeClass('active');
+    }, 0);
+
+}
+
+function closeOverlay() {
+    $('.overlay').removeClass('active');
+    $('.notification').removeClass('active');
+    $('.user_login').removeClass('active');
+}
+
+
+

ban_hang.html

@@ -0,0 +1,565 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content sell">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div id="breadcrumb" class="breadcrumb">
+                    <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="home">
+                            <a href="/" itemprop="item" class="nopad-l">
+                                <span itemprop="name">Bán hàng</span>
+                            </a> <i class="fa fa-angle-right"></i>
+                            <meta itemprop="position" content="1">
+                        </li>
+                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="home">
+                            <a href="/" itemprop="item" class="nopad-l">
+                                <span itemprop="name">Danh sách đơn hàng</span>
+                            </a>
+                            <meta itemprop="position" content="1">
+                        </li>
+                    </ol>
+                </div>
+                <div class="title-right">
+                    <a href="#">
+                        <i class="fa-solid fa-print"></i>
+                        In danh sách
+                    </a>
+                    <a href="#">
+                        <i class="fa-solid fa-download"></i>
+                        Tải về file Excel
+                    </a>
+                </div>
+            </div>
+
+            <div id="tabnav">
+                <a href="javascript:void(0)" class="item active">Tất cả</a>
+                <a href="javascript:void(0)" class="item">Tôi được giao</a>
+                <a href="javascript:void(0)" class="item">Đơn mới</a>
+                <a href="javascript:void(0)" class="item">Chưa thanh toán</a>
+                <a href="javascript:void(0)" class="item">Chưa ship</a>
+            </div>
+            <div class="content-sell">
+                <div class="filter-sell d-flex align-items-center justify-content-between">
+                    <div class="filter-left d-flex align-items-center">
+                        <p>Tổng dơn hàng: <b>500</b></p>
+                        <p>Tổng giá trị: <b>1.000.000.000 đ</b></p>
+                    </div>
+                    <div class="filter-right">
+                        <form method="get" action="" enctype="multipart/form-data" id="form-search"
+                            class="d-flex align-items-center">
+                            <div class="item d-flex align-items-center">
+                                <p>Mã đơn hàng</p>
+                                <input type="text" name="orderCode" size="10" value="" placeholder="Nhập mã đơn hàng"
+                                    class="search-keys">
+                            </div>
+                            <div class="item d-flex align-items-center">
+                                <p>Tìm người mua</p>
+                                <input type="text" name="q" size="30" value=""
+                                    placeholder="Tìm theo tên, email, điện thoại" class="search-phone">
+                            </div>
+                            <div class="item">
+                                <input type="date" name="from_date" value="" class="time-work" placeholder="Từ ngày">
+                            </div>
+                            <div class="item">
+                                <input type="date" name="to_date" value="Đến ngày" class="time-work">
+                            </div>
+                            <div class="item">
+                                <button type="submit" class="btn-search">
+                                    <i class="fa-solid fa-magnifying-glass"></i>
+                                </button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <table width="100%" id="tb_padding">
+                    <tbody>
+                        <tr>
+                            <th class="text-center checkbox"><input type="checkbox" id="checkall">
+                            </th>
+                            <th>STT</th>
+                            <th>Mã số</th>
+                            <th style="width: 150px;">Thời gian</th>
+                            <th style="width: 180px;">Khách hàng</th>
+                            <th>Tỉnh/TP</th>
+                            <th>Giá trị</th>
+                            <th style="width: 115px;">
+                                <select onchange="setHiddenValue('js-payment', this.value); runFilter()">
+                                    <option value="">Thanh toán</option>
+
+
+                                    <option value="pending">Chờ</option>
+
+
+
+                                    <option value="authorized">Đã xác nhận</option>
+
+
+
+                                    <option value="overdue">Quá hạn</option>
+
+
+
+                                    <option value="expiring">Sắp hết hạn</option>
+
+
+
+                                    <option value="expired">Hết hạn</option>
+
+
+
+                                    <option value="paid">Đã thanh toán</option>
+
+
+
+                                    <option value="refunded">Đã hoàn lại</option>
+
+
+
+                                    <option value="partially-refunded">Hoàn lại 1 phần</option>
+
+
+
+                                    <option value="partially-paid">Thanh toán 1 phần</option>
+
+
+
+                                    <option value="voided">Hủy</option>
+
+
+
+                                    <option value="unpaid">Chưa thanh toán</option>
+
+
+                                </select>
+
+                            </th>
+                            <th style="width: 115px;">
+                                <select style="width: 120px"
+                                    onchange="setHiddenValue('js-fullfillment', this.value); runFilter()">
+                                    <option value="">Vận chuyển</option>
+
+
+                                    <option value="fulfilled">Đã chuyển hết</option>
+
+
+
+                                    <option value="unfulfilled">Chưa chuyển</option>
+
+
+
+                                    <option value="partially-fulfilled">Chuyển 1 phần</option>
+
+
+
+                                    <option value="scheduled">Đã lên kế hoạch</option>
+
+
+
+                                    <option value="onhold ">Giữ hàng</option>
+
+
+                                </select>
+
+                            </th>
+                            <th style="width: 115px;">
+                                <select style="width: 120px" id="status_id"
+                                    onchange="setHiddenValue('js-status', this.value); runFilter()">
+                                    <option value="">Tình trạng đơn</option>
+
+                                    <option value="new">Mới</option>
+
+                                    <option value="processing">Đang xử lý</option>
+
+                                    <option value="success">Thành công</option>
+
+                                    <option value="closed">Đóng lại</option>
+
+                                    <option value="canceled">Hủy</option>
+
+                                </select>
+                            </th>
+                            <th style="width: 115px;">
+                                <select style="width: 130px"
+                                    onchange="setHiddenValue('assign_to', this.value); runFilter()">
+                                    <option>Người được giao</option>
+
+
+                                    <option value="9">Sếp Định</option>
+
+
+
+                                    <option value="8">Dung ngơ</option>
+
+
+
+                                    <option value="7">Hoàng Tuấn</option>
+
+
+
+                                    <option value="6">hoàng dũng</option>
+
+
+
+                                    <option value="5">Nguyễn Thế Quỳnh</option>
+
+
+
+                                    <option value="4">chumanhtuyen92@gmail.com</option>
+
+
+
+                                    <option value="3">Uyen Hurasoft</option>
+
+
+
+                                    <option value="2">hurasoft - Kỹ thuật</option>
+
+
+
+                                    <option value="1">HuraSoft</option>
+
+
+                                </select>
+                            </th>
+                            <th></th>
+                        </tr>
+
+                        <tr id="row_7242">
+                            <td class="text-center checkbox"><input type="checkbox" id="check_1">
+                            </td>
+                            <td>001</td>
+                            <td><a href="#">007-242</a></td>
+                            <td>26-06-2023, 3:38 pm</td>
+                            <td>
+                                <a href="#">Nguyễn Văn Nam</a>
+                            </td>
+                            <td>Hà nội</td>
+                            <td><b>550.000</b></td>
+                            <td>
+                                <span class="btn-status-circle payment-unpaid" title="Chưa thanh toán"></span>
+                            </td>
+                            <td>
+                                <span class="btn-status-circle fulfillment-unfulfilled" title="Chưa chuyển"></span>
+                            </td>
+                            <td>
+                                <span class="btn-status-circle order-new" title="Mới"></span>
+                            </td>
+                            <td>
+                                <select class="assigned-person"
+                                    onchange="setHiddenValue('assign_to', this.value); runFilter()">
+                                    <option>Phạm linh</option>
+                                </select>
+                            </td>
+                            <td>
+                                <a href="#" class="edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="#" class="remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="paging d-flex align-items-center justify-content-between">
+                <div class="left-paging d-flex align-items-center">
+                    <div class="item d-flex align-items-center">
+                        <p>Điền trang cần đến</p>
+                        <input type="text" size="5" class="pages-needed" placeholder="Trang cần đến">
+                    </div>
+                    <div class="item">
+                        <select class="hura-change-page-size" onchange="window.location=this.value">
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=15">15/ trang</option>
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=30" selected="">30/ trang
+                            </option>
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=50">50/ trang</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="right-paging d-flex align-items-center">
+                    <div class="content-paging d-flex">
+                        <a href="" class="item">
+                            <i class="fa-solid fa-caret-left"></i>
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-backward-step"></i>
+                        </a>
+                        <a href="" class="item active">
+                            1
+                        </a>
+                        <a href="" class="item">
+                            2
+                        </a>
+                        <a href="" class="item">
+                            3
+                        </a>
+                        <a href="" class="item">
+                            4
+                        </a>
+                        <a href="" class="item">
+                            ...
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-forward-step"></i>
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-caret-right"></i>
+                        </a>
+                    </div>
+                    <div class="paging-position">
+                        Hiển thị 1 - 10/ Tổng số 1250 đơn hàng
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

bao_gia_san_pham.html

@@ -0,0 +1,393 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content price-list-update">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Bảng giá cập nhật</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right">
+                    <a href="?opt=product&view=product-update-excel" class="btn-excel">
+                        <i class="fa-solid fa-download"></i>
+                        Tải về file Excel
+                    </a>
+                </div>
+            </div>
+
+            <div class="content-price-list">
+                <table width="100%" id="tb_padding">
+                    <tbody>
+                        <tr>
+                            <th>STT</th>
+                            <th>Sản phẩm</th>
+                            <th>Giá bán</th>
+                            <th>Giá thị trường</th>
+                            <th>Số lượng</th>
+                            <th>Khuyến mại</th>
+                            <th>Bảo hành</th>
+                            <th>Hiển thị</th>
+                            <th></th>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td><a href="#" class="name blue">Chuột máy tính Logictech 002</a></td>
+                            <td>30.000.000 đ</td>
+                            <td>200</td>
+                            <td>
+                                <ul>
+                                    <li>+ Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC</li>
+                                </ul>
+                            </td>
+                            <td>24 tháng</td>
+                            <td>
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch"
+                                        id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')" checked>
+                                </div>
+                            </td>
+                            <td>
+                                <a href="sell_product.php?id=''" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td><a href="#" class="name blue">Chuột máy tính Logictech 002</a></td>
+                            <td>30.000.000 đ</td>
+                            <td>200</td>
+                            <td>
+                                <ul>
+                                    <li>+ Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC</li>
+                                </ul>
+                            </td>
+                            <td>24 tháng</td>
+                            <td>
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch"
+                                        id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')" checked>
+                                </div>
+                            </td>
+                            <td>
+                                <a href="sell_product.php?id=''" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td><a href="#" class="name blue">Chuột máy tính Logictech 002</a></td>
+                            <td>30.000.000 đ</td>
+                            <td>200</td>
+                            <td>
+                                <ul>
+                                    <li>+ Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC</li>
+                                </ul>
+                            </td>
+                            <td>24 tháng</td>
+                            <td>
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch"
+                                        id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')" checked>
+                                </div>
+                            </td>
+                            <td>
+                                <a href="sell_product.php?id=''" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td><a href="#" class="name blue">Chuột máy tính Logictech 002</a></td>
+                            <td>30.000.000 đ</td>
+                            <td>200</td>
+                            <td>
+                                <ul>
+                                    <li>+ Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC</li>
+                                </ul>
+                            </td>
+                            <td>24 tháng</td>
+                            <td>
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch"
+                                        id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')" checked>
+                                </div>
+                            </td>
+                            <td>
+                                <a href="sell_product.php?id=''" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

danh_muc_san_pham.html

@@ -0,0 +1,332 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content product-category">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh mục</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right">
+                    <a href="/admin/?opt=product&view=category-add" class="btn-excel">
+                        <i class="fa-solid fa-plus"></i>
+                        Thêm danh mục mới
+                    </a>
+                </div>
+            </div>
+            <div class="content-product-category bg-white">
+                <table width="100%" id="tb_padding">
+                    <tbody>
+                        <tr>
+                            <th>STT</th>
+                            <th>ID</th>
+                            <th>Danh mục</th>
+                            <th>Link web</th>
+                            <th>Hiển thị nội dung</th>
+                            <th>Số lượng</th>
+                            <th>Sắp xếp STT</th>
+                            <th>Thuộc tính</th>
+                            <th>Hiển thị</th>
+                            <th></th>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>2</td>
+                            <td><a href="#" class="link-blue">Màn hình máy tính</a></td>
+                            <td><a href="#">Xem tại web</a></td>
+                            <td>SP + Danh mục con</td>
+                            <td>200</td>
+                            <td>
+                                <input type="text" id="order_9" value="15" size="2"
+                                    onchange="update_category_order(9,this.value,'Màn Hình Máy Tính')">
+                            </td>
+                            <td>
+                                <a href="?opt=product&amp;view=category-attribute&amp;id=9"
+                                    class="link-blue text-decoration-underline">Tổng
+                                    (4)</a>
+                            </td>
+                            <td>
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch"
+                                        id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')" checked>
+                                </div>
+                            </td>
+                            <td>
+                                <a href="?opt=product&view=category-add&id=" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:delete_seller_category(9,'')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

danh_sach_nhom_cau_hinh.html

@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content config_group">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    Nhóm cấu hình sản phẩm
+                </div>
+                <div class="title-right">
+                    <a href="?opt=config_group&view=form" class="btn-excel">
+                        <i class="fa-solid fa-plus"></i>
+                        Thêm nhóm cấu hình
+                    </a>
+                </div>
+            </div>
+            <div class="table-list-config">
+                <table width="100%" id="tb_padding">
+                    <tbody>
+                        <tr>
+                            <th class="col-1">STT</th>
+                            <th class="col-7">Thông tin</th>
+                            <th class="col-2">Thời gian</th>
+                            <th class="col-1"></th>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td class="font-weight-bold">Tai nghe NICSFS traceless</td>
+                            <td>15:20 25/04/2023</td>
+                            <td>
+                                <a href="?opt=config_group&view=form&id=133" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:;" onclick="deleteItem('133')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td class="font-weight-bold">Tai nghe NICSFS traceless</td>
+                            <td>15:20 25/04/2023</td>
+                            <td>
+                                <a href="?opt=config_group&view=form&id=133" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:;" onclick="deleteItem('133')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td class="font-weight-bold">Tai nghe NICSFS traceless</td>
+                            <td>15:20 25/04/2023</td>
+                            <td>
+                                <a href="?opt=config_group&view=form&id=133" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:;" onclick="deleteItem('133')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td class="font-weight-bold">Tai nghe NICSFS traceless</td>
+                            <td>15:20 25/04/2023</td>
+                            <td>
+                                <a href="?opt=config_group&view=form&id=133" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:;" onclick="deleteItem('133')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td class="font-weight-bold">Tai nghe NICSFS traceless</td>
+                            <td>15:20 25/04/2023</td>
+                            <td>
+                                <a href="?opt=config_group&view=form&id=133" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:;" onclick="deleteItem('133')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td class="font-weight-bold">Tai nghe NICSFS traceless</td>
+                            <td>15:20 25/04/2023</td>
+                            <td>
+                                <a href="?opt=config_group&view=form&id=133" class="btn-edit">
+                                    <i class="fa-solid fa-pencil"></i>
+                                </a>
+                                <a href="javascript:;" onclick="deleteItem('133')" class="btn-remove">
+                                    <i class="fa-solid fa-trash-can"></i>
+                                </a>
+                            </td>
+                        </tr>
+
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>

danh_sach_san_pham.html

@@ -0,0 +1,462 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content product-list">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh sách sản phẩm</span>
+                                </a>
+                                <meta itemprop="position" content="2">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right">
+                    <a href="javascript:;" onclick="download_excel()" class="btn-excel">
+                        <i class="fa-solid fa-plus"></i>
+                        Thêm sản phẩm
+                    </a>
+                </div>
+            </div>
+            <div class="content-product-list">
+                <div class="filter-product d-flex justify-content-end align-items-center">
+                    <div class="item">
+                        <p>Danh mục sản phẩm:</p>
+                        <a href="/admin/ajax/manage_category.php?action=show-category-list">
+                            All <i class="fa-solid fa-chevron-down"></i>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <p>Thương Hiệu:</p>
+                        <a href="/admin/ajax/brand.php?action=show-brand-list&popup=1">
+                            All <i class="fa-solid fa-chevron-down"></i>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <p>Điều kiện:</p>
+                        <a href="">
+                            All <i class="fa-solid fa-chevron-down"></i>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <p>Sắp xếp theo:</p>
+                        <a href="">
+                            All <i class="fa-solid fa-chevron-down"></i>
+                        </a>
+                    </div>
+                </div>
+                <div class="table-list-product">
+                    <table width="100%" id="tb_padding">
+                        <tbody>
+                            <tr>
+                                <th>STT</th>
+                                <th>ID</th>
+                                <th>Ảnh sản phẩm</th>
+                                <th>Sản phẩm</th>
+                                <th>Giá bán</th>
+                                <th>Danh mục</th>
+                                <th>Mã kho</th>
+                                <th>Số lượng</th>
+                                <th>Lượt xem</th>
+                                <th>Lượt thích</th>
+                                <th>Lượt mua</th>
+                                <th class="text-center">Đặc điểm</th>
+                                <th>Hiển thị</th>
+                                <th></th>
+                            </tr>
+                            <tr>
+                                <td>001</td>
+                                <td>HR124</td>
+                                <td>
+                                    <img src="https://via.placeholder.com/48" alt="">
+                                </td>
+                                <td><a href="" class="blue">Máy tính gaming</a></td>
+                                <td>30.000.000 đ</td>
+                                <td>PC Gaming</td>
+                                <td>HR025</td>
+                                <td>200</td>
+                                <td>20k</td>
+                                <td>12k</td>
+                                <td>2k</td>
+                                <td>
+                                    <div class="select-filter-type">
+                                        <select onchange="updateFilterHottype(this.value)">
+                                            <option value="">Chọn đặc điểm</option>
+                                            <option value="new">Mới</option>
+                                            <option value="hot">HOT (hỏi nhiều)</option>
+                                            <option value="bestsale">Bán chạy</option>
+                                            <option value="saleoff">Xả hàng (sale-off)</option>
+                                            <option value="online-only">Chỉ bán online</option>
+
+                                        </select>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="form-check form-switch">
+                                        <input class="form-check-input" type="checkbox" role="switch"
+                                            id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')"
+                                            checked>
+                                    </div>
+                                </td>
+                                <td>
+                                    <a href="sell_product.php?id=''" class="btn-edit">
+                                        <i class="fa-solid fa-pencil"></i>
+                                    </a>
+                                    <a href="javascript:;" onclick="delete_product('2090', '')" class="btn-remove">
+                                        <i class="fa-solid fa-trash-can"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>001</td>
+                                <td>HR124</td>
+                                <td>
+                                    <img src="https://via.placeholder.com/48" alt="">
+                                </td>
+                                <td><a href="" class="blue">Máy tính gaming</a></td>
+                                <td>30.000.000 đ</td>
+                                <td>PC Gaming</td>
+                                <td>HR025</td>
+                                <td>200</td>
+                                <td>20k</td>
+                                <td>12k</td>
+                                <td>2k</td>
+                                <td>
+                                    <div class="select-filter-type">
+                                        <select onchange="updateFilterHottype(this.value)">
+                                            <option value="">Chọn đặc điểm</option>
+                                            <option value="new">Mới</option>
+                                            <option value="hot">HOT (hỏi nhiều)</option>
+                                            <option value="bestsale">Bán chạy</option>
+                                            <option value="saleoff">Xả hàng (sale-off)</option>
+                                            <option value="online-only">Chỉ bán online</option>
+
+                                        </select>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="form-check form-switch">
+                                        <input class="form-check-input" type="checkbox" role="switch"
+                                            id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')"
+                                            checked>
+                                    </div>
+                                </td>
+                                <td>
+                                    <a href="sell_product.php?id=''" class="btn-edit">
+                                        <i class="fa-solid fa-pencil"></i>
+                                    </a>
+                                    <a href="javascript:;" onclick="delete_product('2090', '')" class="btn-remove">
+                                        <i class="fa-solid fa-trash-can"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>001</td>
+                                <td>HR124</td>
+                                <td>
+                                    <img src="https://via.placeholder.com/48" alt="">
+                                </td>
+                                <td><a href="" class="blue">Máy tính gaming</a></td>
+                                <td>30.000.000 đ</td>
+                                <td>PC Gaming</td>
+                                <td>HR025</td>
+                                <td>200</td>
+                                <td>20k</td>
+                                <td>12k</td>
+                                <td>2k</td>
+                                <td>
+                                    <div class="select-filter-type">
+                                        <select onchange="updateFilterHottype(this.value)">
+                                            <option value="">Chọn đặc điểm</option>
+                                            <option value="new">Mới</option>
+                                            <option value="hot">HOT (hỏi nhiều)</option>
+                                            <option value="bestsale">Bán chạy</option>
+                                            <option value="saleoff">Xả hàng (sale-off)</option>
+                                            <option value="online-only">Chỉ bán online</option>
+
+                                        </select>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="form-check form-switch">
+                                        <input class="form-check-input" type="checkbox" role="switch"
+                                            id="flexSwitchCheckChecked" onclick="setProductStatus('2090','off')"
+                                            checked>
+                                    </div>
+                                </td>
+                                <td>
+                                    <a href="sell_product.php?id=''" class="btn-edit">
+                                        <i class="fa-solid fa-pencil"></i>
+                                    </a>
+                                    <a href="javascript:;" onclick="delete_product('2090', '')" class="btn-remove">
+                                        <i class="fa-solid fa-trash-can"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

danh_sach_thuong_hieu.html

@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content brand">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    Danh sách thương hiệu
+                </div>
+                <div class="title-right">
+                    <a href="javascript:;" onclick="download_excel()" class="btn-excel">
+                        <i class="fa-solid fa-plus"></i>
+                        Thêm thương hiệu
+                    </a>
+                </div>
+            </div>
+            <div class="content-brand">
+                <div class="table-list-product">
+                    <table width="100%" id="tb_padding">
+                        <tbody>
+                            <tr>
+                                <th>STT</th>
+                                <th>ID</th>
+                                <th>Thương hiệu</th>
+                                <th>Link</th>
+                                <th>Logo</th>
+                                <th class="text-center">Số lượng sản phẩm</th>
+                                <th>Lượt xem</th>
+                                <th class="text-center">Chi tiết</th>
+                                <th>Nổi bật</th>
+                                <th class="text-center">Sắp xếp STT</th>
+                                <th>Hiển thị</th>
+                                <th></th>
+                            </tr>
+                            <tr>
+                                <td>1</td>
+                                <td>1</td>
+                                <td>Microsoft</td>
+                                <td>/brand/microsoft</td>
+                                <td>
+                                    <img src="./assets/images/logo-brand.png" alt="">
+                                </td>
+                                <td class="text-center">50</td>
+                                <td class="text-center">200</td>
+                                <td class="text-center"><a href="#">Xem</a></td>
+                                <td>
+                                    <div class="form-check form-switch">
+                                        <input class="form-check-input" type="checkbox" role="switch"
+                                            onclick="setFeatured('2090','on')" checked>
+                                    </div>
+                                </td>
+                                <td class="text-center">
+                                    <input type="text" size="2" value="0" id="ordering_80" class="input-stt"
+                                        onchange="update_ordering('80')">
+                                </td>
+                                <td>
+                                    <div class="form-check form-switch">
+                                        <input class="form-check-input" type="checkbox" role="switch"
+                                            onclick="setStatus('80','on')" checked>
+                                    </div>
+                                </td>
+                                <td>
+                                    <a href="?opt=brand&view=add&id=" class="btn-edit">
+                                        <i class="fa-solid fa-pencil"></i>
+                                    </a>
+                                    <a href="javascript:deleteBrand('80', '1');" class="btn-remove">
+                                        <i class="fa-solid fa-trash-can"></i>
+                                    </a>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+</body>
+
+</html>

dat_cho_san_pham.html

@@ -0,0 +1,379 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content pre-order-products">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Bán hàng</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh sách đặt chờ sản phẩm</span>
+                                </a>
+                                <meta itemprop="position" content="1">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right">
+                    <a href="javascript:;" onclick="download_excel()" class="btn-excel">
+                        <i class="fa-solid fa-download"></i>
+                        Tải về file Excel
+                    </a>
+                </div>
+            </div>
+            <div class="table-pre-order">
+                <table width="100%" id="tb_padding">
+                    <tbody>
+                        <tr>
+                            <th>STT</th>
+                            <th>Khách hàng</th>
+                            <th>Sản phẩm</th>
+                            <th>Điện thoại</th>
+                            <th>Thời gian</th>
+                            <th>Email</th>
+                            <th>Nhận hàng tại</th>
+                            <th>Trạng thái</th>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>Phạm linh</td>
+                            <td>Máy chiếu BenQ MS550 SVGA</td>
+                            <td>0987654321</td>
+                            <td>11-05-2023, 9:50 am</td>
+                            <td>NguyenvanA@gmail.com</td>
+                            <td>Số 5, ngõ 11, Yên Lãng, Đống Đa, Hà Nội</td>
+                            <td>Thành công</td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>Phạm linh</td>
+                            <td>Máy chiếu BenQ MS550 SVGA</td>
+                            <td>0987654321</td>
+                            <td>11-05-2023, 9:50 am</td>
+                            <td>NguyenvanA@gmail.com</td>
+                            <td>Số 5, ngõ 11, Yên Lãng, Đống Đa, Hà Nội</td>
+                            <td>Thành công</td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>Phạm linh</td>
+                            <td>Máy chiếu BenQ MS550 SVGA</td>
+                            <td>0987654321</td>
+                            <td>11-05-2023, 9:50 am</td>
+                            <td>NguyenvanA@gmail.com</td>
+                            <td>Số 5, ngõ 11, Yên Lãng, Đống Đa, Hà Nội</td>
+                            <td>Thành công</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="paging d-flex align-items-center justify-content-between">
+                <div class="left-paging d-flex align-items-center">
+                    <div class="item d-flex align-items-center">
+                        <p>Điền trang cần đến</p>
+                        <input type="text" size="5" class="pages-needed" placeholder="Trang cần đến">
+                    </div>
+                    <div class="item">
+                        <select class="hura-change-page-size" onchange="window.location=this.value">
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=15">15/ trang</option>
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=30" selected="">30/ trang
+                            </option>
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=50">50/ trang</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="right-paging d-flex align-items-center">
+                    <div class="content-paging d-flex">
+                        <a href="" class="item">
+                            <i class="fa-solid fa-caret-left"></i>
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-backward-step"></i>
+                        </a>
+                        <a href="" class="item active">
+                            1
+                        </a>
+                        <a href="" class="item">
+                            2
+                        </a>
+                        <a href="" class="item">
+                            3
+                        </a>
+                        <a href="" class="item">
+                            4
+                        </a>
+                        <a href="" class="item">
+                            ...
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-forward-step"></i>
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-caret-right"></i>
+                        </a>
+                    </div>
+                    <div class="paging-position">
+                        Hiển thị 1 - 10/ Tổng số 1250 đơn hàng
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

home.html

@@ -0,0 +1,638 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content">
+            <h2 class="title-main">Dashboard</h2>
+            <div class="d-flex">
+                <div class="left col-8 col-sm-8 col-xl-8">
+                    <div class="box-info-order row g-3">
+                        <div class="item col-md-3">
+                            <div class="border p-3">
+                                <div class="backgroud-icon new">
+                                    <div class="icon_global order-new"></div>
+                                </div>
+                                <div class="txt">Đơn hàng mới</div>
+                                <div class="d-flex align-items-baseline justify-content-between">
+                                    <div class="qyt">10k</div>
+                                    <div class="d-flex align-items-baseline">
+                                        <div class="up">
+                                            <i class="fa fa-arrow-up"></i>
+                                            10%
+                                        </div>
+                                        <div class="time">
+                                            Hôm qua
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item col-md-3">
+                            <div class="border p-3">
+                                <div class="backgroud-icon contact">
+                                    <div class="icon_global user-contact"></div>
+                                </div>
+                                <div class="txt">Khách liên hệ qua website</div>
+                                <div class="d-flex align-items-baseline justify-content-between">
+                                    <div class="qyt">600</div>
+                                    <div class="d-flex align-items-baseline">
+                                        <div class="up">
+                                            <i class="fa fa-arrow-up"></i>
+                                            10%
+                                        </div>
+                                        <div class="time">
+                                            Hôm qua
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="item col-md-3">
+                            <div class="border p-3">
+                                <div class="backgroud-icon installment">
+                                    <div class="icon_global order-installment"></div>
+                                </div>
+                                <div class="txt">Đơn trả góp</div>
+                                <div class="d-flex align-items-baseline justify-content-between">
+                                    <div class="qyt">102</div>
+                                    <div class="d-flex align-items-baseline">
+                                        <div class="up">
+                                            <i class="fa fa-arrow-up"></i>
+                                            10%
+                                        </div>
+                                        <div class="time">
+                                            Hôm qua
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item col-md-3">
+                            <div class="border p-3">
+                                <div class="backgroud-icon return">
+                                    <div class="icon_global return-goods"></div>
+                                </div>
+                                <div class="txt">Đơn hoàn</div>
+                                <div class="d-flex align-items-baseline justify-content-between">
+                                    <div class="qyt">25</div>
+                                    <div class="d-flex align-items-baseline">
+                                        <div class="down">
+                                            <i class="fa fa-arrow-down"></i>
+                                            10%
+                                        </div>
+                                        <div class="time">
+                                            Hôm qua
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="box-revenue-chart">
+                        <div class="title d-flex align-items-center justify-content-between">
+                            <div class="total-revenue d-flex align-items-center">
+                                <i class="fa-solid fa-circle"></i>
+                                <span>Doanh thu</span>
+                                <b class="qty">105tr</b>
+                            </div>
+                            <div class="option-chart">
+                                <select id="click-revenue">
+                                    <option value="week">Theo tuần</option>
+                                    <option value="month">Theo tháng</option>
+                                    <option value="year">Theo năm</option>
+                                </select>
+                            </div>
+                        </div>
+                        <canvas id="revenueChart" style="width:100%;height: 430px;"></canvas>
+
+                    </div>
+
+                    <div class="box-chart-access">
+                        <div class="title d-flex align-items-center justify-content-between">
+                            <div class="list-thong-so d-flex">
+                                <div class="item">
+                                    <i class="fa-solid fa-circle"></i>
+                                    <span>Lượt truy cập</span>
+                                    <b class="qty">105k</b>
+                                </div>
+                                <div class="item">
+                                    <i class="fa-solid fa-circle view"></i>
+                                    <span>Người xem</span>
+                                    <b class="qty">75k</b>
+                                </div>
+                            </div>
+                            <div class="option-chart">
+                                <select id="click-access">
+                                    <option value="today">Theo tuần</option>
+                                    <option value="month">Theo tháng</option>
+                                    <option value="year">Theo năm</option>
+                                </select>
+                            </div>
+                        </div>
+                        <canvas id="chart_access" style="width:100%;height: 430px;"></canvas>
+
+                    </div>
+
+                    <div class="box-edit-history">
+                        <div class="title d-flex align-item-center justify-content-between">
+                            <b class="name">Lịch sử chỉnh sửa</b>
+                            <a href="#" class="more-all">
+                                <i class="fa fa-caret-right"></i>
+                                Xem danh sách
+                            </a>
+                        </div>
+                        <table>
+                            <tbody>
+                                <tr>
+                                    <th class="text-center">STT</th>
+                                    <th class="col-3">Người dùng</th>
+                                    <th class="col-6">Nội dung</th>
+                                    <th class="col-2 text-center">Thời gian</th>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">01</td>
+                                    <td>Linhpc@hurasoft.com</td>
+                                    <td>Chỉnh sửa banner trang chủ</td>
+                                    <td class="text-center">15: 30 25/03/2023</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">02</td>
+                                    <td>Linhpc@hurasoft.com</td>
+                                    <td>Chỉnh sửa banner trang chủ</td>
+                                    <td class="text-center">15: 30 25/03/2023</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">03</td>
+                                    <td>Linhpc@hurasoft.com</td>
+                                    <td>Chỉnh sửa banner trang chủ</td>
+                                    <td class="text-center">15: 30 25/03/2023</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">04</td>
+                                    <td>Linhpc@hurasoft.com</td>
+                                    <td>Chỉnh sửa banner trang chủ</td>
+                                    <td class="text-center">15: 30 25/03/2023</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">05</td>
+                                    <td>Linhpc@hurasoft.com</td>
+                                    <td>Chỉnh sửa banner trang chủ</td>
+                                    <td class="text-center">15: 30 25/03/2023</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="right col-4 col-sm-4 col-xl-4">
+                    <div class="box-report-summary">
+                        <div class="title">Tóm tắt báo cáo</div>
+
+                        <div class="list-tab d-flex align-items-center" id="tabReport">
+                            <a href="javascript:void(0)" class="item active" data-tab="tabProView">Sản phẩm
+                                xem
+                                nhiều</a>
+                            <a href="javascript:void(0)" class="item" data-tab="tabWebInfo">Web giới
+                                thiệu</a>
+                            <a href="javascript:void(0)" class="item" data-tab="tabKeys">Từ khóa</a>
+                            <a href="javascript:void(0)" class="item" data-tab="tabPosts">Bài viết</a>
+                        </div>
+
+                        <div class="content-tab active" id="tabProView">
+                            <table class="product-see-more">
+                                <tbody>
+                                    <tr>
+                                        <th>STT</th>
+                                        <th>Sản phẩm</th>
+                                        <th class="col-2 text-center">Lượt xem</th>
+                                    </tr>
+                                    <tr>
+                                        <td>01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt high">30k</div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt good">30k</div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt medium">30k</div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt weak">30k</div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <div class="content-tab" id="tabWebInfo">
+                            <div style="margin: 20px 50px;">
+                                <canvas id="chart_WebInfo" style="width:200px;height: 100%;"></canvas>
+                            </div>
+
+                            <table class="table-list-website">
+                                <tbody>
+                                    <tr>
+                                        <th class="text-center">#</th>
+                                        <th>Web giới thiệu</th>
+                                        <th style="width:25%;">Lượt truy cập</th>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center"><i class="fa-solid fa-circle blue"></i></td>
+                                        <td>Web giới thiệu 1</td>
+                                        <td class="text-center">300 lượt</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center"><i class="fa-solid fa-circle yellow"></i></td>
+                                        <td>Web giới thiệu 2</td>
+                                        <td class="text-center">300 lượt</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center"><i class="fa-solid fa-circle green"></i></td>
+                                        <td>Web giới thiệu 3</td>
+                                        <td class="text-center">300 lượt</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <div class="content-tab" id="tabKeys">
+                            <div class="title-key d-flex align-items-center justify-content-between">
+                                <span>Từ khóa xem nhiều nhất 30 ngày qua</span>
+                                <a href="#">Xem danh sách</a>
+                            </div>
+                            <div class="list-key d-flex flex-wrap align-items-center">
+                                <a href="" class="item">Asus</a>
+                                <a href="" class="item">Laptop mỏng nhẹ</a>
+                                <a href="" class="item">PC giá rẻ</a>
+                                <a href="" class="item">Ram 16G</a>
+                                <a href="" class="item">Cách săn ốp điện thoại rẻ</a>
+                                <a href="" class="item">Mua máy tính</a>
+                                <a href="" class="item">Asus</a>
+                                <a href="" class="item">Laptop mỏng nhẹ</a>
+                                <a href="" class="item">PC giá rẻ</a>
+                                <a href="" class="item">Ram 16G</a>
+                                <a href="" class="item">Cách săn ốp điện thoại rẻ</a>
+                                <a href="" class="item">Mua máy tính</a>
+                            </div>
+                        </div>
+
+                        <div class="content-tab" id="tabPosts">
+                            <table class="posts">
+                                <tbody>
+                                    <tr>
+                                        <th class="text-center">#</th>
+                                        <th>Bài viết</th>
+                                        <th class="col-2 text-center">Lượt xem</th>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center">01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt high">30k</div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center">01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt good">30k</div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center">01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt medium">30k</div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td class="text-center">01</td>
+                                        <td>Laptop ASUS TUF Gaming F15</td>
+                                        <td>
+                                            <div class="qnt weak">30k</div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                    <div class="box-support-hurasoft">
+                        <a href="#">
+                            <i class="icon_global support"></i>
+                            Hỗ trợ từ Hurasoft
+                        </a>
+                    </div>
+                    <div class="box-remind-me">
+                        <div class="title">Ghi nhắc việc cần làm cá nhân</div>
+                        <div class="form-remind">
+                            <input type="text" placeholder="Nhập việc cần làm của bạn" name="input-work"
+                                class="input-work">
+                            <input type="date" id="timeToday" name="start-work" value="2018-07-22" class="time-work">
+                            <input type="submit" value="Tạo mới" id="btn-remind">
+                        </div>
+                        <table class="table-list-work">
+                            <tbody>
+                                <tr>
+                                    <th class="text-center">#</th>
+                                    <th>Nội dung</th>
+                                    <th>Hết hạn</th>
+                                    <th>Trạng thái</th>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">01</td>
+                                    <td>Sửa trang chủ hurasoft</td>
+                                    <td>24/05/2023</td>
+                                    <td class="text-center green">Đã xong</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">01</td>
+                                    <td>Sửa trang chủ hurasoft</td>
+                                    <td>24/05/2023</td>
+                                    <td class="text-center green">Đã xong</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">01</td>
+                                    <td>Sửa trang chủ hurasoft</td>
+                                    <td>24/05/2023</td>
+                                    <td class="text-center green">Đã xong</td>
+                                </tr>
+                                <tr>
+                                    <td class="text-center">01</td>
+                                    <td>Sửa trang chủ hurasoft</td>
+                                    <td>24/05/2023</td>
+                                    <td class="text-center red">Chưa xong</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
+<script src="./assets/js/chart_home.js"></script>
+<script src="./assets/js/home.js"></script>
+
+</html>

khach-hang.html

@@ -0,0 +1,734 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Khách hàng</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container global-content-container page_content">
+        <!-- 
+        /**** ========= Khách hàng ========= ****/    
+    -->
+
+        <!-- Khách hàng > Danh sách khách hàng > Thêm khách hàng -->
+        <div class="customer-page">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Bộ sưu tập</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex">
+                    <a href="/admin/?opt=product&view=attribute-add" class="item-attr">
+                        <i class="icon_global add-attr"></i>
+                        <p style="margin-top: 2px;">Thêm Bộ sưu tập mới</p>
+                    </a>
+                    <a href="/admin/?opt=product&view=attribute" class="item-attr">
+                        <i class="icon_global list"></i>
+                        <p>Danh sách bộ sưu tập</p>
+                    </a>
+                </div>
+            </div>
+            <div class="customer-page-content">
+                <div class="box-form-add bg-white">
+                    <form method="post" enctype="multipart/form-data">
+                        <input type="hidden" name="info[id]" id="adId" value="" />
+                        <div class="item">
+                            <b class="label">
+
+                                Thuộc nhóm khách hàng <br> <a href="?opt=customer&view=customer-group"
+                                    class="blue">(Quản lý nhóm
+                                    khách
+                                    hàng)</a>
+                            </b>
+                            <div class="content-right d-flex">
+                                <div class="item-checkbox">
+                                    <input type="checkbox" onchange="select_cat('cat_1', '1')">
+                                    <span>VIP</span>
+                                    <input type="hidden" name="selected_cat" id="selected_cat" value="" />
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Tên khách hàng</b>
+                            <div class="content-right">
+                                <input type="text" name="info[name]" value="" class="form-control"
+                                    placeholder="Nhập tên khách hàng">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Là danh mục con của</b>
+                            <div class="content-right">
+                                <div class="box-select">
+                                    <select class="form-control">
+                                        <option value="">Lựa chọn</option>
+                                        <option value="">Option 1</option>
+                                        <option value="">Option 2</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Sinh nhật</b>
+                            <div class="content-right d-flex align-items-center">
+                                <div class="d-flex align-items-center me-4">
+                                    <div class="title">Ngày</div>
+                                    <input type="text" name="info[birthday]" value="" class="form-control"
+                                        style="width: 70px;margin-left: 10px">
+                                </div>
+
+                                <div class="d-flex align-items-center me-4">
+                                    <div class="title">Tháng</div>
+                                    <input type="text" name="info[birthmonth]" value="" class="form-control"
+                                        style="width: 70px;margin-left: 10px">
+                                </div>
+
+                                <div class="d-flex align-items-center me-4">
+                                    <div class="title">Năm</div>
+                                    <input type="text" name="info[birthyear]" value="" class="form-control"
+                                        style="width: 70px;margin-left: 10px">
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Giới tính</b>
+                            <div class="content-right d-flex align-items-center">
+                                <label class="d-flex align-items-center me-3">
+                                    <input type="radio" name="info[sex]" value="male" checked /> <span
+                                        class="ps-2">Nam</span>
+                                </label>
+                                <label class="d-flex align-items-center me-3">
+                                    <input type="radio" name="info[sex]" value="female" /> <span class="ps-2">Nữ</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Địa chỉ Email</b>
+                            <div class="content-right">
+                                <input type="text" name="info[email]" value="" class="form-control"
+                                    placeholder="Nhập địa chỉ Email">
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Điện thoại di động</b>
+                            <div class="content-right">
+                                <input type="text" name="info[mobile]" value="" class="form-control"
+                                    placeholder="Nhập số điện thoại">
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Tỉnh/TP</b>
+                            <div class="content-right">
+                                <div class="box-select">
+                                    <select name='info[province]' onChange="show_district_list(this.value);"
+                                        class="form-control">
+                                        <option value='0'>Lựa chọn</option>
+                                        <option value='1'>Hà Nội</option>
+                                        <option value='2'>TP HCM</option>
+                                        <option value='5'>Hải Phòng</option>
+                                        <option value='4'>Đà Nẵng</option>
+                                        <option value='6'>An Giang</option>
+                                        <option value='7'>Bà Rịa-Vũng Tàu</option>
+                                        <option value='13'>Bình Dương</option>
+                                        <option value='15'>Bình Phước</option>
+                                        <option value='16'>Bình Thuận</option>
+                                        <option value='14'>Bình Định</option>
+                                        <option value='8'>Bạc Liêu</option>
+                                        <option value='10'>Bắc Giang</option>
+                                        <option value='9'>Bắc Kạn</option>
+                                        <option value='11'>Bắc Ninh</option>
+                                        <option value='12'>Bến Tre</option>
+                                        <option value='18'>Cao Bằng</option>
+                                        <option value='17'>Cà Mau</option>
+                                        <option value='3'>Cần Thơ</option>
+                                        <option value='24'>Gia Lai</option>
+                                        <option value='25'>Hà Giang</option>
+                                        <option value='26'>Hà Nam</option>
+                                        <option value='27'>Hà Tĩnh</option>
+                                        <option value='30'>Hòa Bình</option>
+                                        <option value='28'>Hải Dương</option>
+                                        <option value='29'>Hậu Giang</option>
+                                        <option value='31'>Hưng Yên</option>
+                                        <option value='32'>Khánh Hòa</option>
+                                        <option value='33'>Kiên Giang</option>
+                                        <option value='34'>Kon Tum</option>
+                                        <option value='35'>Lai Châu</option>
+                                        <option value='38'>Lào Cai</option>
+                                        <option value='36'>Lâm Đồng</option>
+                                        <option value='37'>Lạng Sơn</option>
+                                        <option value='39'>Long An</option>
+                                        <option value='40'>Nam Định</option>
+                                        <option value='41'>Nghệ An</option>
+                                        <option value='42'>Ninh Bình</option>
+                                        <option value='43'>Ninh Thuận</option>
+                                        <option value='44'>Phú Thọ</option>
+                                        <option value='45'>Phú Yên</option>
+                                        <option value='46'>Quảng Bình</option>
+                                        <option value='47'>Quảng Nam</option>
+                                        <option value='48'>Quảng Ngãi</option>
+                                        <option value='49'>Quảng Ninh</option>
+                                        <option value='50'>Quảng Trị</option>
+                                        <option value='51'>Sóc Trăng</option>
+                                        <option value='52'>Sơn La</option>
+                                        <option value='53'>Tây Ninh</option>
+                                        <option value='56'>Thanh Hóa</option>
+                                        <option value='54'>Thái Bình</option>
+                                        <option value='55'>Thái Nguyên</option>
+                                        <option value='57'>Thừa Thiên-Huế</option>
+                                        <option value='58'>Tiền Giang</option>
+                                        <option value='59'>Trà Vinh</option>
+                                        <option value='60'>Tuyên Quang</option>
+                                        <option value='61'>Vĩnh Long</option>
+                                        <option value='62'>Vĩnh Phúc</option>
+                                        <option value='63'>Yên Bái</option>
+                                        <option value='19'>Đắk Lắk</option>
+                                        <option value='22'>Đồng Nai</option>
+                                        <option value='23'>Đồng Tháp</option>
+                                        <option value='21'>Điện Biên</option>
+                                        <option value='20'>Đăk Nông</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Quận huyện</b>
+                            <div class="content-right">
+                                <div id='province_district_list' class="box-select">
+                                    <select name='info[province]' onChange="show_district_list(this.value);"
+                                        class="form-control">
+                                        <option value='0'>Lựa chọn</option>
+                                        <option value=''>Option 1</option>
+                                    </select>
+                                </div>
+                                <input type=hidden name='info[district]' id=district value="">
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Địa chỉ</b>
+                            <div class="content-right"><textarea cols="50" rows="1" name="info[address]"
+                                    placeholder="Nhập địa chỉ" class="form-control"></textarea>
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Tên công ty</b>
+                            <div class="content-right"><input type="text" name="info[tax_company]" value=""
+                                    class="form-control" placeholder="Nhập tên công ty">
+                            </div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Mã số thuế</b>
+                            <div class="content-right"><input type="text" name="info[tax_code]" value=""
+                                    class="form-control" placeholder="Nhập mã số thuế"></div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Địa chỉ công ty</b>
+                            <div class="content-right"><input type="text" name="info[tax_address]" value=""
+                                    class="form-control" placeholder="Nhập địa chỉ công ty"></div>
+                        </div>
+
+                        <div class="item">
+                            <b class="label">Ghi chú về khách hàng này</b>
+                            <div class="content-right"><textarea cols="50" rows="4" name="info[comment]"
+                                    placeholder="Ghi chú" class="form-control"></textarea>
+                            </div>
+                        </div>
+                        </table>
+
+                        <input type="hidden" name="send" value="yes">
+
+                        <div class="btn-submit">
+                            <div class="content-right d-flex align-items-center">
+                                <input type="hidden" name="l" value="vn">
+                                <input class="btn" id="submit-collection-btn" name="commit" type="submit"
+                                    value="Cập nhật">
+                                <a href="javascript:void()" class="btn-back">Hủy bỏ</a>
+                            </div>
+                        </div>
+                        <div class="clearfix"></div>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+
+        <!-- Khách hàng > Khách hàng liên hệ > Thông tin khách hàng liên hệ -->
+        <div class="customer-page">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">khách hàng</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Khách hành liên hệ</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Thông tin khách hàng liên hệ</span>
+                                </a>
+                                <meta itemprop="position" content="3">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex">
+                    <a href="?opt=customer&view=comment" class="item-attr">
+                        <i class="icon_global list"></i>
+                        <p>Danh sách khách hàng liên hệ</p>
+                    </a>
+                </div>
+            </div>
+
+            <div class="box-form-add bg-white customer-contact">
+                <table>
+                    <tr>
+                        <td width="250">Thông tin bán sản phẩm</td>
+                        <td>
+                            <p>Họ tên: Pham Van A </p>
+                            <p>Địa chỉ email: abc@mial.com </p>
+                            <p>Số điện thoại: 0123456789 </p>
+                            <p>Thời gian liên hệ: 08-05-2023, 2:03 pm</p>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td>Nội dung chi tiết</td>
+                        <td>
+                            <input type="text" value="Demo" />
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td>Cập nhập ghi chú</td>
+                        <td>
+                            <textarea id="note_53" placeholder="Nhập ghi chú"></textarea>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td></td>
+                        <td colspan="2" align="right">
+                            <a href="javascript:void(0)" onclick="update_note('53')" class="btn-update">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+
+        <!-- 
+        // **** 
+            Tổng hợp trao đổi + Tổng hợp đánh giá chung 1 giao diện
+        ****//
+    -->
+        <div class="customer-page customer-comment-detail-page">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">khách hàng</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Tổng hợp Đánh giá</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Chi tiết đánh giá</span>
+                                </a>
+                                <meta itemprop="position" content="3">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex">
+                    <a href="?opt=customer&view=review" class="item-attr">
+                        <i class="icon_global list"></i>
+                        <p>Danh sách đánh giá</p>
+                    </a>
+                </div>
+            </div>
+
+            <div class="d-flex flex-wrap">
+                <div class="col-left">
+                    <div class="item">
+                        <b>Khách hàng</b>
+                        <p>Pham Nguyen Van A</p>
+                    </div>
+
+                    <div class="item">
+                        <b>Địa chỉ email</b>
+                        <p>annv@hurasoft.com</p>
+                    </div>
+
+                    <div class="item">
+                        <b>Tiêu đề</b>
+                        <p>Màn Hình AOC 24B1XHS 23.8 inch Full HD</p>
+                    </div>
+
+                    <div class="item">
+                        <b>Nội dung</b>
+                        <p>Test demo</p>
+                    </div>
+
+                    <div class="item">
+                        <b>Thời gian</b>
+                        <p>08-05-2023, 11:33 am</p>
+                    </div>
+
+                    <div class="item">
+                        <b>Liên quan</b>
+                        <p>
+                            [product]
+                            <a href="" target="_blank" title="Xem tại website">Màn Hình AOC 24B1XHS 23.8 inch Full
+                                HD</a>
+                        </p>
+                    </div>
+                </div>
+
+                <div class="col-right">
+                    <b>Gửi phản hồi nhanh</b>
+
+                    <textarea id="send_reply_1287" placeholder="Nhập phản hồi"></textarea>
+
+                    <a href="javascript:void(0)" class="btn-reply" onclick="UserComment.create_reply('1287')">Gửi phản
+                        hồi</a>
+                    <div class="clearfix"></div>
+                    <b>Phản hồi: 0</b>
+                </div>
+
+                <div class="comment-list">
+                    <table>
+                        <tr>
+                            <td> STT </td>
+                            <td> Thời gian </td>
+                            <td> Tác giả </td>
+                            <td> Vai trò </td>
+                            <td> Email </td>
+                            <td> Nội dung </td>
+                            <td> Lựa chọn </td>
+                        </tr>
+
+                        <tr>
+                            <td>01</td>
+                            <td>08-05-2023, 11:25 am</td>
+                            <td>Pham Nguyen Van A</td>
+                            <td>
+                                <span class="note">Quản trị viên</span>
+                            </td>
+                            <td>annv@hurasoft.com</td>
+                            <td>Test demo test demo test demo</td>
+                            <td>
+                                <a href="">Không duyệt</a> /
+                                <a href="">Xóa</a>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>02</td>
+                            <td>08-05-2023, 11:25 am</td>
+                            <td>Pham Nguyen Van A</td>
+                            <td> </td>
+                            <td>annv@hurasoft.com</td>
+                            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                quis nostrud exercitation ullamco laboris</td>
+                            <td>
+                                <a href="">Không duyệt</a> /
+                                <a href="">Xóa</a>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</body>
+
+</html>

sua_ban_hang.html

@@ -0,0 +1,504 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content edit-sell">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Bán hàng</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh sách đơn hàng</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Chi tiết đơn hàng</span>
+                                </a>
+                                <meta itemprop="position" content="1">
+                            </li>
+                        </ol>
+                    </div>
+                    <div class="info-basic d-flex align-items-center">
+                        <b class="red">Mã đơn hàng: HR002</b>
+                        <p class="time">
+                            <i class="fa-regular fa-clock"></i>
+                            11-05-2023, 9:50 am
+                        </p>
+                    </div>
+                </div>
+                <div class="title-right">
+                    <div class="item">
+                        <p>Trạng thái:</p>
+                        <span class="blue status">Đã thanh toán</span>
+                    </div>
+                    <div class="item">
+                        <p>Vận chuyển:</p>
+                        <span class="blue ship">Đã chuyển</span>
+                    </div>
+                    <a href="/print/admin.php?id=10&amp;item=10&amp;time=1687923766&amp;key=a7484c3eee261e1fe35740b667bb2fce&amp;view=order-detail-new"
+                        target="_blank" class="btn-print-cart">
+                        <i class="fa-solid fa-print"></i>
+                        In đơn hàng
+                    </a>
+                </div>
+            </div>
+            <div class="form-edit-order d-flex">
+                <div class="form-left">
+                    <div class="box-user">
+                        <b>Khách hàng</b>
+                        <div class="item">
+                            <label>Tên khách hàng</label>
+                            <input type="text" id="js-shipping-address-person_name" value="Nguyễn Văn A"
+                                class="form-control">
+                        </div>
+                        <div class="d-flex align-items-center">
+                            <div class="item item-2">
+                                <label>Số điện thoại</label>
+                                <input type="text" id="js-shipping-address-mobile" value="045.235.2614"
+                                    class="form-control">
+                            </div>
+                            <div class="item item-2">
+                                <label>Email</label>
+                                <input type="text" id="js-shipping-address-email" value="Phamvana@gmail.com"
+                                    class="form-control">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <label>Địa chỉ nhận hàng</label>
+                            <input type="text" id="js-shipping-address-address"
+                                value="Số 3 ngõ 18 Yên Lãng, Phường Láng Hạ, Quận Đống Đa, Phường Láng Hạ, Quận Đống Đa, Hà Nội."
+                                class="form-control">
+                        </div>
+                        <div class="item">
+                            <label>Địa chỉ thanh toán</label>
+                            <input type="text" id="js-payment-address-address" value="Như địa chỉ nhận hàng"
+                                class="form-control">
+                        </div>
+                        <div class="item">
+                            <label>Ghi chú đơn hàng</label>
+                            <textarea id="js-shipping-address-note" cols="30" rows="1" class="form-control"
+                                placeholder="Ghi chú"></textarea>
+                        </div>
+                    </div>
+                    <div class="box-list-product">
+                        <b>Sản phẩm</b>
+                        <table width="100%" id="tb_padding">
+                            <tbody>
+                                <tr>
+                                    <th>STT</th>
+                                    <th>Mã kho</th>
+                                    <th>Ảnh</th>
+                                    <th>Tên sản phẩm</th>
+                                    <th>Giá</th>
+                                    <th>SL</th>
+                                    <th>Tổng</th>
+                                    <th>Ghi chú</th>
+                                </tr>
+                                <tr>
+                                    <td>1</td>
+                                    <td>PI543</td>
+                                    <td>
+                                        <img src="https://via.placeholder.com/32" alt="" width="32px" height="32px">
+                                    </td>
+                                    <td><a href="#" class="name" target="_blank">Chuột máy tính Logictech 002</a></td>
+                                    <td>150.000 đ</td>
+                                    <td>02</td>
+                                    <td>300.000 đ</td>
+                                    <td>Demo</td>
+                                </tr>
+                                <tr>
+                                    <td>1</td>
+                                    <td>PI543</td>
+                                    <td>
+                                        <img src="https://via.placeholder.com/32" alt="" width="32px" height="32px">
+                                    </td>
+                                    <td><a href="#" class="name" target="_blank">Chuột máy tính Logictech 002</a></td>
+                                    <td>150.000 đ</td>
+                                    <td>02</td>
+                                    <td>300.000 đ</td>
+                                    <td>Demo</td>
+                                </tr>
+                                <tr>
+                                    <td>1</td>
+                                    <td>PI543</td>
+                                    <td>
+                                        <img src="https://via.placeholder.com/32" alt="" width="32px" height="32px">
+                                    </td>
+                                    <td><a href="#" class="name" target="_blank">Chuột máy tính Logictech 002</a></td>
+                                    <td>150.000 đ</td>
+                                    <td>02</td>
+                                    <td>300.000 đ</td>
+                                    <td>Demo</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="box-expense">
+                        <b>Số tiền</b>
+                        <table width="100%">
+                            <tbody>
+                                <tr>
+                                    <td>Tổng giá trị</td>
+                                    <td>7.260.000 đ</td>
+                                </tr>
+                                <tr>
+                                    <td>Phí vận chuyển &amp; giao hàng</td>
+                                    <td>0 đ<a href="quick_view.php?view=add-order-shipping-fee&amp;orderId=10"
+                                            class="pop-up-small cboxElement"><i class="fa-solid fa-pencil"></i></a></td>
+                                </tr>
+                                <tr>
+                                    <td>Phí thu hộ</td>
+                                    <td>0 đ<a href="quick_view.php?view=add-order-shipping-fee&amp;orderId=10"
+                                            class="pop-up-small cboxElement"><i class="fa-solid fa-pencil"></i></a>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>Tổng thu</td>
+                                    <td>7.260.000 đ</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="box-history">
+                        <b>Lịch sửa cập nhật</b>
+                        <table width="100%">
+                            <tbody>
+                                <tr>
+                                    <th>STT</th>
+                                    <th>Phân loại</th>
+                                    <th>Trạng thái</th>
+                                    <th>Ghi chú</th>
+                                    <th>Người cập nhật</th>
+                                </tr>
+                                <tr>
+                                    <td>01</td>
+                                    <td>Payment</td>
+                                    <td>Paid</td>
+                                    <td>Đã nhận đủ</td>
+                                    <td>Linh lúc 28-06-2024, 11:28 pm</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="form-right">
+                    <div class="box-assign">
+                        <b>Nhận sự xử lý đơn hàng</b>
+                        <select
+                            onchange="OrderManagement.assignAdmin('10', this.value, this.options[this.selectedIndex].text)"
+                            class="form-control select">
+                            <option value="">Chọn nhân sự xử lý đơn hàng</option>
+                            <option value="1">HuraSoft</option>
+                            <option value="2">hurasoft - Kỹ thuật</option>
+                        </select>
+                    </div>
+                    <div class="box-start-pay">
+                        <b>Trạng thái thanh toán</b>
+                        <select onchange="" class="form-control">
+                            <option value="">Chọn trạng thái thanh toán</option>
+                            <option value="1">Chờ</option>
+                            <option value="2">Đã xác nhận</option>
+                            <option value="2">Sắp hết hạn</option>
+                        </select>
+                        <textarea placeholder="Ghi chú" cols="30" rows="1" id="js-payment-comment"
+                            class="form-control"></textarea>
+                        <div class="note">
+                            Khách chọn: Thanh toán khi nhận hàng (COD)
+                        </div>
+                    </div>
+                    <div class="box-start-ship">
+                        <b>Trạng thái vận chuyển</b>
+                        <select onchange="" class="form-control">
+                            <option value="">Chọn trạng thái vận chuyển</option>
+                            <option value="1">Chờ</option>
+                            <option value="2">Đã xác nhận</option>
+                        </select>
+                        <textarea placeholder="Ghi chú" cols="30" rows="1" id="js-shipment-comment"
+                            class="form-control"></textarea>
+                        <div class="note">
+                            Khách chọn: Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội +HCM)
+                        </div>
+                    </div>
+                    <div class="box-start-order">
+                        <b>Trạng thái đơn hàng</b>
+                        <select onchange="" class="form-control">
+                            <option value="">Chọn trạng thái đơn hàng</option>
+                            <option value="1">Chờ</option>
+                            <option value="2">Đã xác nhận</option>
+                        </select><textarea placeholder="Ghi chú" cols="30" rows="2" id="js-orderment-comment"
+                            class="form-control"></textarea>
+                    </div>
+                    <div class="box-note">
+                        <b>Ghi chú</b>
+                        <textarea placeholder="Ghi chú" cols="30" class="form-control" rows="4"
+                            id="js-comment"></textarea>
+                    </div>
+                    <input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại"
+                        class="btn-save">
+                    <div class="clearfix"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</body>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

thanh_toan_qua_cong.html

@@ -0,0 +1,412 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container-1500">
+        <div class="page_content gateway-payment">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Bán hàng</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Thanh toán qua cổng dịch vụ</span>
+                                </a>
+                                <meta itemprop="position" content="1">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right">
+                    <a href="javascript:;" onclick="download_excel()" class="btn-excel">
+                        <i class="fa-solid fa-download"></i>
+                        Tải về file Excel
+                    </a>
+                </div>
+            </div>
+            <div class="background-payment">
+                <table width="100%" id="tb_padding">
+                    <tbody>
+                        <tr>
+                            <th>STT</th>
+                            <th>ID</th>
+                            <th>Cổng</th>
+                            <th>Thời gian</th>
+                            <th>Khách hàng</th>
+                            <th>Điện thoại</th>
+                            <th>Email</th>
+                            <th>Sản phẩm</th>
+                            <th>Giá trị</th>
+                            <th>Trạng thái</th>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>HR001</td>
+                            <td>Viettelpay</td>
+                            <td>15:30 25/03/2023</td>
+                            <td>PhamvanB</td>
+                            <td>034.335.3254</td>
+                            <td>hura@gmail.com</td>
+                            <td>Máy chiếu Epson EB-E10</td>
+                            <td>20.000.000 đ</td>
+                            <td>Đã xử lý</td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>HR001</td>
+                            <td>Viettelpay</td>
+                            <td>15:30 25/03/2023</td>
+                            <td>PhamvanB</td>
+                            <td>034.335.3254</td>
+                            <td>hura@gmail.com</td>
+                            <td>Máy chiếu Epson EB-E10</td>
+                            <td>20.000.000 đ</td>
+                            <td>Đã xử lý</td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>HR001</td>
+                            <td>Viettelpay</td>
+                            <td>15:30 25/03/2023</td>
+                            <td>PhamvanB</td>
+                            <td>034.335.3254</td>
+                            <td>hura@gmail.com</td>
+                            <td>Máy chiếu Epson EB-E10</td>
+                            <td>20.000.000 đ</td>
+                            <td>Đã xử lý</td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>HR001</td>
+                            <td>Viettelpay</td>
+                            <td>15:30 25/03/2023</td>
+                            <td>PhamvanB</td>
+                            <td>034.335.3254</td>
+                            <td>hura@gmail.com</td>
+                            <td>Máy chiếu Epson EB-E10</td>
+                            <td>20.000.000 đ</td>
+                            <td>Đã xử lý</td>
+                        </tr>
+                        <tr>
+                            <td>001</td>
+                            <td>HR001</td>
+                            <td>Viettelpay</td>
+                            <td>15:30 25/03/2023</td>
+                            <td>PhamvanB</td>
+                            <td>034.335.3254</td>
+                            <td>hura@gmail.com</td>
+                            <td>Máy chiếu Epson EB-E10</td>
+                            <td>20.000.000 đ</td>
+                            <td>Đã xử lý</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <div class="paging d-flex align-items-center justify-content-between">
+                <div class="left-paging d-flex align-items-center">
+                    <div class="item d-flex align-items-center">
+                        <p>Điền trang cần đến</p>
+                        <input type="text" size="5" class="pages-needed" placeholder="Trang cần đến">
+                    </div>
+                    <div class="item">
+                        <select class="hura-change-page-size" onchange="window.location=this.value">
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=15">15/ trang</option>
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=30" selected="">30/ trang
+                            </option>
+                            <option value="https://toponepc.vn/admin/?opt=product&amp;pageSize=50">50/ trang</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="right-paging d-flex align-items-center">
+                    <div class="content-paging d-flex">
+                        <a href="" class="item">
+                            <i class="fa-solid fa-caret-left"></i>
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-backward-step"></i>
+                        </a>
+                        <a href="" class="item active">
+                            1
+                        </a>
+                        <a href="" class="item">
+                            2
+                        </a>
+                        <a href="" class="item">
+                            3
+                        </a>
+                        <a href="" class="item">
+                            4
+                        </a>
+                        <a href="" class="item">
+                            ...
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-forward-step"></i>
+                        </a>
+                        <a href="" class="item">
+                            <i class="fa-solid fa-caret-right"></i>
+                        </a>
+                    </div>
+                    <div class="paging-position">
+                        Hiển thị 1 - 10/ Tổng số 1250 đơn hàng
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

them_bo_su_tap.html

@@ -0,0 +1,359 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content add-collection">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Bộ sưu tập</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex">
+                    <a href="/admin/?opt=product&view=attribute-add" class="item-attr">
+                        <i class="icon_global add-attr"></i>
+                        <p style="margin-top: 2px;">Thêm Bộ sưu tập mới</p>
+                    </a>
+                    <a href="/admin/?opt=product&view=attribute" class="item-attr">
+                        <i class="icon_global list"></i>
+                        <p>Danh sách bộ sưu tập</p>
+                    </a>
+                </div>
+            </div>
+            <div class="box-form-add bg-white">
+                <form method="post" enctype="multipart/form-data">
+                    <div class="item">
+                        <b class="label">Ảnh đại diện</b>
+                        <div class="content-right d-flex">
+                            <div class="box-avatar d-flex align-items-center">
+                                <img src="./assets/images/image_upload.png">
+                                <input type="hidden" name="category_image_current" value="cat_icon_9_1669262186.png">
+                                <a href="javascript:void(0)">Chọn ảnh đại diện</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Đặt tên bộ sưu tập</b>
+                        <div class="content-right">
+                            <input type="text" name="info[name]" id="name" value="" class="form-control"
+                                placeholder="Nhập tên bộ sưu tập">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Link Index</b>
+                        <div class="content-right">
+                            <input type="text" name="info[brand_index]" id="url_index" value="" class="form-control"
+                                placeholder="Nhập link Index">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Mô tả (nếu có)</b>
+                        <div class="content-right">
+                            <textarea name="info[summary]" id="summary" cols="80" rows="6" class="form-control"
+                                placeholder="Nhập mô tả"></textarea>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Dùng cho SEO</b>
+                        <div class="content-right">
+                            <div class="item-summary">
+                                <div class="title">Meta Title</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_title" id="meta_title" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Keywords</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_keyword" id="meta_keyword"
+                                        value="" placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Description</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_description"
+                                        id="meta_description" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                    <div class="note" style="font-size: 13px;display: block;margin:5px 0;">* nếu để
+                                        trống sẽ dùng Mô
+                                        tả tóm tắt</div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="btn-submit">
+                        <div class="content-right d-flex align-items-center">
+                            <input type="hidden" name="l" value="vn">
+                            <input type="hidden" name="create" value="yes">
+                            <input class="btn" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật">
+                            <a href="javascript:void()" class="btn-back">Hủy bỏ</a>
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>

them_danh_muc_san_pham.html

@@ -0,0 +1,465 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content add-product-category">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh mục</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sửa danh mục</span>
+                                </a>
+                                <meta itemprop="position" content="2">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex align-items-center">
+                    <a href="?opt=product&view=category-attribute&id=9" class="item-filter">
+                        <i class="icon_global filter"></i>
+                        Quản lý thuộc tính Sản phẩm
+                    </a>
+                    <a href="?opt=product&view=category-attribute&id=9" class="item-filter">
+                        <i class="icon_global other"></i>
+                        Xem danh mục khác
+                    </a>
+                    <a href="/admin/?opt=product&view=category-add" class="btn-excel">
+                        <i class="fa-solid fa-plus"></i>
+                        Thêm danh mục mới
+                    </a>
+                </div>
+            </div>
+            <div class="box-form-add bg-white">
+                <form method="post" enctype="multipart/form-data">
+                    <div class="item upload-image">
+                        <b class="label">Ảnh đại diện</b>
+                        <div class="content-right d-flex">
+                            <div class="box-avatar d-flex align-items-center">
+                                <img src="./assets/images/image_upload.png">
+                                <input type="hidden" name="category_image_current" value="cat_icon_9_1669262186.png">
+                                <a href="javascript:void(0)">Chọn ảnh đại diện</a>
+                            </div>
+                            <div class="box-icon d-flex">
+                                <b>Ảnh icon</b>
+                                <div class="d-flex align-items-center">
+                                    <img src="./assets/images/image_upload.png">
+                                    <input type="hidden" name="catThumnail_current" value="cat_icon_9_1669262186.png">
+                                    <a href="javascript:void(0)">Chọn icon</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Tên danh mục</b>
+                        <div class="content-right">
+                            <input type="text" name="name" id="name" value="" class="form-control"
+                                placeholder="Nhập tên danh mục">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Mô tả (nếu có)</b>
+                        <div class="content-right">
+                            <textarea name="description" cols="50" rows="6" class="form-control"
+                                placeholder="Nhập mô tả"></textarea>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Từ khóa <br>(tags, nếu có - nhập mỗi cụm từ 1 dòng)</b>
+                        <div class="content-right">
+                            <input type="text" name="tags" value="" class="form-control" placeholder="Nhập từ khóa">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Là danh mục con của</b>
+                        <div class="content-right">
+                            <div class="box-select">
+                                <select name="parentId" id="parentId" class="form-control">
+                                    <option value="0">Danh mục gốc</option>
+                                    <option value="9"> - Màn Hình Máy Tính</option>
+                                </select>
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Loại nội dung hiển thị</b>
+                        <div class="content-right">
+                            <div class="box-select">
+                                <select name="display_option" id="display_option" class="form-control">
+                                    <option value="child_product">Hiển thị sản phẩm + Danh mục con</option>
+                                    <option value="category_as_product">Hiển thị như sản phẩm tổng hợp</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Nhập nội dung cố định (HTML)</b>
+                        <div class="content-right">
+                            <textarea name="static_html" id="rich_text" cols="50" rows="6" class="form-control"
+                                placeholder="Nhập nội dung cố định"></textarea>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Thứ tự xuất hiện</b>
+                        <div class="content-right">
+                            <input type="text" class="form-control" name="ordering" id="ordering" value=""
+                                placeholder="Nhập thứ tự xuất hiện (Cao xếp trước)">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Redirect tới URL (khi truy cập
+                            danh mục sẽ chuyển sang link này)</b>
+                        <div class="content-right">
+                            <input type="text" size="60" name="redirect_url" value="" class="form-control"
+                                placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Template File</b>
+                        <div class="content-right">
+                            <input type="text" class="form-control" name="template" value="">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Số sản phẩm hiển thị</b>
+                        <div class="content-right">
+                            <input type="text" class="form-control" name="number_display" id="number_display" value=""
+                                placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <b class="label">Dùng cho SEO</b>
+                        <div class="content-right">
+                            <div class="item-summary">
+                                <div class="title">Url canonical</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="url_canonical" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Link truy cập tại website</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="url" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Tên Index</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="url_index" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Thay đổi Link truy cập khi thay đổi Tên index?</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="change_url_on_update" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Title</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_title" id="meta_title" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Keywords</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_keyword" id="meta_keyword"
+                                        value="" placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Description</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_description"
+                                        id="meta_description" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="btn-submit">
+                        <div class="content-right d-flex align-items-center">
+                            <input type="hidden" name="l" value="vn">
+                            <input type="hidden" name="create" value="yes">
+                            <input class="btn" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật">
+                            <a href="javascript:void()" class="btn-back">Hủy bỏ</a>
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

them_nhom_cau_hinh.html

@@ -0,0 +1,329 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content add-config">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh sách nhóm cấu hình</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Thêm nhóm cấu hình</span>
+                                </a>
+                                <meta itemprop="position" content="3">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex align-items-center">
+                    <a href="/admin/?opt=product&view=attribute" class="item-attr">
+                        <i class="icon_global list"></i>
+                        <p>Danh sách</p>
+                    </a>
+                    <a href="?opt=config_group&view=form" class="item-attr">
+                        <i class="icon_global add-attr"></i>
+                        <p style="margin-top: 2px;">Thêm mới</p>
+                    </a>
+                </div>
+            </div>
+            <div class="content-add-config">
+                <div class="tabnav d-flex align-items-center">
+                    <a href="?opt=config_group&view=form&id=133" class="item active">
+                        Thông tin
+                    </a>
+                    <a href="j?opt=config_group&view=attribute&id=133" class="item">
+                        Thuộc tính
+                    </a>
+                    <a href="?opt=config_group&view=product&id=133" class="item">
+                        Sản phẩm
+                    </a>
+                </div>
+                <div class="box-form-add">
+                    <form method="post" enctype="multipart/form-data" name="account_form">
+                        <div class="item">
+                            <b class="label">Tên nhóm</b>
+                            <div class="content-right">
+                                <input type="text" value="Hurasoft test" class="form-control" name="info[name]"
+                                    placeholder="Nhập tên nhóm">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Miêu tả tóm tắt</b>
+                            <div class="content-right">
+                                <textarea cols="40" rows="6" class="form-control" name="info[description]"
+                                    placeholder="Nhập miêu tả tóm tắt"></textarea>
+                            </div>
+                        </div>
+                        <div class="btn-submit">
+                            <div class="content-right d-flex align-items-center">
+                                <input class="btn" name="commit" type="submit" value="Cập nhật">
+                                <input type="hidden" name="update" value="yes">
+                            </div>
+                        </div>
+                        <div class="clearfix"></div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>

them_san_pham.html

@@ -0,0 +1,580 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content add-product">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh sách sản phẩm</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Chi tiết sản phẩm</span>
+                                </a>
+                                <meta itemprop="position" content="3">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right">
+
+                </div>
+            </div>
+            <div class="content-add-product">
+                <div class="tabnav d-flex align-items-center">
+                    <a href="javascript:void(0)" class="item active"
+                        onclick="switchTab('sell_product.php?id=2090&view=basic&l=vn&popup=1')">
+                        Cơ bản
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Danh mục
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Seo
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Thông số
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Ảnh
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Cấu hình
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Phụ kiện
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Youtobe
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Tag
+                    </a>
+                    <a href="javascript:void(0)" class="item">
+                        Nội dung liên quan
+                    </a>
+                </div>
+                <div class="box-form-add">
+                    <form method="post" enctype="multipart/form-data" id="js-product-form">
+                        <div class="item">
+                            <b class="label">Đặt tên sản phẩm</b>
+                            <div class="content-right">
+                                <input type="text" value="" size="70" name="info[proName]" id="pro_name"
+                                    class="form-control" placeholder="Nhập tên sản phẩm">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Model(nếu có)</b>
+                            <div class="content-right">
+                                <input type="text" value="" size="40" name="info[productModel]" id="productModel"
+                                    class="form-control" placeholder="Nhập model nếu có">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Mã kho hàng - SKU (Nếu có)</b>
+                            <div class="content-right">
+                                <input type="text" value="" size="40" name="info[storeSKU]" id="storeSKU"
+                                    class="form-control" placeholder="Nhập mã kho hàng">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Trọng lượng (tính phí shipping)</b>
+                            <div class="content-right">
+                                <input type="text" value="" size="20" name="info[weight]" id="weight"
+                                    class="form-control" placeholder="Gram">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Thương hiệu</b>
+                            <div class="content-right">
+                                <select name="info[brandId]" class="form-control">
+                                    <option>Chọn thương hiệu</option>
+                                    <option value="83">ABS</option>
+                                    <option value="67">ACE GAMING</option>
+                                    <option value="8">ADATA</option>
+                                    <option value="9">AEROCOOL</option>
+                                    <option value="52">AIGO</option>
+                                    <option value="59">AKKO</option>
+                                    <option value="3">AMD</option>
+                                    <option value="10">ANTEC</option>
+                                    <option value="11">AOC</option>
+                                    <option value="70">AORUS</option>
+                                    <option value="12">ASROCK</option>
+                                    <option value="2">ASUS</option>
+                                    <option value="73">AVerMedia</option>
+                                    <option value="57">BE QUIET</option>
+                                    <option value="4">BENQ</option>
+                                    <option value="79">CISCO</option>
+                                    <option value="72">Colorful</option>
+                                    <option value="47">COOLER MASTER</option>
+                                    <option value="58">COOLMOON</option>
+                                    <option value="13">CORSAIR</option>
+                                    <option value="5">DAREU</option>
+                                    <option value="46">DEEP COOL</option>
+                                    <option value="14">DELL</option>
+                                    <option value="60">E-DRA</option>
+                                    <option value="15">EVGA</option>
+                                    <option value="68">EXTREME ZERO</option>
+                                    <option value="64">FUHLEN</option>
+                                    <option value="16">GALAX</option>
+                                    <option value="6">GIGABYTE</option>
+                                    <option value="82">Glee</option>
+                                    <option value="17">GSKILL</option>
+                                    <option value="18">HKC</option>
+                                    <option value="19">HP</option>
+                                    <option value="45">HUANANZHI</option>
+                                    <option value="20">HUNTKEY</option>
+                                    <option value="53">ID - COOLING</option>
+                                    <option value="21">INNO3D</option>
+                                    <option value="22">INTEL</option>
+                                    <option value="23">INWIN</option>
+                                    <option value="61">IROCKS</option>
+                                    <option value="24">JETEK</option>
+                                    <option value="54">JONSBO</option>
+                                    <option value="25">KINGSTON</option>
+                                    <option value="26">KINGVIEW</option>
+                                    <option value="69">LEADTEK</option>
+                                    <option value="48">LEXAR</option>
+                                    <option value="27">LG</option>
+                                    <option value="28">LOGITECH</option>
+                                    <option value="77">MICRON</option>
+                                    <option value="80">MICROSOFT</option>
+                                    <option value="7">MSI</option>
+                                    <option value="65">NEWMEN</option>
+                                    <option value="56">NOCTUA</option>
+                                    <option value="29">NVIDIA</option>
+                                    <option value="71">NZXT</option>
+                                    <option value="74">OCPC</option>
+                                    <option value="30">PHANTEKS</option>
+                                    <option value="78">PLANET</option>
+                                    <option value="49">PLEXTOR</option>
+                                    <option value="31">PNY</option>
+                                    <option value="66">PSEAT</option>
+                                    <option value="75">QNAP</option>
+                                    <option value="32">SAMA</option>
+                                    <option value="33">SAMSUNG</option>
+                                    <option value="36">SAPPHIRE</option>
+                                    <option value="50">SEAGATE</option>
+                                    <option value="34">SEASONIC</option>
+                                    <option value="35">SEGOTEP</option>
+                                    <option value="37">SUPERFLOWER</option>
+                                    <option value="38">SUPERMICRO</option>
+                                    <option value="39">TEAMGROUP</option>
+                                    <option value="55">THERMALRIGHT</option>
+                                    <option value="40">THERMALTAKE</option>
+                                    <option value="81">TOSHIBA</option>
+                                    <option value="76">TP LINK</option>
+                                    <option value="41">VIEWSONIC</option>
+                                    <option value="42">VITRA</option>
+                                    <option value="62">WARRIOR</option>
+                                    <option value="51">WESTERN DIGITAL</option>
+                                    <option value="43">XIGMATEK</option>
+                                    <option value="63">ZIDLI</option>
+                                    <option value="44">ZOTAC</option>
+                                </select>
+                            </div>
+
+                        </div>
+                        <div class="item">
+                            <b class="label">Tóm tắt đặc tính chính</b>
+                            <div class="content-right">
+                                <textarea name="info[proSummary]" id="summary" rows="6" cols="30" class="form-control"
+                                    placeholder="Nhập tóm tắt đặc tính chính"></textarea>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Phụ kiện đi kèm</b>
+                            <div class="content-right">
+                                <input type="text" value="" name="info[accessory]" id="accessory" class="form-control"
+                                    placeholder="Nhập phụ kiện đi kèm">
+                            </div>
+                        </div>
+                        <div class="item">
+                            <b class="label">Thông tin sản phẩm</b>
+                            <div class="content-right">
+                                <div class="item-summary retail-price">
+                                    <div class="title">Giá bán lẻ:</div>
+                                    <div class="right-summary d-flex align-items-center">
+                                        <input type="text" value="0" size="20" name="info[price]"
+                                            onkeyup="this.value = writeStringToPrice(this.value)" class="form-control">
+                                        <div class="box-select">
+                                            <select name="currency" id="currency">
+                                                <option value="vnd" selected="">VNĐ</option>
+                                                <option value="usd">USD</option>
+                                            </select>
+                                        </div>
+                                        <div class="box-select">
+                                            <select id="price_unit" name="price_unit">
+                                                <option value="">--đơn vị--</option>
+                                                <option value="unit" selected="">chiếc</option>
+                                                <option value="pair">đôi</option>
+                                                <option value="kg">kg</option>
+                                                <option value="100g">100 gram</option>
+                                                <option value="bag">túi</option>
+                                                <option value="con">con</option>
+                                                <option value="box">hộp</option>
+                                                <option value="pack">gói</option>
+                                                <option value="pack_1">giỏ</option>
+                                                <option value="bottle">chai</option>
+                                                <option value="bottle_1">lon</option>
+                                                <option value="m2">m2</option>
+                                                <option value="litre">lít</option>
+                                                <option value="m">mét dài</option>
+                                                <option value="group">bó</option>
+                                                <option value="family">bộ</option>
+                                                <option value="vien">viên</option>
+                                                <option value="binh">bình</option>
+                                                <option value="loj">lọ</option>
+                                                <option value="cur">củ</option>
+                                                <option value="tube">tube</option>
+                                                <option value="bulb">bóng</option>
+                                            </select>
+                                        </div>
+                                        <div class="note">
+                                            <p>(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $23.523).</p>
+                                            <b>Tỷ giá: 1</b>
+                                            <a href="/admin/?opt=system&amp;view=setup" target="_blank">đổi</a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item-summary align-items-center">
+                                    <div class="title">Thuế VAT (Giá bán):</div>
+                                    <div class="right-summary d-flex align-items-center">
+                                        <div class="item-radio">
+                                            <input type="radio" name="info[hasVAT]" value="0" checked="">Không hiển thị
+                                            VAT
+                                        </div>
+                                        <div class="item-radio">
+                                            <input type="radio" name="info[hasVAT]" value="1">Có VAT
+                                        </div>
+                                        <div class="item-radio">
+                                            <input type="radio" name="info[hasVAT]" value="2">Chưa có VAT
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item-summary align-items-center price">
+                                    <div class="title">Giá nhận hàng:</div>
+                                    <div class="right-summary d-flex align-items-center">
+                                        <input type="text" value="0" size="20" name="info[purchase_price]"
+                                            onkeyup="this.value = writeStringToPrice(this.value)" class="form-control">
+                                        <p class="note">VNĐ (để tham khảo khi cần)</p>
+                                    </div>
+                                </div>
+                                <div class="item-summary align-items-center price">
+                                    <div class="title">Giá thị trường:</div>
+                                    <div class="right-summary d-flex align-items-center">
+                                        <input type="text" value="0" size="20" name="info[market_price]"
+                                            onkeyup="this.value = writeStringToPrice(this.value)" class="form-control">
+                                        <p class="note">VNĐ (để tham khảo nếu cần)</p>
+                                    </div>
+                                </div>
+                                <div class="item-summary">
+                                    <div class="title">Số lượng kho hàng:</div>
+                                    <div class="right-summary">
+                                        <input type="text" value="1" size="10" name="info[quantity]"
+                                            class="form-control">
+                                    </div>
+                                </div>
+                                <div class="item-summary">
+                                    <div class="title">Khuyến mại riêng:</div>
+                                    <div class="right-summary">
+                                        <textarea name="info[specialOffer]" id="specialOffer" class="form-control"
+                                            rows="4" cols="50" placeholder="Nhập khuyến mại"></textarea>
+                                    </div>
+                                </div>
+                                <div class="item-summary">
+                                    <div class="title">Thông tin bảo hành:</div>
+                                    <div class="right-summary">
+                                        <textarea name="info[warranty]" id="warranty" rows="4" cols="50"
+                                            class="form-control" placeholder="Nhập thông tin bảo hành"></textarea>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item display">
+                            <b class="label">Hiển thị</b>
+                            <div class="content-right d-flex align-items-center">
+                                <label class="d-flex align-items-center"><input type="radio" name="info[isOn]" value="1"
+                                        checked=""> Cho hiển thị</label>
+                                <label class="d-flex align-items-center"><input type="radio" name="info[isOn]"
+                                        value="0"> Ẩn hiển thị</label>
+                            </div>
+                        </div>
+                        <div class="btn-submit">
+                            <div class="content-right d-flex align-items-center">
+                                <input type="hidden" name="l" value="vn">
+                                <input type="hidden" name="update" value="yes">
+                                <input class="btn" id="submit-collection-btn" name="commit" type="submit"
+                                    value="Cập nhật">
+                                <a href="javascript:void()" class="btn-back">Hủy bỏ</a>
+                            </div>
+                        </div>
+                        <div class="clearfix"></div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>

them_thuoc_tinh_san_pham.html

@@ -0,0 +1,437 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content add-attribute">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Thuộc tính sản phẩm</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Cập nhật thuộc tính</span>
+                                </a>
+                                <meta itemprop="position" content="3">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex">
+                    <a href="/admin/?opt=product&view=attribute-add" class="item-attr">
+                        <i class="icon_global add-attr"></i>
+                        <p style="margin-top: 2px;">Thêm thuộc tính mới</p>
+                    </a>
+                    <a href="/admin/?opt=product&view=attribute" class="item-attr">
+                        <i class="icon_global view-attr"></i>
+                        <p>Xem thuộc tính khác</p>
+                    </a>
+                </div>
+            </div>
+            <div class="box-form-add bg-white">
+                <form method="post" enctype="multipart/form-data">
+                    <div class="item">
+                        <b class="label">Tên thuộc tính</b>
+                        <div class="content-right d-flex">
+                            <input type="text" name="info[name]" id="name" value="Màu sắc 5" class="form-control">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Mã nhận dạng <br> cho quản trị</b>
+                        <div class="content-right d-flex">
+                            <input type="text" name="info[attribute_code]" id="attr_code" value="" class="form-control"
+                                placeholder="Nhập link Index">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Mô tả tóm tắt</b>
+                        <div class="content-right d-flex">
+                            <textarea name="info[comment]" cols="80" rows="6" class="form-control rich-textarea"
+                                placeholder="Nhập mô tả"></textarea>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Lựa chọn áp dụng</b>
+                        <div class="content-right">
+                            <div class="item-checkbox">
+                                <input type="checkbox" value="1" name="info[isHeader]">
+                                <label>Dùng là <u>tiêu đề nhóm</u> cho các thuộc tính đứng sau</label>
+                            </div>
+                            <div class="item-checkbox"><input type="checkbox" value="1" name="info[isSearch]">
+                                <label>Dùng
+                                    lọc Sản phẩm ở danh
+                                    mục</label>
+                            </div>
+                            <div class="item-checkbox"><input type="checkbox" value="1" name="info[in_summary]">
+                                <label>Hiển
+                                    thị ở thông tin tóm
+                                    tắt Sản phẩm</label>
+                            </div>
+                            <div class="item-checkbox"><input type="checkbox" value="1" name="info[isDisplay]">
+                                <label>Hiển
+                                    thị ở bảng thông số kỹ
+                                    thuật</label>
+                            </div>
+                            <div class="item-checkbox"><input type="checkbox" value="1" name="info[for_product_option]"
+                                    checked="checked">
+                                <label>Dùng để tạo các cấu hình của
+                                    Sản phẩm</label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Phân loại:</b>
+                        <div class="content-right d-flex">
+                            <div class="item-radio">
+                                <input type="radio" value="0" name="info[scope]" checked="checked">
+                                <span>Local - Chỉ áp dụng cho một số loại Sản phẩm</span>
+                            </div>
+                            <div class="item-radio">
+                                <input type="radio" value="1" name="info[scope]">
+                                <span>Global - Áp dụng cho tất cả Sản phẩm (v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Thứ tự xuất hiện</b>
+                        <div class="content-right">
+                            <input type="text" class="form-control" name="info[ordering]" id="ordering" value=""
+                                placeholder="(Cao xếp trước)">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Quản lý các giá trị</b>
+                        <div class="content-right">
+                            <div class="table-attribute">
+                                <table width="100%" id="tb_padding">
+                                    <tbody>
+                                        <tr>
+                                            <th>STT</th>
+                                            <th>ID</th>
+                                            <th>Giá trị</th>
+                                            <th>Mô tả</th>
+                                            <th class="text-center">Thứ tự hiển thị</th>
+                                            <th>Lựa chọn</th>
+                                        </tr>
+                                        <tr>
+                                            <td>1</td>
+                                            <td>1</td>
+                                            <td>Hồng#FF00FF</td>
+                                            <td>test</td>
+                                            <td class="text-center">0</td>
+                                            <td>
+                                                <a href="javascript:show_update_attr_value(583, 98)" class="btn-edit">
+                                                    <i class="fa-solid fa-pencil"></i>
+                                                </a>
+                                                <a href="javascript:remove_attr_value(583, 98)" class="btn-remove">
+                                                    <i class="fa-solid fa-trash-can"></i>
+                                                </a>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Thêm giá trị mới:</div>
+                                <div class="right-summary d-flex align-items-center" style="width: 85%;">
+                                    <div class="add-attr name d-flex align-items-center">
+                                        <span>Tên (*)</span>
+                                        <input type="text" size="30" id="add_attr_value" class="form-control">
+                                    </div>
+                                    <div class="add-attr value-sort d-flex align-items-center">
+                                        <span>Giá trị sắp xếp (**)</span>
+                                        <input type="text" size="30" id="add_attr_value_sort" class="form-control">
+                                    </div>
+                                    <div class="add-attr value-order d-flex align-items-center">
+                                        <span>STT</span>
+                                        <input type="text" size="30" id="add_attr_value_order" class="form-control">
+                                    </div>
+                                    <input type="button" value="Thêm mới" onclick="add_new_attr_value('98', '0')"
+                                        class="btn-add">
+                                </div>
+                            </div>
+                            <div class="note">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d. theo dung
+                                lượng ổ cứng laptop giảm dần)</div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">
+                            Diễn giải thuộc tính
+                            <span style="display: block;font-weight: 400;font-size: 13px;">(dùng giải thích chi tiết cho
+                                khách hàng ý nghĩa của thuộc tính)</span>
+                        </b>
+                        <div class="content-right">
+                            <textarea name="info[description]" id="rich_text" cols="80" rows="6" class="form-control"
+                                placeholder="Nhập mô tả"></textarea>
+                        </div>
+                    </div>
+                    <div class="btn-submit">
+                        <div class="content-right d-flex align-items-center">
+                            <input type="hidden" name="l" value="vn">
+                            <input class="btn" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật">
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>

them_thuong_hieu_san_pham.html

@@ -0,0 +1,368 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Hura8</title>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+
+
+</head>
+
+<body>
+    <div class="overlay" onclick="closeOverlay()"></div>
+    <div class="header">
+        <div class="container-1500">
+            <div class="header-top d-flex align-items-center justify-content-between">
+                <div class="left">
+                    <a href="/" class="logo">
+                        <img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
+                    </a>
+                </div>
+                <div class="right d-flex align-items-center">
+                    <form method="get" enctype="multipart/form-data" action=""
+                        class="form-search d-flex align-items-center">
+                        <input type="text" name="q" placeholder="Search" class="input-search">
+                        <button type="submit" class="btn-search">Search</button>
+                    </form>
+                    <div class="notification" onclick="show_content('notification')">
+                        <div class="icon_global bell"></div>
+                        <div class="total-notification">20</div>
+                        <div class="hover-notification">
+                            <div class="title d-flex align-items-center justify-content-between">
+                                <b>Thông báo</b>
+                                <a href="javascript:void(0)" class="click_close"
+                                    onclick="close_content('notification')">
+                                    <i class="fa fa-close"></i>
+                                </a>
+                            </div>
+                            <div class="list-notification">
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                                <a href="#" class="item d-flex">
+                                    <i class="icon_global bell"></i>
+                                    <div class="txt">
+                                        <p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
+                                        <span class="time">11-05-2023 9:50 am</span>
+                                    </div>
+                                </a>
+                            </div>
+                            <a href="#" class="more-all">Lịch sử thông báo</a>
+                        </div>
+                    </div>
+                    <div class="user_login" onclick="show_content('user_login')">
+                        <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
+                        <div class="hover-user-login">
+                            <img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
+                                class="avatar">
+                            <b class="name-user">Jack</b>
+                            <a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
+                            <a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
+                            <a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="list-menu">
+            <div class="container-1500">
+                <div class="content-list-menu d-flex align-items-center">
+                    <div class="item active">
+                        <a href="/" class="title d-flex align-items-center">
+                            <i class="fa-solid fa-house"></i>
+                            <p class="text">Home</p>
+                        </a>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Bán hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="" class="item-sub">Danh sách đơn hàng</a>
+                            <a href="" class="item-sub">Thanh toán qua dịch vụ</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Sản phẩm</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=product">Danh sách Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
+                            <a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
+                            <a href="/admin/?opt=brand">Danh sách thương hiệu</a>
+                            <a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
+                            <a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
+                            <a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Khách hàng</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=customer">Danh sách khách hàng</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
+                                hệ</a>
+                            <a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
+                            <a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
+                                ý</a>
+                            <a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
+                                nhận bản tin</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Marketing</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
+                            <a href="/admin/?opt=banner">Danh sách banner</a></p>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
+                            <a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
+                            <a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
+                                website</a></p>
+                            <a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Nội dung</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=article&amp;type=article">Tin bài</a>
+                            <a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
+                            <a href="/admin/?opt=media">Danh sách Media</a>
+                            <a href="/admin/?opt=page">Nội dung cố định</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Xây dụng máy tính</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Trả góp</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
+                            <a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
+                            <a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Thống kê</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
+                            <a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
+                            <a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
+                            <a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
+                            </p>
+                            <a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
+                            <a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
+                            <a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a class="title d-flex align-items-center" href="">
+                            <p>Hệ thống</p>
+                            <i class="fa-solid fa-caret-down"></i>
+                        </a>
+                        <div class="list-menu-sub">
+                            <a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
+                            <a href="/admin/?opt=template">Sửa file template</a>
+                            <a href="/admin/?opt=admin">Danh sách quản trị viên</a>
+                            <a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
+                            <a href="/admin/?opt=tool">Công cụ</a>
+                            <a href="/admin/?opt=tag">Quản trị Tag</a>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="page_content add-brand">
+            <div class="title d-flex align-items-center justify-content-between">
+                <div class="title-left">
+                    <div id="breadcrumb" class="breadcrumb">
+                        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sản phẩm</span>
+                                </a> <i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="1">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Danh sách thương hiệu</span>
+                                </a><i class="fa fa-angle-right"></i>
+                                <meta itemprop="position" content="2">
+                            </li>
+                            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
+                                class="home">
+                                <a href="/" itemprop="item" class="nopad-l">
+                                    <span itemprop="name">Sửa thương hiệu</span>
+                                </a>
+                                <meta itemprop="position" content="3">
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+                <div class="title-right d-flex align-items-center">
+                    <a href="?opt=product&view=category-attribute&id=9" class="item-filter">
+                        <i class="icon_global list"></i>
+                        Danh sách thương hiệu
+                    </a>
+                    <a href="/admin/?opt=product&view=category-add" class="btn-excel">
+                        <i class="fa-solid fa-plus"></i>
+                        Thêm thương hiệu mới
+                    </a>
+                </div>
+            </div>
+            <div class="box-form-add bg-white">
+                <form method="post" enctype="multipart/form-data">
+                    <div class="item">
+                        <b class="label">Ảnh đại diện</b>
+                        <div class="content-right d-flex">
+                            <div class="box-avatar d-flex align-items-center">
+                                <img src="./assets/images/image_upload.png">
+                                <input type="hidden" name="category_image_current" value="cat_icon_9_1669262186.png">
+                                <a href="javascript:void(0)">Chọn ảnh đại diện</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Tên thương hiệu</b>
+                        <div class="content-right">
+                            <input type="text" name="info[name]" id="name" value="" class="form-control">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Link Index</b>
+                        <div class="content-right">
+                            <input type="text" name="info[brand_index]" id="url_index" value="" class="form-control"
+                                placeholder="Nhập link Index">
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Mô tả thương hiệu (nếu có)</b>
+                        <div class="content-right">
+                            <textarea name="info[summary]" id="summary" cols="80" rows="6"
+                                class="form-control"></textarea>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <b class="label">Dùng cho SEO</b>
+                        <div class="content-right">
+                            <div class="item-summary">
+                                <div class="title">Meta Title</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_title" id="meta_title" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Keywords</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_keyword" id="meta_keyword"
+                                        value="" placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                </div>
+                            </div>
+                            <div class="item-summary">
+                                <div class="title">Meta Description</div>
+                                <div class="right-summary">
+                                    <input type="text" class="form-control" name="meta_description"
+                                        id="meta_description" value=""
+                                        placeholder="Để = 0 nếu mặc định theo hệ thống cài đặt chung">
+                                    <div class="note" style="font-size: 13px;display: block;margin:5px 0;">* nếu để
+                                        trống sẽ dùng Mô
+                                        tả tóm tắt</div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="btn-submit">
+                        <div class="content-right d-flex align-items-center">
+                            <input type="hidden" name="l" value="vn">
+                            <input type="hidden" name="create" value="yes">
+                            <input class="btn" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật">
+                            <a href="javascript:void()" class="btn-back">Hủy bỏ</a>
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+</html>