{{define "webauthn_credentials"}}
<div id="webauthn-credentials-section">
{{if .WebAuthnCreds}}
<table class="table" style="font-size:.85rem;margin-bottom:1rem">
  <thead>
    <tr><th>Name</th><th>Created</th><th>Last Used</th><th>Sign Count</th><th></th></tr>
  </thead>
  <tbody>
  {{range .WebAuthnCreds}}
    <tr>
      <td>{{.Name}}{{if .Discoverable}} <span class="badge" title="Passkey (discoverable)">passkey</span>{{end}}</td>
      <td class="text-small">{{formatTime .CreatedAt}}</td>
      <td class="text-small">{{if .LastUsedAt}}{{formatTime (derefTime .LastUsedAt)}}{{else}}Never{{end}}</td>
      <td>{{.SignCount}}</td>
      <td>
        <button class="btn btn-sm btn-danger"
                hx-delete="{{$.DeletePrefix}}/{{.ID}}"
                hx-target="#webauthn-credentials-section"
                hx-swap="outerHTML"
                hx-confirm="Remove this passkey?">Remove</button>
      </td>
    </tr>
  {{end}}
  </tbody>
</table>
{{else}}
<p class="text-muted text-small">No passkeys registered.</p>
{{end}}
</div>
{{end}}