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

{% block page_content %}
<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">account_circle</i>
          {{ form.username() }}
          {{ 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">mail</i>
          {{ form.email() }}
          {{ form.email.label }}
          {% for error in form.email.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">swap_vert</i>
          {{ form.role() }}
          {{ form.role.label }}
          {% for error in form.role.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="switch">
          <i class="material-icons prefix">check</i>
          <label class="active" for="{{form.confirmed.name}}">
            Confirmed status:
            Off
            {% if form.confirmed.data == True %}
              <input type="checkbox" id="{{form.confirmed.name}}" name="{{form.confirmed.name}}" checked="checked">
            {% else %}
              <input type="checkbox" id="{{form.confirmed.name}}" name="{{form.confirmed.name}}">
            {% endif %}
            <span class="lever"></span>
            On
          </label>
          {% for error in form.confirmed.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
      </div>
      <div class="card-action right-align">
        {{ form.submit(class='btn') }}
      </div>
    </div>
    </form>
  </div>
</div>

{% endblock %}