{% extends 'base.html' %}

{% block header %}
    <div class="pure-g text-center">
        <div class="pure-u-1">
            <h1>{% block title %}Login{% 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">
                {{ form.csrf_token }}
                <div class="pure-control-group">
                    {{ form.username.label }} {{ form.username(size=20) }}
                </div>
                <div class="pure-control-group">
                    {{ form.token.label }} {{ form.token() }}
                </div>
                <div class="pure-controls">
                    <input type="submit" value="Login">
                </div>
            </form>
        </div>
        <div class="pure-u-1-3"></div>
    </div>
{% endblock %}