{% extends 'base.html' %}

{% block header %}
    <div class="pure-g text-center">
        <div class="pure-u-1">
            <h1>{% block title %}Register{% endblock %}</h1>
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="pure-g text-center">
        <div class="pure-u-1-3"></div>
        <div class="pure-u-1-3">
            <form class="pure-form pure-form-aligned" method="POST">
                <fieldset>
                    {{ form.csrf_token }}
                    <input type="hidden" name="registration_code" value="{{ form.registration_code.data }}"/>
                    <div class="pure-control-group">
                        {{ form.username.label }} {{ form.username(size=20) }}
                    </div>
                    <div class="pure-control-group">
                        {{ form.password.label }} {{ form.password() }}
                    </div>
                    <div class="pure-control-group">
                        {{ form.confirm.label }} {{ form.confirm() }}
                    </div>
                    <div class="pure-controls">
                        <input type="submit" value="Register">
                    </div>
                </fieldset>
            </form>
        </div>
        <div class="pure-u-1-3"></div>
    </div>
{% endblock %}