<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agregar Usuario</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
    <?php include 'menuform.php'; ?> <!-- Incluye tu menú aquí -->

    <div class="container mt-5">
        <h2 class="text-center">Agregar Usuario</h2>
        <form action="../crud/insertar_usuario.php" method="POST" class="mt-4">

            <div class="mb-3">
                <label for="nombre" class="form-label">Nombre:</label>
                <input type="text" class="form-control" id="nombre" name="nombre" required>
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Email:</label>
                <input type="email" class="form-control" id="email" name="email" required>
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Contraseña:</label>
                <input type="password" class="form-control" id="password" name="password" required>
            </div>

            <div class="form-group">
                <label for="rol">Seleccione Rol:</label>
                <select class="form-control" name="rol" id="rol" required>
                    <option selected disabled>---Seleccione un rol---</option>
                    <?php
                    // Incluir la configuración de la conexión
                    include('../config/conexion.php');

                    // Consulta para obtener los roles activados
                    $sql = $conexion->query("SELECT id, nombre FROM roles WHERE estado = 'Activado'");

                    if ($sql) {
                        // Verificar si se encontraron roles activados
                        if ($sql->num_rows > 0) {
                            // Recorrer los resultados y crear las opciones del select
                            while ($resultado = $sql->fetch_assoc()) {
                                $idRol = htmlspecialchars($resultado['id'], ENT_QUOTES);
                                $nombreRol = htmlspecialchars($resultado['nombre'], ENT_QUOTES);
                                echo "<option value='$idRol'>$nombreRol</option>";
                            }
                        } else {
                            // Si no hay roles activados, mostrar un mensaje
                            echo "<option disabled>No se encontraron roles activados</option>";
                        }
                    } else {
                        // Mostrar el error si la consulta falló
                        die("Error en la consulta: " . $conexion->error);
                    }
                    ?>
                </select>
            </div>

            <div class="mb-3">
                <label for="estado" class="form-label">Estado:</label>
                <select id="estado" name="estado" class="form-select" required>
                    <option value="Activado">Activado</option>
                    <option value="Desactivado">Desactivado</option>
                </select>
            </div>

            <button type="submit" class="btn btn-primary">Agregar Usuario</button>
        </form>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script>
</body>

</html>