<div class="preloader flex-column justify-content-center align-items-center">
    <img class="animation__shake" src="https://cdn.jsdelivr.net/gh/quangtuu2006/admin_lite@main/dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
</div>

<nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
            <a href="/" class="nav-link"><i class="fas fa-home mr-1"></i> Trang Chủ</a>
        </li>
    </ul>
</nav>
<aside class="main-sidebar sidebar-dark-primary elevation-4">
    <a href="/admin" class="brand-link">
        <img src="https://cdn.jsdelivr.net/gh/quangtuu2006/admin_lite@main/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">AdminLTE 3</span>
    </a>

    <div class="sidebar">
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
                <img src="https://cdn.jsdelivr.net/gh/quangtuu2006/admin_lite@main/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
            </div>
            <div class="info">
                <a href="#" class="d-block"><i class="fas fa-circle text-success mr-1" style="font-size: 10px;"></i> <?=$username;?></a>
            </div>
        </div>

        <div class="form-inline">
            <div class="input-group" data-widget="sidebar-search">
                <input class="form-control form-control-sidebar" type="search" placeholder="Tìm kiếm chức năng..." aria-label="Search">
                <div class="input-group-append">
                    <button class="btn btn-sidebar">
                        <i class="fas fa-search fa-fw"></i>
                    </button>
                </div>
            </div>
        </div>

        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column nav-child-indent" data-widget="treeview" role="menu" data-accordion="false">
                
                <li class="nav-item">
                    <a href="/admin" class="nav-link">
                        <i class="nav-icon fas fa-tachometer-alt"></i>
                        <p>Dashboard / Tổng quan</p>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="users.php" class="nav-link">
                        <i class="nav-icon fas fa-users"></i>
                        <p>Thành Viên</p>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-credit-card"></i>
                        <p>
                            Quản lý nạp tiền
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="setbank.php" class="nav-link">
                                <i class="far fa-circle nav-icon text-info"></i>
                                <p>Danh sách ngân hàng</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lsnapthe.php" class="nav-link">
                                <i class="far fa-circle nav-icon text-warning"></i>
                                <p>Lịch sử nạp thẻ</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lsnapbank.php" class="nav-link">
                                <i class="far fa-circle nav-icon text-success"></i>
                                <p>Lịch sử nạp bank</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <!--=============================================
                 MỤC MỚI: MÃ GIẢM GIÁ & GIFTCODE
                 =============================================-->
                <li class="nav-header text-uppercase font-weight-bold">Khuyến Mãi & Ưu Đãi</li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-ticket-alt text-warning"></i>
                        <p>
                            Quản lý Mã Giảm Giá
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="coupons.php" class="nav-link">
                                <i class="far fa-plus-square nav-icon text-success"></i>
                                <p>Thêm Mã Giảm Giá</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="coupons-list.php" class="nav-link">
                                <i class="far fa-list-alt nav-icon text-info"></i>
                                <p>Danh Sách Mã</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="coupons-history.php" class="nav-link">
                                <i class="far fa-clock nav-icon text-muted"></i>
                                <p>Lịch Sử Sử Dụng</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-gift text-danger"></i>
                        <p>
                            Quản lý Giftcode
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="giftcode.php" class="nav-link">
                                <i class="far fa-plus-square nav-icon text-success"></i>
                                <p>Thêm Giftcode</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="giftcode-list.php" class="nav-link">
                                <i class="far fa-list-alt nav-icon text-info"></i>
                                <p>Danh Sách Giftcode</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="giftcode-history.php" class="nav-link">
                                <i class="far fa-clock nav-icon text-muted"></i>
                                <p>Lịch Sử Nhận</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-header text-uppercase font-weight-bold">Danh Mục Dịch Vụ</li>

                <li class="nav-item">
                    <a href="add-code-free.php" class="nav-link">
                        <i class="nav-icon fas fa-gift text-danger"></i>
                        <p>Thêm Code Free</p>
                    </a>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-server"></i>
                        <p>
                            Dịch vụ Hosting
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="listserverhost.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Server hosting</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="listgoihost.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Gói hosting</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lsmuahost.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Lịch sử mua host</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-laptop-code"></i>
                        <p>
                            Dịch vụ Tạo Web
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="lstaoweb.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Đơn hàng tạo web</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="api-auto.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>API tạo shop tự động</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="dsmauweb.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Danh sách mẫu web</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-code"></i>
                        <p>
                            Kho Mã Nguồn
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="listcode.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Danh sách mã nguồn</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lsmuacode.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Lịch sử mua code</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-globe"></i>
                        <p>
                            Quản lý Tên Miền
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="listdomain.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Danh sách miền</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lsmuadomain.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Lịch sử mua miền</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-paint-brush"></i>
                        <p>
                            Dịch vụ Tạo Logo
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="listlogo.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Thêm Logo mới</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lslogo.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Lịch sử tạo Logo</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-clock"></i>
                        <p>
                            Hệ thống Cron Jobs
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="server-cron.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Quản lý server</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="lscron.php" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>Lịch sử cronjobs</p>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="nav-header text-uppercase font-weight-bold">Cấu Hình</li>
                
                <li class="nav-item">
                    <a href="setting.php" class="nav-link">
                        <i class="nav-icon fas fa-cogs text-secondary"></i>
                        <p>Cài đặt hệ thống</p>
                    </a>
                </li>
            </ul>
        </nav>
        </div>
    </aside>