{% extends "base.html" %}

{% block content %}
<div class="ui container">
    <div class="ui segment">
        <h1 class="ui center aligned header">Register</h1>
        <form action="" method="post" class="ui form">
            {{ form.hidden_tag() }}
            <div class="ui field">
                <label for="">{{ form.username.label }}</label>
                {{ form.username(size=32) }}<br>
                {% for error in form.username.errors %}
                <div class="ui red message">{{ error }}</div>
                {% endfor %}
            </div>
            <div class="ui field">
                <label for="">{{ form.email.label }}</label>
                {{ form.email(size=64) }}<br>
                {% for error in form.email.errors %}
                <div class="ui red message">{{ error }}</div>
                {% endfor %}
            </div>
            <div class="ui field">
                <label for="">{{ form.password.label }}</label>
                {{ form.password(size=32) }}<br>
                {% for error in form.password.errors %}
                <div class="ui red message">{{ error }}</div>
                {% endfor %}
            </div>
            <div class="ui field">
                <label for="">{{ form.password2.label }}</label>
                {{ form.password2(size=32) }}<br>
                {% for error in form.password2.errors %}
                <div class="ui red message">{{ error }}</div>
                {% endfor %}
            </div>
            <button class="ui basic green button" type="submit">Submit</button>
        </form>
    </div>
</div>
{% endblock %}