From 64495816a9665f20b2a891f8a838096d25329c94 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Thu, 9 Apr 2026 16:44:03 -0500
Subject: [PATCH] Update lab_reportes.php

---
 lab_reportes.php | 188 +++++++++++++++++++++++------------------------
 1 file changed, 94 insertions(+), 94 deletions(-)

diff --git a/lab_reportes.php b/lab_reportes.php
index 3010497..fcf2e00 100644
--- a/lab_reportes.php
+++ b/lab_reportes.php
@@ -305,100 +305,6 @@ $adminNombre = $_SESSION['admin_user']['full_name'] ?? $_SESSION['admin_user']['
             </div>
         </div>
 
-        <!-- ══════════════════════════════════════════════════════════════ -->
-        <!-- Reporte de Pagos recibidos                                     -->
-        <!-- ══════════════════════════════════════════════════════════════ -->
-        <div class="card border-0 shadow-sm mb-4">
-            <div class="card-header bg-white border-0 pb-0">
-                <h6 class="fw-semibold mb-2">
-                    <i class="fas fa-money-bill-wave me-2 text-success"></i>Informe de pagos recibidos en domicilios
-                </h6>
-                <div class="d-flex flex-wrap gap-2 align-items-end pb-2">
-                    <div>
-                        <label class="form-label small text-muted text-uppercase mb-1">Período</label>
-                        <select id="pago-modo" class="form-select form-select-sm" onchange="pagoToggleModo()" style="min-width:110px">
-                            <option value="dia">Por día</option>
-                            <option value="mes">Por mes</option>
-                            <option value="rango">Rango fechas</option>
-                        </select>
-                    </div>
-                    <!-- Día -->
-                    <div id="pago-wrap-dia">
-                        <label class="form-label small text-muted text-uppercase mb-1">Fecha</label>
-                        <input type="date" id="pago-fecha" class="form-control form-control-sm" value="<?= date('Y-m-d') ?>">
-                    </div>
-                    <!-- Mes -->
-                    <div id="pago-wrap-anio" style="display:none">
-                        <label class="form-label small text-muted text-uppercase mb-1">Año</label>
-                        <input type="number" id="pago-anio" class="form-control form-control-sm" value="<?= date('Y') ?>" min="2020" max="2099" style="width:88px">
-                    </div>
-                    <div id="pago-wrap-mes" style="display:none">
-                        <label class="form-label small text-muted text-uppercase mb-1">Mes</label>
-                        <select id="pago-mes" class="form-select form-select-sm" style="width:120px">
-                            <option value="1">Enero</option><option value="2">Febrero</option>
-                            <option value="3">Marzo</option><option value="4">Abril</option>
-                            <option value="5">Mayo</option><option value="6">Junio</option>
-                            <option value="7">Julio</option><option value="8">Agosto</option>
-                            <option value="9">Septiembre</option><option value="10">Octubre</option>
-                            <option value="11">Noviembre</option><option value="12">Diciembre</option>
-                        </select>
-                    </div>
-                    <!-- Rango -->
-                    <div id="pago-wrap-desde" style="display:none">
-                        <label class="form-label small text-muted text-uppercase mb-1">Desde</label>
-                        <input type="date" id="pago-desde" class="form-control form-control-sm" value="<?= date('Y-m-01') ?>">
-                    </div>
-                    <div id="pago-wrap-hasta" style="display:none">
-                        <label class="form-label small text-muted text-uppercase mb-1">Hasta</label>
-                        <input type="date" id="pago-hasta" class="form-control form-control-sm" value="<?= date('Y-m-d') ?>">
-                    </div>
-                    <!-- Enfermero -->
-                    <div>
-                        <label class="form-label small text-muted text-uppercase mb-1">Enfermero/a</label>
-                        <select id="pago-enfermera" class="form-select form-select-sm" style="min-width:160px">
-                            <option value="">Todos</option>
-                        </select>
-                    </div>
-                    <button class="btn btn-primary btn-sm" onclick="cargarReportePagos()">
-                        <i class="fas fa-sync-alt me-1"></i>Ver informe
-                    </button>
-                    <button class="btn btn-sm btn-outline-success" onclick="exportarReportePagos()">
-                        <i class="fas fa-file-excel me-1"></i>Excel
-                    </button>
-                </div>
-            </div>
-            <!-- Resumen KPIs -->
-            <div id="pago-resumen" class="px-3 py-2 border-bottom bg-light" style="display:none">
-                <div class="row g-2 text-center">
-                    <div class="col-6 col-md-3">
-                        <div class="fw-bold fs-5 text-secondary" id="pr-total">—</div>
-                        <div class="small text-muted">Total domicilios</div>
-                    </div>
-                    <div class="col-6 col-md-3">
-                        <div class="fw-bold fs-5 text-success" id="pr-pagados">—</div>
-                        <div class="small text-muted">Pagados</div>
-                    </div>
-                    <div class="col-6 col-md-3">
-                        <div class="fw-bold fs-5 text-warning" id="pr-pendientes">—</div>
-                        <div class="small text-muted">Pendientes</div>
-                    </div>
-                    <div class="col-6 col-md-3">
-                        <div class="fw-bold fs-5" style="color:#7b1fa2" id="pr-monto">—</div>
-                        <div class="small text-muted">Total recibido</div>
-                    </div>
-                </div>
-                <div id="pr-modos" class="d-flex flex-wrap gap-3 justify-content-center mt-2" style="font-size:.82rem"></div>
-            </div>
-            <!-- Tabla -->
-            <div class="card-body p-0">
-                <div id="pago-tabla-wrap" style="overflow-x:auto">
-                    <div class="text-center py-4 text-muted small">
-                        <i class="fas fa-info-circle me-1"></i>Selecciona los filtros y haz clic en <strong>Ver informe</strong>
-                    </div>
-                </div>
-            </div>
-        </div>
-
         <!-- ══════════════════════════════════════════════════════════════ -->
         <!-- Reporte domicilios por enfermero                               -->
         <!-- ══════════════════════════════════════════════════════════════ -->
@@ -621,6 +527,100 @@ $adminNombre = $_SESSION['admin_user']['full_name'] ?? $_SESSION['admin_user']['
             </div>
         </div>
 
+        <!-- ══════════════════════════════════════════════════════════════ -->
+        <!-- Reporte de Pagos recibidos                                     -->
+        <!-- ══════════════════════════════════════════════════════════════ -->
+        <div class="card border-0 shadow-sm mb-4">
+            <div class="card-header bg-white border-0 pb-0">
+                <h6 class="fw-semibold mb-2">
+                    <i class="fas fa-money-bill-wave me-2 text-success"></i>Informe de pagos recibidos en domicilios
+                </h6>
+                <div class="d-flex flex-wrap gap-2 align-items-end pb-2">
+                    <div>
+                        <label class="form-label small text-muted text-uppercase mb-1">Período</label>
+                        <select id="pago-modo" class="form-select form-select-sm" onchange="pagoToggleModo()" style="min-width:110px">
+                            <option value="dia">Por día</option>
+                            <option value="mes">Por mes</option>
+                            <option value="rango">Rango fechas</option>
+                        </select>
+                    </div>
+                    <!-- Día -->
+                    <div id="pago-wrap-dia">
+                        <label class="form-label small text-muted text-uppercase mb-1">Fecha</label>
+                        <input type="date" id="pago-fecha" class="form-control form-control-sm" value="<?= date('Y-m-d') ?>">
+                    </div>
+                    <!-- Mes -->
+                    <div id="pago-wrap-anio" style="display:none">
+                        <label class="form-label small text-muted text-uppercase mb-1">Año</label>
+                        <input type="number" id="pago-anio" class="form-control form-control-sm" value="<?= date('Y') ?>" min="2020" max="2099" style="width:88px">
+                    </div>
+                    <div id="pago-wrap-mes" style="display:none">
+                        <label class="form-label small text-muted text-uppercase mb-1">Mes</label>
+                        <select id="pago-mes" class="form-select form-select-sm" style="width:120px">
+                            <option value="1">Enero</option><option value="2">Febrero</option>
+                            <option value="3">Marzo</option><option value="4">Abril</option>
+                            <option value="5">Mayo</option><option value="6">Junio</option>
+                            <option value="7">Julio</option><option value="8">Agosto</option>
+                            <option value="9">Septiembre</option><option value="10">Octubre</option>
+                            <option value="11">Noviembre</option><option value="12">Diciembre</option>
+                        </select>
+                    </div>
+                    <!-- Rango -->
+                    <div id="pago-wrap-desde" style="display:none">
+                        <label class="form-label small text-muted text-uppercase mb-1">Desde</label>
+                        <input type="date" id="pago-desde" class="form-control form-control-sm" value="<?= date('Y-m-01') ?>">
+                    </div>
+                    <div id="pago-wrap-hasta" style="display:none">
+                        <label class="form-label small text-muted text-uppercase mb-1">Hasta</label>
+                        <input type="date" id="pago-hasta" class="form-control form-control-sm" value="<?= date('Y-m-d') ?>">
+                    </div>
+                    <!-- Enfermero -->
+                    <div>
+                        <label class="form-label small text-muted text-uppercase mb-1">Enfermero/a</label>
+                        <select id="pago-enfermera" class="form-select form-select-sm" style="min-width:160px">
+                            <option value="">Todos</option>
+                        </select>
+                    </div>
+                    <button class="btn btn-primary btn-sm" onclick="cargarReportePagos()">
+                        <i class="fas fa-sync-alt me-1"></i>Ver informe
+                    </button>
+                    <button class="btn btn-sm btn-outline-success" onclick="exportarReportePagos()">
+                        <i class="fas fa-file-excel me-1"></i>Excel
+                    </button>
+                </div>
+            </div>
+            <!-- Resumen KPIs -->
+            <div id="pago-resumen" class="px-3 py-2 border-bottom bg-light" style="display:none">
+                <div class="row g-2 text-center">
+                    <div class="col-6 col-md-3">
+                        <div class="fw-bold fs-5 text-secondary" id="pr-total">—</div>
+                        <div class="small text-muted">Total domicilios</div>
+                    </div>
+                    <div class="col-6 col-md-3">
+                        <div class="fw-bold fs-5 text-success" id="pr-pagados">—</div>
+                        <div class="small text-muted">Pagados</div>
+                    </div>
+                    <div class="col-6 col-md-3">
+                        <div class="fw-bold fs-5 text-warning" id="pr-pendientes">—</div>
+                        <div class="small text-muted">Pendientes</div>
+                    </div>
+                    <div class="col-6 col-md-3">
+                        <div class="fw-bold fs-5" style="color:#7b1fa2" id="pr-monto">—</div>
+                        <div class="small text-muted">Total recibido</div>
+                    </div>
+                </div>
+                <div id="pr-modos" class="d-flex flex-wrap gap-3 justify-content-center mt-2" style="font-size:.82rem"></div>
+            </div>
+            <!-- Tabla -->
+            <div class="card-body p-0">
+                <div id="pago-tabla-wrap" style="overflow-x:auto">
+                    <div class="text-center py-4 text-muted small">
+                        <i class="fas fa-info-circle me-1"></i>Selecciona los filtros y haz clic en <strong>Ver informe</strong>
+                    </div>
+                </div>
+            </div>
+        </div>
+
     </div><!-- /container -->
 </main>