{% extends "layout.html" %}
{% block title %}
<title>TOTP 验证 - {{cfg("sr.ht", "site-name")}} meta</title>
{% endblock %}
{% block content %}
<div class="row">
  <div class="col-md-8 offset-md-2">
    <h3>
      TOTP 验证
    </h3>
  </div>
</div>
<div class="row">
  <div class="col-md-8 offset-md-2">
    <p>
      {% if challenge_type == "reset" %}
      此账户已启用两步验证，你需要完成验证才能重置密码。
      {% elif challenge_type == "disable_totp" %}
      要禁用两步验证，你需要先完成验证。
      {% endif %}
      请输入 TOTP 验证码继续：
    </p>
    <form method="POST" action="/login/challenge/totp">
      {{csrf_token()}}
      <div class="form-group">
        <label for="code">验证码</label>
        <input
           type="number"
           name="code"
           id="code"
           class="form-control {{valid.cls("code")}}"
           required
           autocomplete="one-time-code"
           autofocus />
        {{valid.summary("code")}}
      </div>
      <div class="alert alert-info">
        如果你无法访问 2FA 设备，可以
        <a href="{{url_for("auth.totp_recovery_GET")}}">使用恢复码</a>。
        如仍有问题，请<a href="mailto:{{cfg('sr.ht', 'owner-email')}}">联系管理员</a>。
      </div>
      <button class="btn btn-primary" type="submit">
        继续 {{icon('caret-right')}}
      </button>
    </form>
  </div>
</div>
{% endblock %}