{{define "title"}}Users · MeshTender{{end}}
{{define "header"}}
<div class="row g-2 align-items-center">
  <div class="col">
    <div class="page-pretitle">Administration</div>
    <h2 class="page-title">Users &amp; capabilities</h2>
  </div>
</div>
{{end}}
{{define "content"}}
<div class="card">
  <div class="card-body">
    {{if .Error}}<div class="alert alert-danger">{{.Error}}</div>{{end}}
    <p class="text-secondary">
      <strong>Manage users</strong> = can grant/revoke these capabilities (superadmin).
      <strong>Manage catalog</strong> = can edit the command catalog. Neither grants access to any
      repeater — that's still per-repeater sharing.
    </p>

    <div class="list-group list-group-flush">
      {{range .Users}}
      <form method="post" action="/admin/users/{{.ID}}" class="list-group-item d-flex align-items-center flex-wrap gap-3 px-0">
        <span class="flex-fill">{{.Name}} <span class="text-secondary">@{{.Username}}</span>{{if eq .ID $.Self}} <span class="badge bg-azure-lt">you</span>{{end}}</span>
        <label class="form-check form-check-inline m-0">
          <input class="form-check-input" type="checkbox" name="manage_users" {{if .CapManageUsers}}checked{{end}}>
          <span class="form-check-label">manage users</span>
        </label>
        <label class="form-check form-check-inline m-0">
          <input class="form-check-input" type="checkbox" name="manage_catalog" {{if .CapManageCatalog}}checked{{end}}>
          <span class="form-check-label">manage catalog</span>
        </label>
        <a href="/admin/users/{{.ID}}/history" class="btn btn-sm btn-ghost-secondary">History</a>
        <button type="submit" class="btn btn-sm">Save</button>
      </form>
      {{end}}
    </div>
    {{if .NextAfter}}
    <div class="text-center mt-3">
      <a class="btn btn-outline-secondary" href="/admin/users?after={{.NextAfter | urlquery}}">Show more users</a>
    </div>
    {{end}}
  </div>
</div>
<a class="back-link mt-3" href="/admin">{{template "icon-arrow-left" "me-1"}}Admin</a>
{{end}}