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

{% block page_content %}
<div class="col s12 m4">
  <h3>&nbsp;</h3>
  <img src="{{ url_for('static', filename='images/logo_sfb_1288.png') }}" class="responsive-img">
</div>

<div class="col s12 m8">
  <div class="card">
    <form method="POST">
      <div class="card-content">
        {{ form.hidden_tag() }}
        <div class="input-field">
          <i class="material-icons prefix">person</i>
          {{ form.username(class='validate', data_length='64') }}
          {{ form.username.label }}
          {% for error in form.username.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">vpn_key</i>
          {{ form.password(class='validate') }}
          {{ form.password.label }}
          {% for error in form.password.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">vpn_key</i>
          {{ form.password2(class='validate') }}
          {{ form.password2.label }}
          {% for error in form.password2.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field ">
          <i class="material-icons prefix">email</i>
          {{ form.email(class='validate', type='email') }}
          {{ form.email.label }}
          {% for error in form.email.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
      </div>
      <div class="card-action right-align">
        {{ form.submit(class='btn') }}
      </div>
    </form>
  </div>
</div>
{% endblock %}