{{template "base" .}}

{{define "title"}}Mitglieder{{end}}

{{define "body"}}
<div class="page-header">
    <h1 class="page-title">Mitglieder</h1>
    <p class="page-subtitle">Registrierte Mitglieder der Digitalen Partei Österreich</p>
</div>

{{if .Users}}
<div class="card-grid">
    {{range .Users}}
    <div class="card">
        <div class="card-title">{{.Name}}{{if .AltName}} / {{.AltName}}{{end}}</div>
        <div class="card-text">{{.Email}}</div>
        <div style="font-size:13px; color:var(--text-muted); margin-top:4px;">
            {{.Country}} &middot; Beigetreten {{.Created.Format "02.01.2006"}}
        </div>
        {{if not .Activated}}
        <div style="font-size:12px; color:var(--text-muted); margin-top:4px;">Nicht aktiviert</div>
        {{end}}
        {{if $.CanManageUsers}}
        <button class="btn btn--danger" style="margin-top:12px;"
                hx-delete="/users/{{.ID}}"
                hx-confirm="Mitglied wirklich löschen?">Löschen</button>
        {{end}}
    </div>
    {{end}}
</div>
{{else}}
<p style="color: var(--text-muted);">Keine Mitglieder vorhanden.</p>
{{end}}
{{end}}