{{define "removal_results"}}
<div class="upload-results-container">
    <div class="upload-results-header">
        <h3>Document Removal Results</h3>
        {{template "removal_stats" .}}
    </div>

    {{if gt .SuccessCount 0}}
    <p>Successfully removed {{.SuccessCount}} document(s) from ServiceTrade in {{formatDuration .TotalTime}}!</p>
    {{end}}
    {{if gt .ErrorCount 0}}
    <p class="text-warning">Failed to remove {{.ErrorCount}} document(s). See details below.</p>
    {{end}}

    <div class="upload-results-grid">
        {{range .Results}}
        {{template "removal_result_card" .}}
        {{end}}
    </div>

    {{if gt .TotalPages 1}}
    <div class="pagination-controls">
        <div class="pagination-info">
            Showing {{.StartIndex}}-{{.EndIndex}} of {{.TotalResults}} results
        </div>

        <div class="pagination-buttons">
            {{if gt .CurrentPage 1}}
            <button
                hx-get="/documents/remove/results?page={{subtract .CurrentPage 1}}&limit={{.Limit}}&session_id={{.SessionID}}"
                hx-target="#removal-results" hx-indicator="false" class="pagination-btn">
                ← Previous
            </button>
            {{end}}

            {{range $i := sequence .StartPage .EndPage}}
            <button hx-get="/documents/remove/results?page={{$i}}&limit={{$.Limit}}&session_id={{$.SessionID}}"
                hx-target="#removal-results" hx-indicator="false"
                class="pagination-btn {{if eq $i $.CurrentPage}}active{{end}}">
                {{$i}}
            </button>
            {{end}}

            {{if lt .CurrentPage .TotalPages}}
            <button
                hx-get="/documents/remove/results?page={{add .CurrentPage 1}}&limit={{.Limit}}&session_id={{.SessionID}}"
                hx-target="#removal-results" hx-indicator="false" class="pagination-btn">
                Next →
            </button>
            {{end}}
        </div>
    </div>
    {{end}}
</div>
{{end}}