<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Responsive Admin Dashboard Template">
  <meta name="keywords" content="admin,dashboard">
  <meta name="author" content="stacks">
  <!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <!-- Title -->
  <title><?php echo $panelName; ?></title>

  <!-- Styles -->
  <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700,800&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/plugins/font-awesome/css/all.min.css" rel="stylesheet">
  <link href="assets/plugins/perfectscroll/perfect-scrollbar.css" rel="stylesheet">
  <link href="assets/plugins/pace/pace.css" rel="stylesheet">

  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
  <link rel="manifest" href="assets/site.webmanifest">
  <!-- Theme Styles -->
  <link href="assets/css/main.min.css" rel="stylesheet">
  <link href="assets/css/custom.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body class="">
  <div class="page-container">
    <div class="page-sidebar">
      <a style="display:block;text-align: center;width:100% !important;" href="index.php"><img style="width:80px;padding:10px;" src="assets/android-chrome-512x512.png" /></a>
      <a class="logo" style="font-size:14px;margin-top:0;" href="index.php"><?php echo $productName; ?></a>
      <ul class="list-unstyled accordion-menu">
        <li <?php echo $dnsActive; ?>>
          <a href="?dns"><i data-feather="server"></i>DNS</a>
        </li>
        <li <?php echo $vpnActive; ?>>
          <a href="?vpn"><i data-feather="shield"></i>VPN Profiles</a>
        </li>
        <li <?php echo $vpnUsersActive; ?>>
          <a href="?vpn-users"><i data-feather="users"></i>VPN Users</a>
        </li>
       
        <li <?php echo $accountActive; ?>>
          <a href="?account"><i data-feather="user"></i>Account</a>
        </li>
        <li>
          <a href="?logout"><i data-feather="log-out"></i>Log Out</a>
        </li>
      </ul>
      <a href="#" id="sidebar-collapsed-toggle"><i data-feather="arrow-right"></i></a>
    </div>
    <div class="page-content">
      <div class="page-header">
        <nav class="navbar navbar-expand-lg d-flex justify-content-between">
          <div class="header-title flex-fill">
            <a href="#" id="sidebar-toggle"><i data-feather="arrow-left"></i></a>
            <h5>Dashboard</h5>
          </div>
        </nav>
      </div> 
      <div class="main-wrapper">
        <?php
        require_once("includes/" . $includePath);
        ?>
      </div>
      <div class="page-footer">
        <div class="page-footer-item page-footer-item-right">
          <a style="color: #83d8ae;    font-weight: 500;" href="<?php echo $telegramUrl; ?>"> <img style="width:30px" src="assets/images/telegram.png" />&nbsp;&nbsp;<?php echo $telegramName; ?><i data-feather="arrow-right" class="footer-right"></i></a>
        </div>
      </div>
    </div>
  </div>
  <!-- Javascripts -->
  <script src="assets/plugins/jquery/jquery-3.4.1.min.js"></script>
  <script src="https://unpkg.com/@popperjs/core@2"></script>
  <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="https://unpkg.com/feather-icons"></script>
  <script src="assets/plugins/perfectscroll/perfect-scrollbar.min.js"></script>
  <script src="assets/plugins/pace/pace.min.js"></script>
  <script src="assets/js/main.min.js"></script>
</body>

</html>