modulo de autenticacion

This commit is contained in:
Brisa
2026-06-30 14:57:24 -03:00
parent d04a7ce69d
commit b960bd05d6
5 changed files with 615 additions and 0 deletions
+178
View File
@@ -0,0 +1,178 @@
<?php
session_start();
include("db.php");
$error_msg = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$email = $_POST['email'];
$password = $_POST['password'];
$captcha_ingresado = $_POST['captcha'];
// 1. Validamos captcha
if (strtolower($captcha_ingresado) != strtolower($_SESSION['captcha'])) {
escribir_log("Fallo de captcha: El usuario $email ingresó mal el código."); // <--- LOG
header("Location: login.php?error=captcha");
exit();
}
// Buscamos usuario
$stmt = $conexion->prepare("SELECT id_usuario, nombre, password, rol FROM usuarios WHERE email = ?");
$stmt->bind_param("s", $email);
$stmt->execute();
$result = $stmt->get_result();
if ($result->num_rows == 1) {
$usuario = $result->fetch_assoc();
// Validamos contraseña hash
if (password_verify($password, $usuario['password'])) {
$_SESSION['id_usuario'] = $usuario['id_usuario'];
$_SESSION['usuario'] = $usuario['nombre'];
$_SESSION['rol'] = $usuario['rol'];
escribir_log("Login exitoso: " . $usuario['nombre'] . " (Rol: " . $usuario['rol'] . ")"); // <--- LOG
// Redirección inteligente según el Rol
if ($_SESSION['rol'] === 'admin') {
// Si es el dueño, directo a la cocina y estadísticas
header("Location: admin/dashboard.php");
} else {
// Si es un cliente de Paraná, directo a que compre algo rico
header("Location: index.php");
}
exit();
} else {
escribir_log("Contraseña incorrecta: Intento fallido para el email $email"); // <--- LOG
header("Location: login.php?error=password");
exit();
}
} else {
escribir_log("Usuario inexistente: Intento de login con email no registrado: $email"); // <--- LOG
header("Location: login.php?error=user");
exit();
}
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Login - La Pecosa</title>
<link rel="stylesheet" href="css/all.min.css">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Roboto, sans-serif;
display: flex; justify-content: center; align-items: center;
height: 100vh; background-color: #fffef8; margin: 0;
}
.login-card {
background: white; padding: 50px 40px; border-radius: 20px;
text-align: center; width: 100%; max-width: 400px;
box-shadow: 0 10px 30px rgba(0,0,0,0.04);
border: 1px solid rgba(224, 40, 40, 0.05);
}
h2 {
color: #333; font-size: 1.8rem; font-weight: 800;
text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 30px;
}
h2::after {
content: ''; display: block; width: 45px; height: 4px;
background-color: #e02828; margin: 10px auto 0; border-radius: 2px;
}
input {
display: block; margin: 15px auto; padding: 15px; width: 100%;
border: none; background-color: #f8f9fa; border-radius: 10px; font-size: 1rem;
}
input:focus { outline: none; background-color: #ffffff; box-shadow: 0 0 0 2px rgba(224, 40, 40, 0.1); }
button[type="submit"] {
background: #e02828; color: white; border: none; padding: 15px;
width: 100%; cursor: pointer; border-radius: 50px; font-weight: 700;
text-transform: uppercase; margin-top: 15px; transition: 0.3s;
}
.captcha-box { background: #fdfdfd; padding: 20px; border-radius: 15px; border: 1px dashed #eee; margin: 20px 0; }
.btn-reload { background: transparent; color: #888; font-size: 13px; border: 1px solid #ddd; padding: 6px 15px; border-radius: 50px; cursor: pointer; margin-bottom: 10px; }
#msg-error {
background-color: #ffeaea; color: #e02828; font-size: 14px;
padding: 10px; border-radius: 8px; margin-bottom: 20px;
display: none; font-weight: 600;
}
.register-link { display: block; margin-top: 25px; font-size: 14px; color: #777; text-decoration: none; }
.register-link strong { color: #e02828; }
.olvido-link {
font-size: 13px;
color: #888;
text-decoration: none;
transition: 0.3s;
}
.olvido-link:hover {
color: #e02828;
}
</style>
</head>
<body>
<div class="login-card">
<h2>Login</h2>
<div id="msg-error"></div>
<form action="login.php" method="POST">
<input type="email" name="email" placeholder="Email" required autofocus>
<input type="password" name="password" placeholder="Contraseña" required>
<div style="text-align: right; width: 100%; margin-top: -10px; margin-bottom: 10px;">
<a href="recuperar_contraseña.php" class="olvido-link">¿Olvidaste tu contraseña?</a>
</div>
<div class="captcha-box">
<img src="captcha.php" id="captchaImg"><br>
<button type="button" class="btn-reload" onclick="recargarCaptcha()">
<i class="fa-solid fa-rotate"></i> Recargar
</button>
<input type="text" name="captcha" placeholder="Código" required
style="margin-bottom: 0; background: white; border: 1px solid #eee;">
</div>
<button type="submit">Entrar</button>
</form>
<a href="registro.php" class="register-link">
¿No tenés cuenta? <strong>Registrate gratis</strong>
</a>
</div>
<script>
function recargarCaptcha(){
document.getElementById("captchaImg").src = "captcha.php?v=" + Date.now();
}
const urlParams = new URLSearchParams(window.location.search);
const errorType = urlParams.get('error');
const mensajeType = urlParams.get('msj');
const errorDiv = document.getElementById('msg-error');
// Si hay un error de login (captcha, clave, etc)
if (errorType) {
errorDiv.style.display = 'block';
if (errorType === 'captcha') errorDiv.innerText = "¡Código Captcha incorrecto!";
if (errorType === 'password') errorDiv.innerText = "Email o contraseña incorrectos.";
if (errorType === 'user') errorDiv.innerText = "El usuario no existe.";
}
// Si viene del carrito por no estar logueado
if (mensajeType === 'debes_iniciar_sesion') {
errorDiv.style.display = 'block';
errorDiv.style.backgroundColor = "#fff4e5";
errorDiv.style.color = "#856404";
errorDiv.style.border = "1px solid #ffeeba";
errorDiv.innerText = "⚠️ ¡Hola! Para comprar en La Pecosa primero debés iniciar sesión.";
}
</script>
</body>
</html>