{% extends "nopaque.html.j2" %}
{% import 'materialize/wtf.html.j2' as wtf %}

{% block nav_content %}
{% include 'auth/_breadcrumbs.html.j2' %}
{% endblock nav_content %}

{% block page_content %}
<div class="container">
  <div class="row">
    <div class="col s12">
      <h1 id="title">{{ title }}</h1>
    </div>

    <div class="col s12 m4">
      <p>Enter a new password and confirm it! After that, the entered password is your new one!</p>
    </div>

    <div class="col s12 m8">
      <div class="card">
        <form method="POST">
          <div class="card-content">
            {{ form.hidden_tag() }}
            {{ wtf.render_field(form.password, data_length='128') }}
            {{ wtf.render_field(form.password_confirmation, data_length='128') }}
          </div>
          <div class="card-action right-align">
            {{ wtf.render_field(form.submit, material_icon='send') }}
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}