{% extends 'layout.html' %}

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

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

        <h3>Log in</h3>

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

            <div class="title">
                Password
            </div>
            <div>
                <input type="password" name="password" class="form-control" required />
            </div>

            <div>
                <label><input type="checkbox" name="remember" /> Remember me</label>
            </div>

            <div>
                <input type="submit" name="login" class="button button_info" value="Login" />
            </div>
        </form>
        
        <div>
            <a href="{{ url ('password_reset') }}">Reset password</a>
        </div>
        <div>
            <a href="{{ url ('register') }}">Create new account</a>
        </div>
    </div>

{% endblock %}