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


{% block title %} Recuperação de Senha pt1/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>Recuperar Senha</h1>
        <h6>Esqueceu sua senha? Forneça seu endereço de e-mail abaixo, e nós te enviaremos instruções para configurar
            uma nova.</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>

        <br>

        <a href="{% url 'account:login' %}" class="btn btn-outline-secondary">Já possuo conta</a>
        <a href="{% url 'account:register' %}" class="btn btn-outline-secondary">Criar conta agora</a>

    </form>

</div>
{% endblock %}