{{d-button
  class="btn-primary"
  action=(route-action "new")
  icon="plus"
  label="admin.api.new_key"}}

{{#if model}}
  <table class="api-keys grid">
    <thead>
      <th>{{i18n "admin.api.key"}}</th>
      <th>{{i18n "admin.api.description"}}</th>
      <th>{{i18n "admin.api.user"}}</th>
      <th>{{i18n "admin.api.created"}}</th>
      <th>{{i18n "admin.api.last_used"}}</th>
      <th>&nbsp;</th>
    </thead>
    <tbody>
      {{#each model as |k|}}
        <tr class={{if k.revoked_at "revoked"}}>
          <td class="key">
            {{#if k.revoked_at}}{{d-icon "times-circle"}}{{/if}}
            {{k.truncatedKey}}
          </td>
          <td class="key-description">
            {{k.shortDescription}}
          </td>
          <td class="key-user">
            <div class="label">{{i18n "admin.api.user"}}</div>
            {{#if k.user}}
              {{#link-to "adminUser" k.user}}
                {{avatar k.user imageSize="small"}}
              {{/link-to}}
            {{else}}
              {{i18n "admin.api.all_users"}}
            {{/if}}
          </td>
          <td class="key-created">
            <div class="label">{{i18n "admin.api.created"}}</div>
            {{format-date k.created_at}}
          </td>
          <td class="key-last-used">
            <div class="label">{{i18n "admin.api.last_used"}}</div>
            {{#if k.last_used_at}}
              {{format-date k.last_used_at}}
            {{else}}
              {{i18n "admin.api.never_used"}}
            {{/if}}
          </td>
          <td class="key-controls">
            {{d-button action=(route-action "show" k) icon="far-eye" title="admin.api.show_details"}}
            {{#if k.revoked_at}}
              {{d-button
                action=(action "undoRevokeKey")
                actionParam=k icon="undo"
                title="admin.api.undo_revoke"}}
            {{else}}
              {{d-button
                class="btn-danger"
                action=(action "revokeKey")
                actionParam=k
                icon="times"
                title="admin.api.revoke"}}
            {{/if}}
          </td>
        </tr>
      {{/each}}
    </tbody>
  </table>
{{else}}
  <p>{{i18n "admin.api.none"}}</p>
{{/if}}