{{define "removal_results"}}
<div class="upload-summary">
    <h3>Document Removal Results</h3>

    {{if .Error}}
    <div class="error-message">Error: {{.Error}}</div>
    {{else}}
    <div class="results-summary">
        <p>Successfully removed {{.SuccessCount}} document(s).</p>
        {{if gt .ErrorCount 0}}
        <p class="text-warning">Failed to remove {{.ErrorCount}} document(s).</p>
        {{end}}
        {{if gt .JobsProcessed 0}}
        <p>Processed {{.JobsProcessed}} job(s).</p>
        {{end}}
    </div>

    {{if .Results}}
    <div class="job-results">
        {{range $job := .Results}}
        <div class="job-result">
            <h4>Job #{{$job.JobID}}</h4>

            {{if $job.Success}}
            <div class="success-message">Successfully processed</div>
            {{else}}
            <div class="error-message">Error: {{$job.Error}}</div>
            {{end}}

            {{if $job.Files}}
            <div class="file-results">
                {{range $file := $job.Files}}
                <div class="file-result {{if $file.Success}}success{{else}}error{{end}}">
                    <span class="file-name">{{$file.Name}}</span>
                    {{if $file.Success}}
                    <span class="success-icon">✓</span>
                    {{else}}
                    <span class="error-icon">✗</span>
                    <span class="error-message">{{$file.Error}}</span>
                    {{end}}
                </div>
                {{end}}
            </div>
            {{end}}
        </div>
        {{end}}
    </div>
    {{end}}
    {{end}}
</div>
{{end}}