{% extends "base.html" %}
{% block title %}{{ t('登录') }} · {{ product_name }}{% endblock %}
{% block content %}
<section class="login-card card">
  <h1>{{ t('登录') }}</h1>
  <p class="page-subtitle">{{ t('使用分配给你的账号登录。') }}</p>
  {% if notice %}
  <div class="alert alert--success" role="status"><div class="alert__body"><strong>{{ t(notice) }}</strong></div></div>
  {% endif %}
  {% if error %}
  <div class="alert alert--danger" role="alert"><div class="alert__body"><strong>{{ t(error) }}</strong></div></div>
  {% endif %}
  <div class="alert alert--danger" data-login-error role="alert" hidden>
    <div class="alert__body"><strong data-notice-text></strong></div>
  </div>
  <form method="post" action="/login" class="login-form" data-async-form data-login-form>
    <input type="hidden" name="_csrf" value="{{ csrf_token }}">
    <input type="hidden" name="next" value="{{ next_path }}">
    <div class="field">
      <label class="field__label" for="login-username">{{ t('用户名') }}</label>
      <input class="input" id="login-username" name="username" autocomplete="username" required>
    </div>
    <div class="field">
      <label class="field__label" for="login-password">{{ t('密码') }}</label>
      <input class="input" id="login-password" name="password" type="password" autocomplete="current-password" required>
    </div>
    <button class="btn btn--primary btn--block" type="submit" data-loading-label="{{ t('登录中…') }}">{{ t('登录') }}</button>
  </form>
</section>
{% endblock %}