{% extends 'base.html' %}

{% block title %}Sign in — Brew Log{% endblock %}
{% block main_class %}page page--narrow{% endblock %}

{% block content %}
<div class="login">
    <div class="login__card">
        <img class="login__mark" src="{{ url_for('static', filename='img/logo.svg') }}" alt="" width="46" height="46">
        <h1 class="login__title">Brew Log</h1>
        <p class="login__sub">Track the gravity of every brew.</p>

        <form method="post" novalidate>
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

            <div class="field">
                <label class="field__label" for="username">Username</label>
                <input type="text" id="username" name="username" autocomplete="username"
                       autofocus required>
            </div>

            <div class="field">
                <label class="field__label" for="password">Password</label>
                <input type="password" id="password" name="password"
                       autocomplete="current-password" required>
            </div>

            <button class="btn btn--block" type="submit">Sign in</button>
        </form>
    </div>
</div>
{% endblock %}