{% extends "base.html" %}
{% block content %}
{% load widget_tweaks %}
<style>
    .basekit-shell {
        max-width: 560px;
        margin: 2rem auto;
        padding: 1.25rem;
        border: 1px solid #d4d4d4;
        border-radius: 8px;
        background: #fafafa;
        color: #222;
    }
    .basekit-help {
        margin-bottom: 1rem;
        color: #555;
    }
    .basekit-row {
        margin-bottom: 0.85rem;
    }
    .basekit-row label {
        display: block;
        margin-bottom: 0.35rem;
    }
    .basekit-row input {
        width: 100%;
        padding: 0.55rem 0.65rem;
        border: 1px solid #bdbdbd;
        border-radius: 6px;
        background: #fff;
        color: #222;
    }
    .basekit-button {
        width: 100%;
        margin-top: 0.9rem;
        padding: 0.6rem 0.75rem;
        border: 1px solid #8a8a8a;
        border-radius: 6px;
        background: #efefef;
        color: #222;
        cursor: pointer;
    }
</style>

<div class="basekit-shell">
    <h2>Confirme sua nova senha</h2>
    {% if validlink %}
        <p class="basekit-help">Insira sua senha duas vezes para confirmar.</p>
        <form method="post">
            {% csrf_token %}
            <input type="hidden" autocomplete="username" value="{{ form.user.get_username }}">
            <div class="basekit-row">
                <label for="{{ form.new_password1.id_for_label }}">Nova senha</label>
                {% render_field form.new_password1 %}
            </div>
            <div class="basekit-row">
                <label for="{{ form.new_password2.id_for_label }}">Confirme a senha</label>
                {% render_field form.new_password2 %}
            </div>
            <input class="basekit-button" type="submit" value="Mudar minha senha">
        </form>
    {% else %}
        <p>O link de recuperação de senha é inválido ou já foi usado. Solicite uma nova recuperação.</p>
    {% endif %}
</div>
{% endblock content %}