{% extends "base.html" %}
{% block title %}Sign in — Gatekeeper{% endblock %}
{% block content %}
    <h1 class="card-title">Sign in</h1>
    <p class="card-subtitle">Enter your credentials to access <strong>{{ application_name }}</strong></p>
    {% if error %}
    <div class="alert alert-error">{{ error }}</div>
    {% endif %}
    <form method="post" action="{{ external_path }}/login/password" class="stack">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <input type="hidden" name="next" value="{{ next }}">
        <label class="field">
            <span>Username</span>
            <input type="text" name="username" autocomplete="username" autofocus required>
        </label>
        <label class="field">
            <span>Password</span>
            <input type="password" name="password" autocomplete="current-password" required>
        </label>
        <button class="btn btn-primary" type="submit">Continue</button>
    </form>
{% endblock %}