{% extends "layouts/base.html" %}
{% block body %}
<h1>Login</h1>
<!-- Login form -->
{% if error %}
<div class="alert alert-danger">
    Error: {{ error }}
</div>
{% endif %}
<form id="login-form" method="post">
    <div class="mb-3">
        <label for="login" class="form-label">Email or username</label>
        <input
            id="login" name="login" type="text"
            required
            class="form-control"
        />
    </div>
    <div class="mb-3">
        <label for="password" class="form-label">Password</label>
        <input
            id="password" name="password" type="password"
            required
            class="form-control"
        />
    </div>
    <div class="mb-3 form-check">
        <input id="keep_session" type="checkbox" class="form-check-input">
        <label class="form-check-label" for="keep_session">Check me out</label>
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
</form>
{% endblock %}