{{range .Invitations}}
<tr class="invitation-row status-{{.StatusName}}" id="invitation-{{.InvitationCodeShort}}">
    <td class="invitation-email">{{.Email}}</td>
    <td class="invitation-status">
        <span class="status-badge {{.StatusName}}">{{.StatusName}}</span>
    </td>
    <td class="invitation-created-by">
        {{if .CreatedByDisplayName}}{{.CreatedByDisplayName}}{{else}}{{.CreatedByUserID}}{{end}}
    </td>
    <td class="invitation-created">{{.CreatedAt}}</td>
    <td class="invitation-expires">{{.ExpiresAt}}</td>
    <td class="invitation-redeemed-by">
        {{if .RedeemedByDisplayName}}{{.RedeemedByDisplayName}}{{else if .RedeemedByUserID}}{{.RedeemedByUserID}}{{else}}-{{end}}
    </td>
    <td class="invitation-actions">
        {{if eq .StatusName "pending"}}
        <button class="btn-small"
                hx-post="/invitations/{{.InvitationCode}}/resend"
                hx-target="#feedback"
                hx-swap="innerHTML">
            Resend
        </button>
        <button class="btn-small btn-danger"
                hx-post="/invitations/{{.InvitationCode}}/revoke"
                hx-target="#feedback"
                hx-swap="innerHTML"
                hx-confirm="Are you sure you want to revoke this invitation?">
            Revoke
        </button>
        <button class="btn-small btn-secondary"
                onclick="copyInvitationCode('{{.InvitationCode}}')">
            Copy Code
        </button>
        {{else}}
        <button class="btn-small btn-danger"
                hx-post="/invitations/{{.InvitationCode}}/delete"
                hx-target="#feedback"
                hx-swap="innerHTML"
                hx-confirm="Are you sure you want to permanently delete this invitation?">
            Delete
        </button>
        {{end}}
    </td>
</tr>
{{else}}
<tr>
    <td colspan="7" class="empty-state">No invitations found.</td>
</tr>
{{end}}
{{if .HasMore}}
<tr>
    <td colspan="7" class="load-more">
        <button hx-get="/invitations/search?filter={{.EmailFilter}}&status_filter={{.StatusFilter}}&offset={{.NextOffset}}"
                hx-target="closest tr"
                hx-swap="outerHTML"
                class="btn-small">
            Load More
        </button>
    </td>
</tr>
{{end}}