nopaque/app/templates/auth/account.html.j2

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

{% block page_content %}
<div class="col s12">
  <div class="card large">
    <div class="card-content">
      <span class="card-title">Change account information</span>
      <form method="POST">
        {{ form.hidden_tag() }}
        <div class="input-field ">
          <i class="material-icons prefix">email</i>
          {{ form.email(type='email', placeholder=current_user.email) }}
          {{ form.email.label }}
          <span class="helper-text" data-error="wrong" data-success="right">When changing your e-mail adress you will have to reconfirm it.</span>
          {% for error in form.email.errors %}
            <span class="helper-text" style="color:red;">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field ">
          <i class="material-icons prefix">person</i>
          {{ form.username(placeholder=current_user.username) }}
          {{ form.username.label }}
          {% for error in form.username.errors %}
            <span class="helper-text" style="color:red;">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">vpn_key</i>
          {{ form.password() }}
          {{ form.password.label }}
          {% for error in form.password.errors %}
            <span class="helper-text" style="color:red;">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">vpn_key</i>
          {{ form.password2() }}
          {{ form.password2.label }}
          {% for error in form.password2.errors %}
            <span class="helper-text" style="color:red;">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="card-action">
          {{ form.submit(class='btn right') }}
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}