{% extends "base.html" %}
{% block title %}Recuperar contraseña — Mundial 2026{% endblock %}
{% block content %}
<div class="auth-box">
    <h1>Recuperar contraseña</h1>
    {% if msg %}<p class="success">{{ msg }}</p>{% endif %}
    {% if error %}<p class="error">{{ error }}</p>{% endif %}
    {% if link %}
        <p class="success">Usá este enlace para resetear tu contraseña:</p>
        <p><a href="{{ link }}">{{ link }}</a></p>
    {% else %}
    <form method="post" action="/olvide-password">
        <input type="text" name="nombre" placeholder="Nombre de usuario" required autofocus>
        <button type="submit">GENERAR ENLACE</button>
    </form>
    {% endif %}
    <p class="auth-link"><a href="/login">Volver al inicio de sesión</a></p>
</div>
{% endblock %}