{{range .Users}}
<tr class="user-row" id="user-{{.UserID}}">
    <td class="user-display-name">
        {{if .DisplayName}}{{.DisplayName}}{{else}}<em class="no-name">(no display name)</em>{{end}}
    </td>
    <td class="user-id" title="{{.UserID}}">
        <code>{{.UserID}}</code>
    </td>
    <td class="oauth-identities">
        {{range .OAuthIdentities}}
        <div class="oauth-identity">
            <span class="provider {{.Provider}}">{{.Provider}}</span>
            <span class="email">{{.Email}}</span>
        </div>
        {{else}}
        <em>No identities</em>
        {{end}}
    </td>
    <td class="user-admin">
        {{if .IsAdmin}}
        <span class="admin-badge admin">Admin</span>
        {{else}}
        <span class="admin-badge user">User</span>
        {{end}}
    </td>
    <td class="user-created">{{.CreatedAt}}</td>
    <td class="user-last-login">{{.LastLoginAt}}</td>
    <td class="user-actions">
        <button class="btn-small"
                onclick="openEditModal('{{.UserID}}', '{{.DisplayName}}', {{.IsAdmin}})">
            Edit
        </button>
        <button class="btn-small btn-danger"
                hx-post="/users/{{.UserID}}/delete"
                hx-target="#feedback"
                hx-swap="innerHTML"
                hx-confirm="Are you sure you want to permanently delete this user? This cannot be undone.">
            Delete
        </button>
    </td>
</tr>
{{end}}
{{if .HasMore}}
<tr id="load-more-row">
    <td colspan="7" style="text-align: center;">
        <button hx-get="/users/search?filter={{.Filter}}&offset={{.NextOffset}}"
                hx-target="#load-more-row"
                hx-swap="outerHTML"
                class="outline">
            Load more ({{.TotalCount}} total)
        </button>
    </td>
</tr>
{{end}}