<?php 
session_start();
if (!isset($_SESSION['usuario'])) {
    header("Location: iniciosesi.php");
    exit();
}

$conexion = mysqli_connect('localhost', 'root', 'BpjysVrFK6LJ5XyW', 'micpu');
if (!$conexion) { die("Error de conexión: " . mysqli_connect_error()); }
$conexion->set_charset("utf8");

$mensaje = "";

if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST["nombre"])) {
    $nombre = mysqli_real_escape_string($conexion, trim($_POST["nombre"]));
    $correo = mysqli_real_escape_string($conexion, trim($_POST["correo"]));
    $pass   = trim($_POST["pass"]);
    $confirmar_pass = trim($_POST["confirmar_pass"]);

    if ($pass === $confirmar_pass && strlen($pass) >= 6) {
        // --- CIFRADO DE CONTRASEÑA ---
        $pass_cifrada = password_hash($pass, PASSWORD_DEFAULT);
        
        $stmt = $conexion->prepare("INSERT INTO usuarios (Nombre, correo, pass) VALUES (?, ?, ?)");
        $stmt->bind_param("sss", $nombre, $correo, $pass_cifrada);
        
        if($stmt->execute()){
            $mensaje = "Usuario registrado con seguridad hash.";
        }
        $stmt->close();
    } else {
        $mensaje = "Error: Las contraseñas no coinciden o son muy cortas.";
    }
}

include 'header.php'; 
?>

<!-- Cabecera de Administración -->
<div class="admin-header">
    <div class="info">
        <img src="IMG/imgutsem/micpusinfondo.png" alt="Logo">
        <div>
            <h1>Gestión de Usuarios</h1>
            <p>Seguridad de Acceso: Cifrado BCRYPT</p>
        </div>
    </div>
    <div class="logout">
        <a href="administrador.php" class="btn-pildora btn-secundario">Regresar</a>
    </div>
</div>

<div class="contenedor-info" style="background-color: transparent; box-shadow: none; padding: 0;">
    <?php if($mensaje != "") echo "<div class='mensaje-confirmacion'>$mensaje</div>"; ?>
</div>

<div class="form-grid" style="max-width: 1400px; margin: 0 auto; align-items: start; gap: 40px;">
    
    <div class="contenedor-formulario" style="margin: 0;">
        <h2>Nuevo Usuario</h2>
        <form action="" method="POST" id="formUsuario">
            <div class="form-group" style="margin-bottom: 15px;">
                <label for="nombre">Nombre:</label>
                <input type="text" name="nombre" id="nombre" placeholder="Nombre completo" required>
            </div>
            <div class="form-group" style="margin-bottom: 15px;">
                <label for="correo">Correo:</label>
                <input type="email" name="correo" id="correo" placeholder="correo@utsem.edu.mx" required>
            </div>
            <div class="form-group" style="margin-bottom: 15px;">
                <label for="pass">Contraseña:</label>
                <input type="password" name="pass" id="pass" placeholder="Mínimo 6 caracteres" required>
            </div>
            <div class="form-group" style="margin-bottom: 25px;">
                <label for="confirmar_pass">Confirmar contraseña:</label>
                <input type="password" name="confirmar_pass" id="confirmar_pass" required>
            </div>
            <div class="submit-button">
                <input type="submit" value="Guardar con Hash" class="btn-pildora">
            </div>
        </form>
    </div>

    <div class="contenedor-tabla" style="margin: 0;">
        <table class="tabla-personalizada">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nombre</th>
                    <th>Correo</th>
                    <th>Estado</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                <?php 
                    $sql = "SELECT * FROM usuarios";
                    $result = mysqli_query($conexion, $sql);
                    while ($mostrar = mysqli_fetch_array($result)) {
                ?>
                <tr>
                    <td><?php echo $mostrar['Id']; ?></td>
                    <td><?php echo $mostrar['Nombre']; ?></td>
                    <td><?php echo $mostrar['correo']; ?></td>
                    <td><span style="color: var(--color-primario); font-size: 12px;">● Protegido</span></td>
                    <td class="acciones">
                        <a href="editar_usuario.php?Id=<?php echo $mostrar['Id']; ?>" title="Editar">
                            <img src="IMG/editar.png" height="22" width="22">
                        </a>
                        <a href="eliminar_usu.php?Id=<?php echo $mostrar['Id']; ?>" onclick="return confirm('¿Eliminar usuario?');" title="Eliminar">
                            <img src="IMG/eliminar.png" height="22" width="22">
                        </a>
                    </td>
                </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>
</div>

<script>
document.getElementById("formUsuario").addEventListener("submit", function(event) {
    const pass = document.getElementById("pass").value.trim();
    const confirmar = document.getElementById("confirmar_pass").value.trim();
    if (pass.length < 6 || pass !== confirmar) {
        alert("Verifique que la contraseña tenga 6 caracteres y que coincidan.");
        event.preventDefault();
    }
});
</script>

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