{% extends "base.html" %}

{% block content %}
    <h1>{{ i18n.t('auth.new_password_page_title') }}</h1>
    <form action="" method="post">
        {{ form.hidden_tag() }}
        <input id="csrf_token" name="csrf_token" type="hidden" value="{{ csrf_token }}">
        <div class="login new-password">
            <div class="login-screen">
                <div class="app-title">
                    <h1>{{ i18n.t('auth.new_password_form_title') }}</h1>
                </div>
     
                <div class="login-form">
                    <div class="control-group">
                      {{ form.email(placeholder=i18n.t('auth.email_placeholder'), type='email', autofocus=True, class_='login-field') }}
                      {% for error in form.email.errors %}
                        <span style="color: red;">[{{ error }}]</span>
                      {% endfor %}
                    </div>

                    <input type="submit" value="{{ i18n.t('auth.new_password_button') }}" class="btn btn-primary btn-large btn-block" >
                    <br>
                </div>

                <div>
                    <a href="{{ url_for('login') }}" class="login-link">{{ i18n.t('auth.login_link') }}</a>
                </div>
            </div>
        </div>
    </form>
{% endblock %}
