{% extends 'layouts/index.html' %}
{% block content %}
        {% with messages = get_flashed_messages() %}
            {% if messages %}
                <div class="notification is-danger">
                    {{ messages[0] }}
                </div>
            {% endif %}
        {% endwith %}
        <form method="POST" action="/login" class="login-form">
            <div class="field">
                <div class="control">
                    Username
                    <input class="input is-large" type="text" name="username" placeholder="Username" autofocus="true">
                </div>
            </div>

            <div class="field">
                <div class="control">
                    Password
                    <input class="input is-large" type="password" name="password" placeholder="Password">
                </div>
            </div>
            <div class="field">
                <label class="checkbox">
                    <input type="checkbox">
                    Remember me
                </label>
            </div>
            <button class="button">Login</button>
        </form>
        <p class="form-subtext">
            Don't have a login? <a href="{{ url_for('main.signup') }}">Sign-up</a> instead!
        </p>
{% endblock content %}