<?= $this->extend('layouts/admin') ?>

<?= $this->section('title') ?>Gestión de Usuarios<?= $this->endSection() ?>

<?= $this->section('content') ?>
<section class="panel-card">
    <div class="panel-header">
        <div>
            <span class="panel-eyebrow">Administración</span>
            <h2>Usuarios</h2>
            <p>Gestiona los usuarios, roles y accesos del sistema.</p>
        </div>
        <a href="<?= base_url('admin/usuarios/crear') ?>" class="btn btn-primary">+ Nuevo usuario</a>
    </div>

    <form method="GET" action="<?= base_url('admin/usuarios') ?>" class="search-panel">
        <div class="search-box">
            <input type="text" name="q" placeholder="Buscar por nombre, correo o rol" value="<?= esc($q) ?>">
            <button type="submit" class="btn btn-secondary">Buscar</button>
        </div>
    </form>

    <?php if (empty($usuarios)): ?>
        <div class="empty-state">No se encontraron usuarios.</div>
    <?php else: ?>
        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Rol</th>
                        <th>Nombre Completo</th>
                        <th>Email</th>
                        <th>Teléfono</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($usuarios as $usuario): ?>
                        <tr>
                            <td><?= $usuario->id_usuario ?></td>
                            <td><?= esc($usuario->rol_nombre) ?></td>
                            <td><?= esc($usuario->getNombreCompleto()) ?></td>
                            <td><?= esc($usuario->email) ?></td>
                            <td><?= esc($usuario->telefono) ?></td>
                            <td>
                                <span class="status-pill <?= $usuario->estado == 1 ? 'active' : 'inactive' ?>">
                                    <?= $usuario->estado == 1 ? 'Activo' : 'Inactivo' ?>
                                </span>
                            </td>
                            <td>
                                <div class="table-actions">
                                    <a href="<?= base_url('admin/usuarios/editar/' . $usuario->id_usuario) ?>" class="action-link edit">Editar</a>
                                    <a href="<?= base_url('admin/usuarios/eliminar/' . $usuario->id_usuario) ?>" class="action-link delete" onclick="return confirm('¿Seguro que deseas eliminar/desactivar este usuario?');">Eliminar</a>
                                </div>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>

        <div class="pager-wrap">
            <?= $pager->links() ?>
        </div>
    <?php endif; ?>
</section>
<?= $this->endSection() ?>
