{% extends "base.html" %}
{% block title %}Nueva contraseña — Mundial 2026{% endblock %}
{% block content %}
<div class="auth-box">
    <h1>Nueva contraseña</h1>
    {% if error %}<p class="error">{{ error }}</p>{% endif %}
    {% if invalido %}
    <p class="auth-link"><a href="/olvide-password">Solicitar un nuevo enlace</a></p>
    {% else %}
    <form method="post" action="/reset-password/{{ token }}">
        <input type="password" name="nueva_password" placeholder="Nueva contraseña" required autofocus>
        <input type="password" name="confirmar" placeholder="Confirmar contraseña" required>
        <button type="submit">Cambiar contraseña</button>
    </form>
    {% endif %}
    <p class="auth-link"><a href="/login">Volver al inicio de sesión</a></p>
</div>
{% endblock %}