{{define "removal_result_card"}}
<div id="removal-card-{{.JobID}}" class="upload-result-card" data-job-id="{{.JobID}}">
    <div class="upload-header">
        <h4>Job #{{.JobID}}</h4>
        <div class="upload-status {{if .Success}}success{{else}}error{{end}}">
            {{if .Success}}✓ Success{{else}}✗ Failed{{end}}
        </div>
    </div>

    <div class="upload-details">
        <div class="upload-info">
            <p><strong>Files Found:</strong> {{.FilesFound}}</p>
            <p><strong>Files Removed:</strong> {{.FilesRemoved}}</p>
            {{if .Success}}
            <p class="success-text">Successfully processed</p>
            {{else}}
            <p class="error-text">{{.ErrorMsg}}</p>
            {{end}}
        </div>

        <div class="upload-actions">
            {{if .Success}}
            <div class="success-indicator">
                <span class="icon">✓</span>
                <span>Removal Complete</span>
            </div>
            {{else}}
            <div class="error-indicator">
                <span class="icon">✗</span>
                <span>Removal Failed</span>
            </div>
            {{end}}
        </div>
    </div>

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