<?php
// Incluir el archivo de conexión
include 'conexion.php';

// Obtener el valor de búsqueda desde el parámetro GET
$search = isset($_GET['search']) ? $conn->real_escape_string($_GET['search']) : '';

// **Consulta para obtener solo seriales "No usado" y filtrar por serie**
$sql = "SELECT id, serie, fecha_registro, estado FROM series WHERE estado = 'No usado'";

if ($search) {
    $sql .= " AND serie LIKE '%$search%'";
}

$sql .= " ORDER BY id DESC"; // Ordenar por ID en orden descendente

$result = $conn->query($sql);

// Verificar si hay registros
if ($result->num_rows > 0) {
    echo "<table class='min-w-full table-auto'>
            <thead>
                <tr>
                    <th class='px-4 py-2 text-left text-sm text-gray-600'>Serie</th>
                    <th class='px-4 py-2 text-left text-sm text-gray-600'>Fecha</th>
                    <th class='px-4 py-2 text-left text-sm text-gray-600'>Estado</th>
                    <th class='px-4 py-2 text-left text-sm text-gray-600'></th>
                </tr>
            </thead>
            <tbody>";

    // Recorrer los resultados y mostrarlos en la tabla
    while ($row = $result->fetch_assoc()) {
        echo "<tr class='border-t border-gray-200'>
                 <td class='px-4 py-2 text-sm'>
                    <div class='d-flex px-2 py-1'>
                        <div>
                            <img src='https://previews.123rf.com/images/yupiramos/yupiramos1607/yupiramos160710449/60039494-c%C3%B3digo-de-barras-con-el-n%C3%BAmero-de-serie-y-el-icono-negro-blanco-ilustraci%C3%B3n-vectorial-dise%C3%B1o.jpg' class='avatar avatar-sm me-3' alt='serie' style='max-height: 50px;'>
                        </div>
                        <div class='d-flex flex-column justify-content-center'>
                            <h6 class='mb-0 text-sm'>{$row['serie']}</h6>
                            <p class='text-xs text-secondary mb-0'>ID: {$row['id']}</p>
                        </div>
                    </div>
                 </td>
                 <td class='px-4 py-2 text-sm'>{$row['fecha_registro']}</td>
                 <td class='px-4 py-2 text-sm'>Pendiente</td>
                 <td class='px-4 py-2 text-sm'>
                    <button onclick=\"cambiarEstado({$row['id']})\" class='bg-red-500 text-white py-1 px-4 rounded-full hover:bg-red-700 focus:outline-none ml-2'>
                        Cambiar
                    </button>
                 </td>
              </tr>";
    }
    echo "</tbody>
        </table>";
} else {
    echo "<div class='text-center text-xs text-muted'>No hay seriales pendientes.</div>";
}

// Cerrar la conexión
$conn->close();
?>
