{% extends 'public_template.html' %}

{% block titulo %}DS Login Page{% endblock %}

{% block navbar %}
    {% include 'public_navbar.html' with is_login_page=False %}
{% endblock %}

{% block content %}
<div id="formulario" class="d-flex justify-content-center align-items-center" style="min-height: calc(100vh - 80px);">
    <div class="login-box mx-auto col-md-6">
        <a href="/"><b id="b">Redefinir</b> Senha</a>
    </div>
    <div class="card">
        <div class="card-body login-card-body rounded">
            <p class="login-box-msg mt-2 text-lg">Digite sua nova senha</p>

            {% if token_fail %}
                <div class="alert alert-danger">
                    O link de redefinição de senha é inválido ou expirou.
                </div>
            {% else %}
                <form method="post" action=".">
                    {% csrf_token %}

                    {% if form.errors %}
                        <div class="alert alert-danger">Corrija os erros abaixo.</div>
                    {% endif %}

                    {% for field in form %}
                        <div class="input-group mb-3">
                            {{ field }}
                            <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-lock"></span>
                            </div>
                            </div>
                        </div>
                        {% if field.errors %}
                            <small class="text-danger">{{ field.errors|striptags }}</small>
                        {% endif %}
                    {% endfor %}

                    <div class="row">
                        <div class="col-12">
                            <button type="submit" class="btn">Alterar Senha</button>
                        </div>
                    </div>
                </form>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}