<?php
session_start();

if (!isset($_SESSION['usuario'])) {
    header('Location: ../index.html');
    session_destroy();
    exit();
}

require_once __DIR__ . "/../controllers/UsuarioController.php";

$resultado = UsuarioController::obtenerUsuarios();
$hayUsuarios = true;

// Si hubo algún error se retorno un array con el estado y mensaje, comprobar si existe
if (isset($resultado['estado'])){
    $hayUsuarios = false;
    echo "<script>console.log('".$resultado['mensaje']."');</script>";
}


?>

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/inicio.css">
    <link rel="stylesheet" href="../font/bootstrap-icons.css">

    <link rel="stylesheet" href="assets/fontawesome/css/fontawesome.css">
    <link rel="stylesheet" href="assets/fontawesome/css/brands.css">
    <link rel="stylesheet" href="assets/fontawesome/css/solid.css">
	<title>Control de usuarios</title>
</head>
<body>
	
	<!-- SIDEBAR -->
	<section id="sidebar">
		<a href="inicio.html" class="brand"><i class='bx bx-code-alt icon' ></i> LANIA</a>

        <ul class="side-menu">
            <li><a href="inicio.html"><i class="fa-solid fa-square icon"></i> Dashboard</a></li>
            <li><a href="formulario-candidato.html" target="_blank"><i class="fa-solid fa-list icon"></i> Formulario de registro</a></li>
            <li><a href="control-candidatos.php"><i class="fa-solid fa-users-line icon"></i>Control candidatos</a></li>
            <li><a href="control-usuarios.php" class="active"><i class="fa-solid fa-users-gear icon"></i>Control usuario</a></li>
            <li><a href="consultar-api.html"><i class="fa-solid fa-globe icon"></i> API</a></li>
            <li><a href="../controllers/cerrarSesion.php"><i class="fa-solid fa-right-to-bracket icon"></i> Cerrar sesión</a></li>
        </ul>


	</section>
	<!-- .SIDEBAR -->


    <section id="content">
		<!-- ========== MAIN ========== -->
		<main>

			<h1 class="title" style="margin: 2% 1%">Control de usuarios</h1>

            <a class="btn border rounded-3 shadow" style="background-color: #35245b;color: white;margin: 1%" href="crearUsuario.php"><i class="fa-solid fa-user-plus"></i> Crear usuario</a>

            <!-- ------------------------------ div qué contiene la tabla ------------------------------------------ -->
			<div style="margin: 1%">
				<div class="table-responsive rounded-4" style="height: 100%;width: 100%;">
					<table class="table table-hover table-bordered border-dark-subtle shadow-sm">
						<thead>
						<tr class="table-dark">
							<th><i class="fa-solid fa-users"></i> Nombre</th>
							<th><i class="fa-solid fa-user-gear"></i> Acciones</th>
						</tr>
						</thead>
						<tbody class="table-group-divider">
                            <?php if ($hayUsuarios): ?>
                                <?php foreach ($resultado as $usuario): ?>
                                <tr>
                                    <td><i class="fa-solid fa-user" style="color: #c0c0c0;"></i> <?php echo $usuario['usuario'] ?></td>
                                    <td>
                                        <a class="btn border rounded-3 shadow" role="button" style="background-color: #35245b;color: white;" href="modificar-usuario.php?id=<?php echo $usuario['id'] ?>&usuario=<?php echo urlencode($usuario['usuario']) ?>"><i class="fa-solid fa-user-pen"></i> Modificar</a>
                                        <button class="boton-eliminar btn border rounded-3 shadow" role="button" style="background-color: #35245b;color: white;" data-id-usuario="<?php echo $usuario['id'] ?>" data-nombre-usuario="<?php echo $usuario['usuario'] ?>"><i class="fa-solid fa-user-xmark"></i> Eliminar</button>
                                    </td>
                                <tr>
                                <?php endforeach; ?>
                            <?php endif; ?>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
            <!-- ------------------------------ /div qué contiene la tabla ----------------------------------------- -->
		</main>
		<!-- .......... MAIN .......... -->
	</section>


	<script src="assets/bootstrap/js/bootstrap.min.js"></script>

	<script src="../js/sidebar-navbar.js"></script>
    <script src="../js/control-usuario.js"></script>

	<script src="https://website-widgets.pages.dev/dist/sienna.min.js" defer></script>
</body>
</html>