{% extends 'layout.html' %}

{# Set variables for base layour #}
{% set active_page = 'login' %}
{% set title = 'Register' %}

{% block content %}
    <div class="login">
        {% if flash %}
            <div class="alert bg-red">
                {{ flash }}
            </div>
        {% endif %}

        <h3>Create new account</h3>

        <form action="" method="post">
            <div class="title">
                Screen name
            </div>
            <div>
                <input type="text" name="username" class="form-control" />
            </div>

            <div class="title">
                Password
            </div>
            <div>
                <input type="password" name="password" class="form-control" />
                <em>At least 8 characters</em>
            </div>

            <div>
                <input type="submit" name="new_account" class="button button_info" value="Create account" />
            </div>
        </form>
    </div>

{% endblock %}