{% extends "base.html" %}

{% block content %}


<div class="d-flex justify-content-center flex-wrap w-80">
    <div class='position-relative my-2'>
		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
	</div>
    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
        <h5 class="text-center">Forgot Password</h5>
        <hr />
        <form action="{{ url_for('forgot_page') }}" method="post" id="forgot_password_form">
            {% if forgot_password_form.errors %}
            <div class="notification bg-danger rounded m-3 text-white" role="alert" id='error_container'>
                {% for field_name, field_errors in forgot_password_form.errors|dictsort if field_errors %}
                <ul>
                    {% for error in field_errors %}
					<li>{{ error }}</li>
					{% endfor %}
                </ul>
                {% endfor %}
            </div>
            {% else %}
            {% endif %}
            {{ forgot_password_form.csrf_token }}
            <div class="mb-3">
                {{ forgot_password_form.email(class_='input form-control', placeholder='E-Mail') }}
            </div>
            <div class="mb-3">
                {{ forgot_password_form.forgot_button(class_='btn btn-outline-success') }}
            </div>
        </form>
    </div>
</div>

{% endblock %}