{{define "account_detail"}}{{template "base" .}}{{end}}
{{define "title"}}{{.Account.Username}} — MCIAS{{end}}
{{define "content"}}
<div class="page-header d-flex align-center justify-between">
  <div>
    <h1>{{.Account.Username}}</h1>
    <p class="text-muted text-small">{{.Account.UUID}}</p>
  </div>
  <a class="btn btn-secondary" href="/accounts">← Accounts</a>
</div>
<div class="card">
  <h2 style="font-size:1rem;font-weight:600;margin-bottom:1rem">Account Info</h2>
  <dl style="display:grid;grid-template-columns:140px 1fr;gap:.5rem .75rem;font-size:.9rem">
    <dt class="text-muted">Type</dt><dd>{{.Account.AccountType}}</dd>
    <dt class="text-muted">Status</dt>
    <dd id="status-cell">{{template "account_status" .}}</dd>
    <dt class="text-muted">TOTP</dt><dd>{{if .Account.TOTPRequired}}Enabled{{else}}Disabled{{end}}</dd>
    <dt class="text-muted">Created</dt><dd class="text-small">{{formatTime .Account.CreatedAt}}</dd>
    <dt class="text-muted">Updated</dt><dd class="text-small">{{formatTime .Account.UpdatedAt}}</dd>
  </dl>
</div>
<div class="card">
  <h2 style="font-size:1rem;font-weight:600;margin-bottom:1rem">Roles</h2>
  <div id="roles-editor">{{template "roles_editor" .}}</div>
</div>
<div class="card">
  <div class="d-flex align-center justify-between" style="margin-bottom:1rem">
    <h2 style="font-size:1rem;font-weight:600">Tokens</h2>
    {{if eq (string .Account.AccountType) "system"}}
    <button class="btn btn-sm btn-secondary"
            hx-post="/accounts/{{.Account.UUID}}/token"
            hx-target="#token-list" hx-swap="outerHTML">Issue Token</button>
    {{end}}
  </div>
  {{template "token_list" .}}
</div>
{{if eq (string .Account.AccountType) "system"}}
<div class="card">
  <h2 style="font-size:1rem;font-weight:600;margin-bottom:1rem">Postgres Credentials</h2>
  {{template "pgcreds_form" .}}
</div>
{{end}}
<div class="card">
  <h2 style="font-size:1rem;font-weight:600;margin-bottom:1rem">Tags</h2>
  <div id="tags-editor">{{template "tags_editor" .}}</div>
</div>
{{end}}