{% extends 'shared/base.html' %}
{% load static %}


{% block title %} Recuperação de Senha pt3/4 {% endblock %}


{% block head %}
<link rel="stylesheet" href="{% static 'account/css/style.css' %}">
{% endblock %}


{% block body %}
<div class="text-center">

    <img src="{% static 'shared/img/logo_txt.svg' %}"
        alt="Logo do sWarden: a palavra em azul com fonte personalizada arredondada na cor azul claro.">
    <h5>O Guardião dos seus Segredos.</h5>
    <hr>
    <img src="{% static 'shared/img/logo.svg' %}" alt="Ícone do sWarden, um hexágono azul com efeitos degradê.">


    <form method="post" autocomplete="off">
        {% csrf_token %}

        <h1>Redefinir Senha</h1>
        <h6>Certifique-se de inserir a mesma senha nos dois campos</h6>

        <br>

        {{ form }}

        {% if messages %}
        {% for message in messages %}
        <div class='alert {{ message.tags }} mt-3 py-2' role='alert'>{{ message }}</div>
        {% endfor %}
        {% endif %}

        <div>
            <input id="confirm-btn" class="btn btn-primary mt-4" type="submit" value="Enviar e-mail">
        </div>

    </form>

</div>
{% endblock %}