{% 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">
    <h3>
      TOTP 恢复
    </h3>
  </div>
</div>
<div class="row">
  <div class="col-md-8">
    {% if supported %}
    <p>
      请输入一个 TOTP 恢复码继续：
    </p>
    <form method="POST">
      {{csrf_token()}}
      <div class="form-group">
        <label for="recovery-code">恢复码</label>
        <input
           type="text"
           name="recovery-code"
           id="recovery-code"
           class="form-control {{valid.cls("recovery-code")}}"
           required
           autocomplete="one-time-code"
           autofocus />
        {{valid.summary("recovery-code")}}
      </div>
      <p>提交后将禁用你账户上的 TOTP。</p>
      <button class="btn btn-primary" type="submit">
        继续 {{icon('caret-right')}}
      </button>
    </form>
    {% else %}
    <div class="alert alert-danger">
      你的 TOTP 在恢复码功能推出前配置，无法使用恢复码。
      请<a href="mailto:{{cfg('sr.ht', 'owner-email')}}">联系管理员</a>处理。
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}