<?php
//Verificar si el usuario ha iniciado sesion 

if (!isset($rutaBase)){
  $rutaBase="";
}


?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <link href="<?php echo $rutaBase;?>../public/images/logo_bingo_bonanza.png" rel="icon">
  <title>Bingo Online</title>
 

  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <!--<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> -->
  <!-- DataTables -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
  <link href="<?php echo $rutaBase;?>../public/datatables/buttons.dataTables.min.css">
  <!-- Tempusdominus Bbootstrap 4 -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- SweetAlert2 -->
 <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/sweetalert2/sweetalert2.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/jqvmap/jqvmap.min.css">
  <!-- Select2 -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/select2/css/select2.min.css">
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">



  <!-- Theme style -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/dist/css/adminlte.css">
  <!--<link rel="stylesheet" href="<?php echo $rutaBase;?>../public/dist/css/adminlteV3.2.min.css">-->



  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/daterangepicker/daterangepicker.css">
  
  <!-- summernote -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/plugins/summernote/summernote-bs4.css">
  <!-- Google Font: Source Sans Pro -->
  <!--<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">-->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/mapa.css">

  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/mapa.css">
 <!--<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />-->


  <!-- CSS Carrusel -->
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/CSS_Carrusel_Slider/swiper-bundle.min.css">
  <link rel="stylesheet" href="<?php echo $rutaBase;?>../public/CSS_Carrusel_Slider/styleSlider.css">

  <!--<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>-->
</head>

<body class="hold-transition sidebar-mini layout-fixed text-sm">

  <div class="wrapper" id="theme-wrapper">

    <!--================================== navbar ==================================-->
     <nav class="main-header navbar navbar-expand" style="background:  #1b2b3b ;">
      <!-- Left navbar links -->
      <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="<?php echo $rutaBase;?>./concepto/concepto.php" class="nav-link">Juego</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
         <!-- <a href="#" class="nav-link">Contact</a>-->
       </li>
     </ul>

     <!--================================== formulario de busqueda ==================================-->
     

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Messages Dropdown Menu -->
      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
       
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">

              <div class="media-body">
              
                <p class="text-sm">Bingo Online</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i></p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <li class="nav-item">
    <a href="<?php echo $rutaBase; ?>../ajax/perfilUsuario/login.php?op=salir&al_id_bingo=<?php echo $_SESSION['_AL_id_bingo']; ?>" 
       class="btn btn-primary nav-link">Salir</a>
</li>
        </ul>
      </nav>
      <!--================================== /.navbar ==================================-->

      <!--================================== Main Sidebar Container ==================================-->
      <aside class="main-sidebar sidebar-dark-dark elevation-4">

        <!--================================== Logo ==================================-->
        <a href="#" class="brand-link navbar-dark" style="background:  #152834   ;">
          <img src="<?php echo $rutaBase;?>../public/images/logo_bingo_bonanza.png"
          alt=""
          class="brand-image elevation-3"
          style="opacity: .8">
          <span class="brand-text font-weight-dark">Bingo</span>
        </a>

        <!--================================== Sidebar ==================================-->
        <div class="sidebar" style="background:  #152834   ;">
          <!-- Sidebar user (optional) -->
          <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
              <img src="<?php echo $rutaBase;?>../images/user_F.jpg" class="img-circle elevation-2" alt="User Image">
            </div>
            <div class="info">
              <a href="#" class="d-block"><?php echo $_SESSION['nombre']; ?></a>

            </div>
            <div class="info">
              <span class="right badge badge-success" aling="left">En Linea</span>
            </div>
          </div>

          <!--================================== Nav Sidebar Menu ==================================-->
<nav class="mt-2">
  <?php  
if ($_SESSION['id_tipo'] == 1) { 
?> 
  <ul class="nav nav-pills nav-sidebar flex-column nav-compact nav-flat nav-child-indent" 
      data-widget="treeview" role="menu" data-accordion="false">

    <li class="nav-item has-treeview ">
      <a href="#" class="nav-link">
        <i class=""></i>
        <p>Opciones
          <i class="fas fa-angle-left right"></i>
          <span class="badge badge-info right"></span>
        </p>
      </a>

      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./administrador.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Inicio
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>
 <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./comprar_cartones.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Comprar Cartones
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>
      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./usuarios.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Usuarios
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>
      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./historial_partida.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Historial de Partida
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>
    </li>
  </ul>
<?php 
} // Se cierra la etiqueta PHP aqu���
?>

<?php  
if ($_SESSION['id_tipo'] == 2) { 
?> 
  <ul class="nav nav-pills nav-sidebar flex-column nav-compact nav-flat nav-child-indent" 
      data-widget="treeview" role="menu" data-accordion="false">

    <li class="nav-item has-treeview ">
      <a href="#" class="nav-link">
        <i class=""></i>
        <p>Opciones
          <i class="fas fa-angle-left right"></i>
          <span class="badge badge-info right"></span>
        </p>
      </a>

      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./jugador.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Inicio
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>

      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./historial.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Historial de Compras 
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>

      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="./cambio_clave.php" class="nav-link">
            <i class="far fa-circle"></i>
            <p>Cambio de Clave
              <span class="right badge badge-danger"></span>
            </p>
          </a>  
        </li>
      </ul>

    
    </li>
  </ul>
<?php 
} // Se cierra la etiqueta PHP aqu���
?>
</nav>
       <!--================================== /Nav Sidebar Menu ==================================-->
     </div>
     <!--================================== /Sidebar ==================================-->
   </aside>
   <!--================================== /Main Sidebar Container ==================================-->

   <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" style="background:  #152834   ;">
  <!-- Content Header (Page header) -->
  <div class="content-header" style="background:  #152834   ;">

</body>
</html>   
<!-- ./wrapper -->