{@ include(common/header) @}
      <h1 class="paragraph">二段階認証（{{ $s->username }}）</h1>
{@ if ($error) @}
      <div class="errormes">
        {{ $error }}
      </div>
{@ endif @}
{@ if ($message) @}
      <p class="paragraph">{{ $message }}</p>
{@ endif @}
{@ if ($s->enabled) @}
      <p class="paragraph">
        二段階認証は有効です。ログインの時に、パスワードの後で認証アプリのコードを入力します。
      </p>

      <form action="/profile/{{ $s->username }}/2fa" method="POST">
        <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
        <input type="hidden" name="action" value="disable" />
        <table>
          <tbody>
            <tr>
              <td><label for="password">{{ $s->self ? 'パスワード' : '管理者のパスワード' }}：</label></td>
              <td><input type="password" id="password" name="password" autocomplete="current-password" /></td>
            </tr>
{@ if ($s->self) @}
            <tr>
              <td><label for="code">コード：</label></td>
              <td><input type="text" id="code" name="code" value="" inputmode="numeric" maxlength="7" autocomplete="one-time-code" /></td>
            </tr>
{@ endif @}
            <tr>
              <td></td>
              <td><button>二段階認証を無効にする</button></td>
            </tr>
          </tbody>
        </table>
      </form>
{@ elif ($s->self) @}
      <p class="paragraph">
        認証アプリでQRコードを読み取るか、パスワードマネージャーに秘密鍵を登録して、表示された6桁のコードを入力して下さい。
      </p>

      <p class="paragraph"><img src="/profile/{{ $s->username }}/2fa/qr" alt="二段階認証のQRコード" /></p>

      <table>
        <tbody>
          <tr>
            <td><label for="secret">秘密鍵：</label></td>
            <td>
              <code>{{ $secretGroups }}</code><br />
              <input type="text" id="secret" value="{{ $s->secret }}" size="40" readonly="readonly" />
            </td>
          </tr>
          <tr>
            <td>種類：</td>
            <td>TOTP（時間）、SHA-1、6桁、30秒</td>
          </tr>
          <tr>
            <td><label for="uri">URI：</label></td>
            <td><input type="text" id="uri" value="{{ $s->uri }}" size="60" readonly="readonly" /></td>
          </tr>
        </tbody>
      </table>

      <form action="/profile/{{ $s->username }}/2fa" method="POST">
        <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
        <input type="hidden" name="action" value="enable" />
        <table>
          <tbody>
            <tr>
              <td><label for="code">コード：</label></td>
              <td><input type="text" id="code" name="code" value="" inputmode="numeric" maxlength="7" autocomplete="one-time-code" /></td>
            </tr>
            <tr>
              <td></td>
              <td><button>有効にする</button></td>
            </tr>
          </tbody>
        </table>
      </form>
{@ else @}
      <p class="paragraph">二段階認証は有効ではありません（本人だけが有効に出来ます）。</p>
{@ endif @}

      <p class="paragraph"><a href="/profile/{{ $s->username }}/edit">プロフィールの編集に戻る</a></p>
{@ include(common/footer) @}