{% extends "base.html" %}
{% block title %}Login{% endblock %}
{% block content %}
<div style="max-width:400px; margin:2rem auto;">
    <h1>Login</h1>
    <div class="card">
        <form method="POST">
            {% if next_url %}<input type="hidden" name="next" value="{{ next_url }}">{% endif %}
            <label>Email
                <input type="email" name="email" required autofocus autocomplete="email">
            </label>
            <label>Password
                <input type="password" name="password" required autocomplete="current-password">
            </label>
            <button type="submit" class="btn btn-primary" style="width:100%; justify-content:center;">Login</button>
        </form>
    </div>
    <p class="text-dim" style="text-align:center; margin-top:1rem;">
        Don't have an account? <a href="/register{% if next_url %}?next={{ next_url | urlencode }}{% endif %}">Register</a>
    </p>
</div>
{% endblock %}