<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
include('is_logged.php');
require_once ("../config/db.php");
require_once ("../config/conexion.php");

$action = (isset($_REQUEST['action']) && $_REQUEST['action'] == 'ajax') ? $_REQUEST['action'] : '';

if($action == 'ajax'){
    $desde = mysqli_real_escape_string($con, (strip_tags($_REQUEST['desde'], ENT_QUOTES)));
    $hasta = mysqli_real_escape_string($con, (strip_tags($_REQUEST['hasta'], ENT_QUOTES)));
    
    $sWhere = "";
    if (!empty($desde) && !empty($hasta)) {
        $sWhere = " WHERE fecha_pago BETWEEN '$desde' AND '$hasta'";
    }

    // Consultamos la tabla PADRE
    $sql = "SELECT * FROM pagos_nomina $sWhere ORDER BY id_pago_padre DESC";
    $query = mysqli_query($con, $sql);
    ?>
    <!-- ESTE DIV ES LA CLAVE DEL RESPONSIVE -->
    <div class="table-responsive">
        <table class="table table-hover table-striped">
            <thead>
                <tr class="info">
                    <th>ID</th>
                    <th>Fecha</th>
                    <th>Monto Total</th>
                    <th class="hidden-xs">Registrado por</th> <!-- Ocultamos en móviles para ahorrar espacio -->
                    <th class='text-right'>Acciones</th>
                </tr>
            </thead>
            <tbody>
            <?php
            while ($row = mysqli_fetch_array($query)) {
                $id_pago = $row['id_pago_padre'];
                $fecha = date('d/m/Y', strtotime($row['fecha_pago']));
                $monto = $row['monto_total'];
                $usuario = $row['registrado_por'];
                ?>
                <tr>
                    <td>#<?php echo $id_pago; ?></td>
                    <td><?php echo $fecha; ?></td>
                    <td><strong>$ <?php echo number_format($monto, 2); ?></strong></td>
                    <td class="hidden-xs"><?php echo $usuario; ?></td>
                    <td class='text-right'>
                        <!-- Botón optimizado para móvil -->
                        <button class="btn btn-default btn-sm" onclick="ver_detalle('<?php echo $id_pago; ?>')" title="Ver Detalles">
                            <i class="glyphicon glyphicon-eye-open"></i> <span class="hidden-xs">Ver Empleados</span>
                        </button>
                    </td>
                </tr>
                <?php
            }
            ?>
            </tbody>
        </table>
    </div>
    <?php
}
?>