<?php
$page_title = 'Gestión de Usuarios';
include __DIR__ . '/header.php';

// Proteger la página para que solo administradores puedan acceder
require_role('administrador');

include __DIR__ . '/navbar.php';
?>
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="mb-0" style="color:#484A67;">Gestión de Usuarios</h2>
        <button id="btnCrearUsuario" class="btn btn-primary" style="background:#484A67; border:none;">
            <i class="bi bi-plus-circle me-2"></i>Crear Nuevo Usuario
        </button>
    </div>

    <div class="card shadow-sm">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Usuario</th>
                            <th>Rol</th>
                            <th>Fecha de Creación</th>
                            <th class="text-end">Acciones</th>
                        </tr>
                    </thead>
                    <tbody id="tablaUsuariosBody">
                        <!-- Las filas de usuarios se insertarán aquí dinámicamente -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<?php include __DIR__ . '/modal_usuario.php'; ?>

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