{% extends "base.html" %}

{% block title %}登录 · {{ app_name }}{% endblock %}

{% block content %}
<section class="panel auth-panel">
  <p class="eyebrow">Authentication</p>
  <h1>登录</h1>
  <p class="lead">
    登录成功后会进入受保护的 config 页面。
  </p>

  {% if error_message %}
  <div class="alert">{{ error_message }}</div>
  {% endif %}

  <form class="auth-form" method="post" action="/login">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

    <label>
      <span>Username</span>
      <input type="text" name="username" autocomplete="username" required>
    </label>

    <label>
      <span>Password</span>
      <input type="password" name="password" autocomplete="current-password" required>
    </label>

    <button type="submit">登录</button>
  </form>
</section>
{% endblock %}