{% extends 'layout.html' %}

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

        <h3>Create new account</h3>

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

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

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

{% endblock %}
