{# SPDX-License-Identifier: MIT -#}
        {%- if tokens_enabled %}
        <div id="rest_tokens_view">
          <h2>Rest API トークン一覧</h2>
          <form method="post" onsubmit="return onsubmitHandler()">
            <table>
              <tr>
                <th></th>
                <th style="width: 50%;">Token ID</th>
                <th>権限</th>
              </tr>
            {%- for token in tokens %}
              <tr>
                <td><input type="radio" name="token_id" id="token_id_{{ token.token_id }}"
                           value="{{ token.token_id }}" {%- if loop.first %}checked{%- endif %}></td>
                <td><label for="token_id_{{ token.token_id }}">
                      {{ token.token_id }}
                      <a href="javascript:void(0);" onclick="onCopyHandler(this, '{{ token.token_id }}');" title="コピー">📋</a>
                    </label></td>
                <td><label for="token_id_{{ token.token_id }}">
                    {%- for perm in token.permissions -%}
                      {{ perm }} {%- if ! loop.last %}, {% endif %}
                    {%- endfor -%}
                  </label></td>
              </tr>
            {%- endfor %}
            </table>
            <div class="button">
              <button type="submit" formaction="./settings_rest_token_setup"
                formmethod="get" name="new_token" value="true">トークンを追加</button>
              <button type="submit" formaction="./settings_rest_token_setup"
                formmethod="get"
                {%- if tokens.is_empty() %} class="disabled" disabled{%- endif -%}>権限を編集</button>
              <button type="submit" formaction="./settings_rest_token_delete"
                {%- if tokens.is_empty() %} class="disabled" disabled
                {%- else -%}class="delete" onclick="deleteHandler()"
                {%- endif -%}>トークンを削除</button>
            </div>
          </form>
        </div>
        {%- endif %}