{% extends 'account/_auth_layout.html' %}{% load static %}{% load i18n %}
{% block main %}
    <section class="min-vh-100 d-flex bg-primary align-items-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-8 col-lg-6 justify-content-center">
                    <div class="card bg-primary shadow-soft border-light p-4">
                        <div class="card-header text-center pb-0">
                            <h2 class="h4">{% if authentication_text.title %}{{ authentication_text.title }}{% else %}{% trans 'Password reset' %}{% endif %}</h2>
                            {% if authentication_text.description %}<p>{{ authentication_text.description|linebreaksbr }}</p>{% endif %}
                        </div>
                        <div class="card-body">
                            <div class="">
                                {% trans "Enter the email address associated with your account. We will send you instructions to reset your password." %}
                            </div>
                            <form method="post" class="mt-4">
                                {% csrf_token %}
                                <!-- Email Input -->
                                <div class="form-group">
                                    <label for="{{ form.email.id_for_label }}">{% trans "Your email" %}</label>
                                    <div class="input-group mb-4">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <span class="fas fa-envelope"></span>
                                            </span>
                                        </div>
                                        <input
                                                type="email"
                                                name="{{ form.email.name }}"
                                                id="{{ form.email.id_for_label }}"
                                                value="{{ form.email.value|default_if_none:'' }}"
                                                class="form-control"
                                                placeholder="{% trans "example@company.com" %}"
                                                aria-label="{% trans "email" %}"
                                                required>
                                    </div>
                                    {% if form.email.errors %}
                                        <div class="text-danger small">
                                            {{ form.email.errors }}
                                        </div>
                                    {% endif %}
                                </div>
                                <!-- Submit Button -->
                                <button type="submit" class="btn btn-block btn-primary">{% if authentication_text.submit_text %}{{ authentication_text.submit_text }}{% else %}{% trans 'Send instructions' %}{% endif %}</button>
                            </form>

                            <div class="mt-3 mb-4 text-center">
                                <span class="font-weight-normal">{% trans 'or' %}</span>
                            </div>
                            <div class="d-block d-sm-flex justify-content-center align-items-center mt-n3 text-center">
                                <a href="{% url 'account_login' %}" class="font-weight-bold" rel="nofollow">{% trans 'Back to sign in' %}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}