<?php
ob_start();

ini_set('display_errors', '1');
ini_set('display_startup_errors', '1');
error_reporting(E_ALL);

include_once 'cauhinh.php';
include_once 'config.php';
include_once 'set.php';
?>
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>
        <?php echo $_title; ?>
    </title>
    <link rel="icon" href="../images/banner/logo.png" type="image/png">
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/css/all.min.css" />
    <link rel="stylesheet" href="../assets/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://getbootstrap.com/docs/4.0/dist/js/bootstrap.min.js"></script>
    <script language="javascript" src="https://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.29.2/dist/sweetalert2.min.js"></script>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@7.29.2/dist/sweetalert2.min.css">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <!---Sửa Thêm thư viện -->
    <!--Gốc Trang-->
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!--Gốc Trang-->
    <!--Gốc Trang new menu-->
    <script src="https://cdn.lordicon.com/xdjxvujz.js"></script>
    <script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!--Gốc Trang new menu - body-->
    <!-- Thư viện bootstrap5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Thư viện bootstrap5 -->
    <!---Icon --->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <script src="https://code.iconify.design/iconify-icon/1.0.0/iconify-icon.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
    <!---Icon --->
    <!---Sửa Thêm thư viện -->
    <!---Thêm css cho menu -->
	    <link rel="stylesheet" href="../assets/css/menu.css">
    <script src="../assets/js/menu.js"></script>
    <!---Thêm css cho menu -->
    <!--update body trang-->
    <!--update body trang-->
	    <!--Gốc Trang mới-->
    <link rel="stylesheet" href="../assets/css/top.css" />
    <link rel="stylesheet" href="../assets/css/top1.css" />
    <link rel="stylesheet" href="../assets/css/set.css" />
    <link rel="stylesheet" href="../assets/css/index.css" />
    <link rel="stylesheet" href="../assets/css/slide.css" />
    <link rel="stylesheet" href="../assets/css/hover.css" />
    <link rel="stylesheet" href="../assets/css/download.css" />
    <link rel="stylesheet" href="../assets/css/thongtin.css" />
    <link rel="stylesheet" href="../assets/css/dangnhap-dangky.css" />
    <!--Gốc Trang mới-->
</head>
<!-- <style>
    .btn-primary {
        border-color: #f44336 !important;
        color: #fff !important;
    }

    .border-primary {
        border-color: #f44336 !important;
    }

    .bg-primary,
    .btn-primary {
        background-color: #f44336 !important;
    }

    .btn-outline-primary:hover {
        background-color: #f44336;
        border-color: #f44336;
    }

    .btn-outline-primary {
        color: #f44336;
        border-color: #f44336;
    }

    .feature-box {
        padding: 38px 30px;
        position: relative;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0 29px 0 rgb(18 66 101 / 8%);
        transition: all 0.3s ease-in-out;
        border-radius: 8px;
        z-index: 1;
        width: 100%;
    }

    .feature-icon {
        font-size: 1.8em;
        margin-bottom: 1rem;
    }

    .feature-title {
        font-size: 1.2em;
        font-weight: 500;
        padding-bottom: 0.25rem;
        text-decoration: none;
        color: #212529;
    }

    .list-group-item.active {
        background-color: #f44336;
        border-color: #f44336;
    }

    a {
        text-decoration: none;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: #f44336;
    }

    .nav-link {
        color: #f44336;
    }

    .nav-link:focus,
    .nav-link:hover {
        color: #cd3a2f;
    }
</style> -->


<!-- <body>
    <div class="container py-3">
        <header>
            <div class="d-flex flex-column flex-md-row align-items-center pb-3 mb-4 border-bottom">
                <a href="/" class="d-flex align-items-center text-dark text-decoration-none">
                    <img class="me-2" src="../img/nso.png" alt="" width="36" height="36">
                    <span class="fs-5">Ninja School Online</span>
                </a>
                <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto" style="font-weight: 500">
                    <a class="me-3 py-2 text-dark text-decoration-none" href="../download.php">Tải về</a>
                    <a class="me-3 py-2 text-dark text-decoration-none" href="../lich-su-nap-the">Lịch sử</a>
                    <a class="me-3 py-2 text-dark text-decoration-none" target="_blank" href="">Box Zalo </a>
                    <a class="me-3 py-2 text-dark text-decoration-none" target="_blank" href="">Group</a>
                    <a class="me-3 py-2 text-dark text-decoration-none" href="../nap-tien">Nạp Coin</a>


                </nav>
                <?php if ($_login == null) { ?>
                    <nav class="my-2 my-md-0 mr-md-3">
                        <a class="btn btn-outline-danger" href="/login">Đăng nhập</a>
                        <a class="btn btn-outline-danger" href="/register">Đăng Ký</a>
                    <?php } else { ?>
                        <a class="btn btn-outline-primary" href="/user">
                            <span>
                                <?php echo ($_username); ?> -
                                <?php echo number_format($_coin); ?> Coin
                            </span>
                        </a>
                    <?php } ?>
                </nav>
            </div>
        </header>
    </div>
</body> -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .hotline-phone-ring-wrap {
            position: fixed;
            bottom: 0;
            /*    left: 0;   /* Đổi right thành right để căn sang lề trái */
            right: 0;
            /* Đổi left thành right để căn sang lề phải */
            z-index: 999999
        }

        .hotline-phone-ring {
            position: relative;
            visibility: visible;
            background-color: transparent;
            width: 110px;
            height: 110px;
            cursor: pointer;
            z-index: 11;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            transition: visibility .5s;
            left: 0;
            bottom: 0;
            display: block
        }

        .hotline-phone-ring-circle {
            width: 110px;
            height: 110px;
            top: 0;
            left: 0;
            position: absolute;
            background-color: transparent;
            border-radius: 100%;
            border: 2px solid #30833B;
            -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
            animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
            transition: all .5s;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            opacity: .5
        }

        .hotline-phone-ring-circle-fill {
            width: 80px;
            height: 80px;
            top: 16px;
            left: 16px;
            position: absolute;
            background-color: rgba(48, 131, 59, 0.7);
            border-radius: 100%;
            border: 2px solid transparent;
            -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
            animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
            transition: all .5s;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%
        }

        .hotline-phone-ring-img-circle {
            background-color: #30833B;
            width: 50px;
            height: 50px;
            top: 31px;
            left: 31px;
            position: absolute;
            background-size: 20px;
            border-radius: 100%;
            border: 2px solid transparent;
            -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
            animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .hotline-phone-ring-img-circle .pps-btn-img {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

        .hotline-phone-ring-img-circle .pps-btn-img img {
            width: 33px;
            height: 33px
        }

        .hotline-bar {
            position: absolute;
            background: #30833B;
            height: 45px;
            width: 165px;
            line-height: 40px;
            border-radius: 3px;
            padding: 0 10px;
            background-size: 100%;
            cursor: pointer;
            transition: all .8s;
            -webkit-transition: all .8s;
            z-index: 9;
            border-radius: 50px !important;
            left: 42px;
            bottom: 31px
        }

        .hotline-bar>a {
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: 700;
            text-indent: 32px;
            letter-spacing: 1px;
            display: block;
            line-height: 45px;
            font-family: Arial
        }

        .hotline-bar>a:hover,
        .hotline-bar>a:active {
            color: #fff
        }

        @-webkit-keyframes phonering-alo-circle-anim {
            0% {
                -webkit-transform: rotate(0) scale(0.5) skew(1deg);
                -webkit-opacity: .1
            }

            30% {
                -webkit-transform: rotate(0) scale(0.7) skew(1deg);
                -webkit-opacity: .5
            }

            100% {
                -webkit-transform: rotate(0) scale(1) skew(1deg);
                -webkit-opacity: .1
            }
        }

        @-webkit-keyframes phonering-alo-circle-fill-anim {
            0% {
                -webkit-transform: rotate(0) scale(0.7) skew(1deg);
                opacity: .6
            }

            50% {
                -webkit-transform: rotate(0) scale(1) skew(1deg);
                opacity: .6
            }

            100% {
                -webkit-transform: rotate(0) scale(0.7) skew(1deg);
                opacity: .6
            }
        }

        @-webkit-keyframes phonering-alo-circle-img-anim {
            0% {
                -webkit-transform: rotate(0) scale(1) skew(1deg)
            }

            10% {
                -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
            }

            20% {
                -webkit-transform: rotate(25deg) scale(1) skew(1deg)
            }

            30% {
                -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
            }

            40% {
                -webkit-transform: rotate(25deg) scale(1) skew(1deg)
            }

            50% {
                -webkit-transform: rotate(0) scale(1) skew(1deg)
            }

            100% {
                -webkit-transform: rotate(0) scale(1) skew(1deg)
            }
        }

        @media (max-width: 768px) {
            .hotline-bar {
                display: none
            }
        }

        .zalo {
            margin-left: 70px;
        }

        .zalo-circle {
            border: 2px solid #0088FF !important;
        }

        .zalo-ring-img-circle {
            background-color: #0088FF !important;
        }

        .zalo-ring-circle-fill {
            background-color: rgba(0, 136, 255, 0.7) !important;
        }

        @media screen and (max-width: 500px) {
            .an_hien_thi {
                display: none;
            }
        }
    </style>
</head>

<body>
    <!-- SỐ ZALO GROUP	 -->
    <div class="hotline-phone-ring-wrap">
        <div class="hotline-phone-ring">
            <div class="hotline-phone-ring-circle zalo-circle"></div>
            <div class="hotline-phone-ring-circle-fill zalo-ring-circle-fill"></div>
            <div class="hotline-phone-ring-img-circle zalo-ring-img-circle">
                <a href="https://zalo.me/g/bmpzlm098" class="pps-btn-img">
                    <img src="../images/banner/zalo_icon.png" alt="Số zalo" width="50">
                </a>
            </div>
        </div> </div>
</body>
<body>
    <!--- Bắt đầu menu --->
    <header style="position: relative;">
        <div class="w3-top" class="header" id="home">
            <div class="w3-bar  w3-card w3-left-align w3-large heeder-large-screen" style="background-color: #ffeba7;">
                <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-black w3-large"
                    href="javascript:void(0);" onclick="openNav()" title="Toggle Navigation Menu"><i
                        class="fa fa-bars"></i></a>
                <!--        <a href="#home" class="w3-bar-item w3-button w3-padding-large  w3-hover-black">  </a>        -->
                <!-- Menu pc --->
                <div id="toppart">
                    <ul id="toppart-bar">

                        <?php if ($_login == null) { ?>

                        <li class="toppart-bar-li"> <a href="trang-chu"
                                class="w3-bar-item w3-hide-small w3-padding-large"
                                style="background-color: #a7d4ff	; color: #0d6efd; font-weight: bold;"><i
                                    class="fas fa-home" style="margin-right: 5px;"></i>TRANG CHỦ</a> </li>



                        <li class="toppart-bar-li"><a href="gioi-thieu"
                                class="w3-bar-item w3-hide-small w3-padding-large"><i class="fas fa-group"
                                    style="margin-right: 5px;"></i>BOX ZALO</a> </li>




                        <li class="toppart-bar-li"><a href="tai-ve"
                                class="w3-bar-item  w3-hide-small w3-padding-large"><i class="fas fa-download"
                                    style="margin-right: 5px;"></i>TẢI GAMES</a></li>

                        <?php } ?>

                        <li class="toppart-bar-li"><a href="../nap-tien"
                                class="w3-bar-item w3-hide-small w3-padding-large">
                                <i class="fas fa-coins" style="margin-right: 5px;"></i>NẠP COIN</a></li>

                        <?php if ($_login == null) { ?>
                        <?php } else { ?>
                        <li class="toppart-bar-li"><a href="/exchange"
                                class="w3-bar-item w3-hide-small w3-padding-large">
                                <i class="fas fa-dollar-sign" style="margin-right: 5px;"></i>ĐỔI COIN</a></li>
                        <?php } ?>


                        <?php if ($_login == null) { ?>
                        <li class="toppart-bar-li"> <a href="/login" class="w3-bar-item w3-hide-small w3-padding-large">
                                <i class="fas fa-sign-in-alt" style="margin-right: 5px;"></i>ĐĂNG NHẬP</a> </li>


                        <?php } else { ?>
                        <li class="toppart-bar-li">
                            <a class="in-body w3-bar-item w3-hide-small w3-padding-large" href="/user">
                                <span class="in-user">
                                    <b class="vip-user">[VIP]</b>
                                    <?php
                                    $username = $_username; // Biến $_username chứa giá trị cần in ra
                                    echo strtoupper($username); // In giá trị của biến username thành chữ viết hoa
                                    ?>
                                </span>
                            </a>
                        </li>
                        <?php } ?>




                    </ul>
                </div>
            </div>
            <div id="myNav" class="overlay">
                <!--    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
                <div class="overlay-content">
                    <?php if ($_login == null) { ?>
                        <a href="trang-chu" class="the-a-maunen" onclick="closeNav()"
                            style="background-color: #a7d4ff; color: #0d6efd; font-weight: bold;">
                            <i class="fas fa-home" style="margin-right: 10px;"></i>TRANG CHỦ</a>

                        <a href="gioi-thieu" class="the-a-maunen" onclick="closeNav()">
                            <i class="fas fa-group" style="margin-right: 10px;"></i>BOX ZALO</a>

                        <a href="ranking" class="the-a-maunen" onclick="closeNav()">
                            <i class="fas fas fa-trophy" style="margin-right: 10px;"></i>TOP SEVER</a>

                        <a href="tai-ve" class="the-a-maunen" onclick="closeNav()">
                            <i class="fas fa-download" style="margin-right: 10px;"></i> TẢI GAMES</a>
                    <?php } ?>
                    <a href="../nap-tien" class="the-a-maunen" onclick="closeNav()"><i class="fas fa-coins"
                            style="margin-right: 10px;"></i>NẠP COIN</a>

                    <?php if ($_login == null) { ?>
                    <?php } else { ?>
                        <a href="/exchange" class="the-a-maunen" onclick="closeNav()"><i class="fas fa-dollar-sign"
                                style="margin-right: 10px;"></i>ĐỔI COIN</a>
                    <?php } ?>

                    <a href="../lich-su-nap-the" class="the-a-maunen" onclick="closeNav()"><i
                            class="far fa-calendar-alt" style="margin-right: 10px;"></i>LỊCH SỬ</a>
                    <?php if ($_login == null) { ?>
                        <a href="/login" class=" ">
                            <i class="fas fa-sign-in-alt" style="margin-right: 10px;"></i>ĐĂNG NHẬP</a>

                        <a href="/register" class=" " onclick="closeNav()">
                            <i class="fas fa-user-plus" style="margin-right: 10px;"></i>ĐĂNG KÝ</a>


                    <?php } else { ?>
                        <li class=" " onclick="closeNav()" style="list-style-type: none;">
                            <a class="in-body" href="/user">
                                <span class="in-user">
                                    <b class="vip-user">[VIP]</b>
                                    <?php
                                    $username = $_username; // Biến $_username chứa giá trị cần in ra
                                    echo strtoupper($username); // In giá trị của biến username thành chữ viết hoa
                                    ?>
                                </span>
                            </a>
                        </li>
                    <?php } ?>

                    <a href="javascript:void(0)" class="closebtn"
                        style="color: #FF66FF; font-weight: bold; background-color: #a7d4ff;margin-top: 2px;"
                        onclick="closeNav()">ĐÓNG MENU</a>
                </div>
            </div>
        </div>
    </header>
    <!--- Kết thúc menu --->
    <!--- ZALO --->
    <div class="footer_content">
        <!--- <div class="hotline-phone-ring-wrap" id="hotline-phone-1">
    <div class="hotline-phone-ring">
      <div class="hotline-phone-ring-circle"></div>
      <div class="hotline-phone-ring-circle-fill"></div>
      <div class="hotline-phone-ring-img-circle"> <a href="tel:+" class="pps-btn-img"> <span class="background-call"></span> </a></div>
    </div>
    <div class="hotline-bar"> <a href="tel:+"> <span class="text-hotline"></span> </a></div>
  </div>--->
        
    
</body>