{% extends "base.html" %}

{% block content %}
  <div class="formContainer">
    <h1>Register</h1>
    <form action="" method="post" novalidate>
      {{ form.hidden_tag() }}
      <p>
      {{ form.username.label }}<br>
        <span class="inputInfo">
          letters and digits only (i.e. no spaces)
        </span><br>
        {{ form.username(size=24) }}
        {% for error in form.username.errors %}
        <span class="formWarning">[{{error}}]</span>
        {% endfor %}
      </p>
      <p>
        {{ form.email.label }}<br>
        {{ form.email(size=24) }}
        {% for error in form.email.errors %}
        <span class="formWarning">[{{error}}]</span>
        {% endfor %}
      </p>
      <p>
      {{ form.password.label }}<br>
        <span class="inputInfo">
          min 15 chars and at least somewhat random
        </span><br>
        {{ form.password(size=24) }}
        {% for error in form.password.errors %}
        <span class="formWarning">[{{error}}]</span>
        {% endfor %}
      </p>
      <p>
        {{ form.password2.label }}<br>
        {{ form.password2(size=24) }}
        {% for error in form.password2.errors %}
        <span class="formWarning">[{{error}}]</span>
        {% endfor %}
      </p>
      <p>{{ form.submit() }}</p>
    </form>
  </div>
{% endblock %}