<?php
require_once '../../config/config.php';
require_once '../../config/database.php';
require_once '../../includes/functions.php';

// Seguridad
if (!isset($_SESSION['usuario_rol']) || $_SESSION['usuario_rol'] != ROL_ADMIN) {
    header("Location: ../../index.php");
    exit();
}

// 1. Capturar filtros
$filtro_nombre = $_GET['buscar'] ?? '';
$filtro_categoria = $_GET['categoria'] ?? '';

// 2. Construir la consulta SQL dinámica
$sql = "SELECT i.*, c.nombre as categoria_nombre, u.nombre as encargado_nombre 
        FROM inventario i 
        LEFT JOIN categorias c ON i.id_categoria = c.id 
        LEFT JOIN usuarios u ON i.id_encargado_actual = u.id 
        WHERE 1=1"; // Base de la consulta

$params = [];

if (!empty($filtro_nombre)) {
    $sql .= " AND (i.marca LIKE ? OR i.modelo LIKE ? OR i.serie LIKE ?)";
    $term = "%$filtro_nombre%";
    $params[] = $term;
    $params[] = $term;
    $params[] = $term;
}

if (!empty($filtro_categoria)) {
    $sql .= " AND i.id_categoria = ?";
    $params[] = $filtro_categoria;
}

$sql .= " ORDER BY i.fecha_registro DESC";

$stmt = $pdo->prepare($sql);
$stmt->execute($params);
$equipos = $stmt->fetchAll();

// Obtener categorías para el dropdown
$categorias = $pdo->query("SELECT * FROM categorias")->fetchAll();

include '../layout/header.php';
?>

<div class="mb-8 flex flex-col md:flex-row md:items-center justify-between gap-4">
    <div>
        <h1 class="text-3xl font-bold text-slate-800">Inventario TIC</h1>
        <p class="text-slate-500">Gestión de activos - UE "Cap. Giovanni Calles"</p>
    </div>
    
    <div class="flex gap-2">
        <a href="exportar.php" class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 flex items-center shadow-sm">
            <i class="fas fa-file-excel mr-2"></i> Exportar
        </a>
        <a href="nuevo.php" class="bg-slate-800 text-white px-4 py-2 rounded-lg hover:bg-slate-700 flex items-center shadow-sm">
            <i class="fas fa-plus mr-2"></i> Nuevo Equipo
        </a>
    </div>
</div>

<div class="bg-white p-4 rounded-xl shadow-sm mb-6 border border-slate-100">
    <form action="index.php" method="GET" class="grid grid-cols-1 md:grid-cols-4 gap-4">
        <div class="md:col-span-2">
            <label class="text-xs font-bold text-slate-400 uppercase">Buscar por Nombre o Serie</label>
            <input type="text" name="buscar" value="<?php echo $filtro_nombre; ?>" 
                   placeholder="Ej: HP, Latitude, SN-..." 
                   class="w-full mt-1 p-2 border rounded-lg focus:ring-2 focus:ring-blue-500 outline-none">
        </div>
        
        <div>
            <label class="text-xs font-bold text-slate-400 uppercase">Categoría</label>
            <select name="categoria" class="w-full mt-1 p-2 border rounded-lg focus:ring-2 focus:ring-blue-500 outline-none">
                <option value="">Todas las categorías</option>
                <?php foreach($categorias as $cat): ?>
                    <option value="<?php echo $cat['id']; ?>" <?php echo ($filtro_categoria == $cat['id']) ? 'selected' : ''; ?>>
                        <?php echo $cat['nombre']; ?>
                    </option>
                <?php endforeach; ?>
            </select>
        </div>

        <div class="flex items-end gap-2">
            <button type="submit" class="bg-blue-600 text-white px-6 py-2 rounded-lg font-bold hover:bg-blue-700 flex-1">
                Filtrar
            </button>
            <?php if($filtro_nombre || $filtro_categoria): ?>
                <a href="index.php" class="bg-gray-100 text-gray-500 px-3 py-2 rounded-lg hover:bg-gray-200" title="Limpiar">
                    <i class="fas fa-times"></i>
                </a>
            <?php endif; ?>
        </div>
    </form>
</div>

<div class="bg-white rounded-xl shadow-sm overflow-x-auto border border-slate-100">
    <table class="min-w-full leading-normal">
        <thead>
            <tr class="bg-slate-50 text-slate-500 text-xs uppercase font-bold">
                <th class="px-5 py-3 text-left">Equipo</th>
                <th class="px-5 py-3 text-left">Categoría</th>
                <th class="px-5 py-3 text-left">Serie</th>
                <th class="px-5 py-3 text-left">Estado</th>
                <th class="px-5 py-3 text-left">Responsable</th>
                <th class="px-5 py-3 text-center">Acciones</th>
            </tr>
        </thead>
        <tbody class="text-sm">
            <?php foreach ($equipos as $e): ?>
            <tr class="hover:bg-slate-50 border-b border-slate-100 transition">
                <td class="px-5 py-4">
                    <p class="text-slate-800 font-bold"><?php echo $e['marca'] . " " . $e['modelo']; ?></p>
                </td>
                <td class="px-5 py-4 text-slate-600">
                    <?php echo $e['categoria_nombre']; ?>
                </td>
                <td class="px-5 py-4 font-mono text-xs text-slate-500">
                    <?php echo $e['serie']; ?>
                </td>
                <td class="px-5 py-4">
                    <?php echo obtenerBadgeEstado($e['estado']); ?>
                </td>
                <td class="px-5 py-4">
                    <div class="flex items-center">
                        <i class="fas fa-user-circle text-slate-300 mr-2"></i>
                        <span class="text-slate-700"><?php echo $e['encargado_nombre'] ?: 'Sin asignar'; ?></span>
                    </div>
                </td>
                <td class="px-5 py-4 text-center">
                    <a href="detalle.php?id=<?php echo $e['id']; ?>" class="text-blue-600 hover:text-blue-900 mx-2">
                        <i class="fas fa-eye"></i>
                    </a>
                    <a href="editar.php?id=<?php echo $e['id']; ?>" class="text-yellow-600 hover:text-yellow-900 mx-2">
                        <i class="fas fa-edit"></i>
                    </a>
                </td>
            </tr>
            <?php endforeach; ?>
            <?php if (empty($equipos)): ?>
                <tr>
                    <td colspan="6" class="px-5 py-10 text-center text-slate-400 italic">
                        No se encontraron equipos con esos filtros.
                    </td>
                </tr>
            <?php endif; ?>
        </tbody>
    </table>
</div>

<?php include '../layout/footer.php'; ?>