{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

{% block app_content %}
<main class="form-signin w-100 m-auto">
    <h2 style="font-weight:bold; color: black; padding-bottom:20px">Register</h2>
    <form action="" method="post" novalidate>
        {{ form.hidden_tag() }}
        <div style="margin-bottom:10px">
            {{ form.username(size=32) }}<br>
            {% for error in form.username.errors %}
            <span style="color: red;">[{{ error }}]</span>
            {% endfor %}
        </div>
        <div style="margin-bottom:10px">
            {{ form.email(size=64) }}<br>
            {% for error in form.email.errors %}
            <span style="color: red;">[{{ error }}]</span>
            {% endfor %}
        </div>
        <div style="margin-bottom:10px">
            {{ form.password(size=32) }}<br>
            {% for error in form.password.errors %}
                <span style="color: red;">{{ error }}</span>
            {% endfor %}
        </div>
        <div style="margin-bottom:10px">
            {{ form.password2(size=32) }}<br>
            {% for error in form.password2.errors %}
            <span style="color: red;">[{{ error }}]</span>
            {% endfor %}
        </div>
        <div role="button" class="btn btn-outline-t">
            {{ form.submit() }}
        </div>
    </form>
</main>
{% endblock %}