<?php 
  $stats = ControladorConsulta::ctrMostrarEstadisticasInicio(); 
?>

<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <h1>Panel de Control de Emergencias</h1>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            
            <div class="row">
                
                <div class="col-lg-4 col-6">
                    <div class="small-box bg-info shadow">
                        <div class="inner">
                            <h3><?php echo $stats["atenciones_hoy"]; ?></h3>
                            <p>Ingresos Hoy</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-user-injured"></i>
                        </div>
                        <a href="paciente" class="small-box-footer">Ver todos <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <?php 
                    $colorCaja = "bg-success"; // Verde si hay pocos
                    if($stats["pendientes"] > 5) { $colorCaja = "bg-warning"; } // Naranja si se acumulan
                    if($stats["pendientes"] > 10) { $colorCaja = "bg-danger"; } // Rojo si hay colapso
                ?>

                <div class="col-lg-4 col-6">
                    <div class="small-box <?php echo $colorCaja; ?> shadow">
                      <div class="inner">
                          <h3><?php echo $stats["pendientes"]; ?></h3>
                          <p>Pacientes en Espera</p>
                      </div>
                           <div class="icon">
                            <i class="fas fa-clock"></i>
                        </div>
                        <a href="triaje" class="small-box-footer">Ir a Triaje <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <div class="col-lg-4 col-6">
                    <div class="small-box bg-warning shadow">
                        <div class="inner">
                            <h3><?php echo $stats["observacion"]; ?></h3>
                            <p>En Observación</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-bed"></i>
                        </div>
                        <a href="consulta-medica" class="small-box-footer">Ver monitoreo <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

            </div>

            <h5 class="mb-2">Acciones Rápidas</h5>
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-outline card-primary">
                        <div class="card-body">
                            <?php if(tienePermiso("PACIENTE", "CREAR")): ?>
                                <a href="paciente" class="btn btn-app bg-primary">
                                    <i class="fas fa-id-card"></i> Admisión
                                </a>
                            <?php endif; ?>

                            <?php if(tienePermiso("TRIAJE", "VER")): ?>
                                <a href="triaje" class="btn btn-app bg-success">
                                    <i class="fas fa-stethoscope"></i> Triaje
                                </a>
                            <?php endif; ?>

                            <?php if(tienePermiso("CONSULTA MEDICA", "VER")): ?>
                                <a href="consulta-medica" class="btn btn-app bg-info">
                                    <i class="fas fa-user-md"></i> Consultorio
                                </a>
                            <?php endif; ?>

                            <?php if(tienePermiso("REPORTES", "VER")): ?>
                                <a href="reportes-emergencia" class="btn btn-app bg-purple">
                                    <i class="fas fa-chart-line"></i> Reportes
                                </a>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
</div>

  <script>
      
              var elemento = document.getElementById("inicio");
              elemento.className += " active";

              var elemento = document.getElementById("ini");
              elemento.className += " menu-open";
    
  </script>
  <!-- /.content-wrapper -->