{% extends 'base.html' %}

{% block title %}Login{% endblock %}

{% block content %}

<div  class="auth-grid">
    <div class="auth-grid-item">
        <header>
            <h1>NFSW - Login</h1>
        </header>

        <div class="msg-block">
            <div class="content">
                {% for m in get_flashed_messages() %}
                <p>{{ m }}</p>
                {% endfor %}
            </div>
        </div>

        <form class="login" method="post">
            <div class="form-group">
                <label for="username">Username</label>
                <input type="text" id="username"
                       name="username" class="username" required>
            </div>

            <div class="form-group">
                <label for="password">Password</label>
                <input type="password" id="password"
                       name="password" class="password" required>
            </div>

            <div class="button-group">
                <input type="submit" value="Login">
            </div>

            <div class="button-group">
                <div class="back"><a href="/">&#11013;</a></div>
            </div>
        </form>
    </div>
</div>

{% endblock %}

{% block css %}
<link rel="stylesheet" href="{{ url_for('static', filename='auth.css') }}">
{% endblock %}