<!-- Este es el escritorio o panel principal de las listas de invitados -->
<?php
include_once '../conexion.php';
$objeto = new Conexion();
$conexion = $objeto->Conectar();
$consulta = "SELECT * FROM invitados";
$resultado = $conexion->prepare($consulta);
$resultado->execute();
$invitados=$resultado->fetchAll(PDO::FETCH_ASSOC);
?>

<?php

 
require 'header.php';

?>
<!DOCTYPE html>
<html lang="es">
  <head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
  
    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
    <link rel="icon" href="../../img/BG/logoFR.ico">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="utf-8"></script>
  </head>
<div class="content-wrapper">
    <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="row">
        <div class="col-md-12">
      <div class="box">
<div class="box-header with-border">
  <h1 class="box-title">Consulta de Mis invitados</h1>
             
  <img src="img/logoFR.png" width="5%" >  

  <div class="box-tools pull-right">

  </div>
</div>
<!--box-header-->
<!--centro-->

  <br>
  <table id="tbllistado" class="table table-striped table-bordered table-condensed table-hover">
  <thead class="text-center">
                
                     <th>Nombre</th>
                     <th>Apellidos</th>
                     <th>Email</th>
                     <th>Teléfono</th>
                     <th>Estado</th>
                     <th>Ciudad</th>
                     <th>Especialidad</th>
                     <th>Hospital</th>
                 </thead>
                 <tbody>
                     <?php
                         foreach($invitados as $usuario){
                     ?>
                     <tr>
        
                         <td><?php echo $usuario['nombre']?></td>
                         <td><?php echo $usuario['ape']?></td>
                         <td><?php echo $usuario['email']?></td>
                         <td><?php echo $usuario['telefono']?></td>
                         <td><?php echo $usuario['estado']?></td>
                         <td><?php echo $usuario['ciudad']?></td>
                         <td><?php echo $usuario['especialidad']?></td>
                         <td><?php echo $usuario['hospital']?></td>
                     </tr>
                     <?php
                         }
                     ?>
                 </tbody>
  </table>
</div>

<!--fin centro-->
      </div>
      </div>
      </div>
      <!-- /.box -->

    </section>
    <!-- /.content -->
  </div>
   
  <script src="app.js"></script>

<!-- Bootstrap core JS-->


 <script type="text/javascript">
 $(document).ready(function(){
   $('.nav_btn').click(function(){
     $('.mobile_nav_items').toggleClass('active');
   });
 });
 </script>


<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.20/datatables.min.js"></script>  
<script>
     $(document).ready(function(){
 $('#tbllistado').DataTable();
});
    </script> 
  </html>
<?php
require 'footer.php'; 
?>
<script src="scrips/asistencia.js"></script>
<?php 
ob_end_flush();
?>