{% extends "base.html" %}
{% block title %}Iniciar sesión — Mundial 2026{% endblock %}
{% block content %}
<div class="auth-box">
    <h1>Iniciar sesión</h1>
    {% if msg %}<p class="success">{{ msg }}</p>{% endif %}
    {% if error %}<p class="error">{{ error }}</p>{% endif %}
    <form method="post" action="/login">
        <input type="text" name="nombre" placeholder="Nombre de usuario" required autofocus>
        <input type="password" name="password" placeholder="Contraseña" required>
        <button type="submit">Entrar</button>
    </form>
    <p class="auth-link">¿No tenés cuenta? <a href="/registro">Registrate</a></p>
    <p class="auth-link"><a href="/olvide-password">¿Olvidaste tu contraseña?</a></p>
</div>
{% endblock %}