{{define "account_row"}}
<tr id="account-row-{{.UUID}}">
  <td><a href="/accounts/{{.UUID}}">{{.Username}}</a></td>
  <td class="text-small text-muted">{{.AccountType}}</td>
  <td>
    <span class="badge {{if eq (string .Status) "active"}}badge-active{{else if eq (string .Status) "inactive"}}badge-inactive{{else}}badge-deleted{{end}}">
      {{.Status}}
    </span>
  </td>
  <td class="text-small text-muted">{{if .TOTPRequired}}Yes{{else}}No{{end}}</td>
  <td class="text-small text-muted">{{formatTime .CreatedAt}}</td>
  <td>
    <div class="d-flex gap-1">
      <a class="btn btn-sm btn-secondary" href="/accounts/{{.UUID}}">View</a>
      {{if eq (string .Status) "active"}}
      <button class="btn btn-sm btn-secondary"
              hx-patch="/accounts/{{.UUID}}/status"
              hx-vals='{"status":"inactive"}'
              hx-target="#account-row-{{.UUID}}"
              hx-swap="outerHTML"
              hx-confirm="Deactivate this account?">Deactivate</button>
      {{else if eq (string .Status) "inactive"}}
      <button class="btn btn-sm btn-secondary"
              hx-patch="/accounts/{{.UUID}}/status"
              hx-vals='{"status":"active"}'
              hx-target="#account-row-{{.UUID}}"
              hx-swap="outerHTML">Activate</button>
      {{end}}
      {{if ne (string .Status) "deleted"}}
      <button class="btn btn-sm btn-danger"
              hx-delete="/accounts/{{.UUID}}"
              hx-target="#account-row-{{.UUID}}"
              hx-swap="outerHTML"
              hx-confirm="Permanently delete this account? This cannot be undone.">Delete</button>
      {{end}}
    </div>
  </td>
</tr>
{{end}}