{% extends "nopaque.html.j2" %}

{% block page_content %}
<div class="col s12 m4">
  <h3>Lost password?</h3>
  <p>After entering your email address you will get an email with instruchtions about how to reset your password.</p>
</div>

<div class="col s12 m8">
  <div class="card">
    <form method="POST">
      <div class="card-content">
        {{ reset_password_request_form.hidden_tag() }}
        <div class="input-field">
          {{ reset_password_request_form.email(class='validate', type='email') }}
          {{ reset_password_request_form.email.label }}
          {% for error in reset_password_request_form.email.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
      </div>
      <div class="card-action right-align">
        <button class="btn waves-effect waves-light" id="reset-password-request-form-submit" name="reset-password-request-form-submit" type="submit">Reset Password<i class="material-icons right">send</i></button>
      </div>
    </form>
  </div>
</div>
{% endblock %}