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

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

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

    <div class="col s12 m4">
      {% include 'settings/_menu.html.j2' %}
    </div>

    <div class="col s12 m8">
      <div class="card">
        <form enctype="multipart/form-data" method="POST">
          <div class="card-content">
            <span class="card-title">{{ title }}</span>
            {{ form.hidden_tag() }}
            {{ wtf.render_field(form.password, material_icon='vpn_key') }}
            {{ wtf.render_field(form.new_password, material_icon='vpn_key') }}
            {{ wtf.render_field(form.new_password2, material_icon='vpn_key') }}
          </div>
          <div class="card-action">
            <div class="right-align">
              {{ wtf.render_field(form.submit, material_icon='send') }}
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock page_content %}