{{define "job_list"}}
<div class="job-list-container">
    <h3>Jobs from CSV</h3>

    {{if .Error}}
    <div class="error-message">Error: {{.Error}}</div>
    {{else}}
    {{if .JobIDs}}
    <p>Found {{len .JobIDs}} job(s) in the CSV file. Click a job to view and manage its documents.</p>

    <div class="job-list">
        {{range .JobIDs}}
        <div class="job-item">
            <a href="#job-{{.}}" hx-get="/documents/remove/job/{{.}}" hx-target="#job-{{.}}-attachments"
                hx-swap="outerHTML" hx-trigger="click">
                Job #{{.}}
            </a>
            <div id="job-{{.}}-attachments"></div>
        </div>
        {{end}}
    </div>
    {{else}}
    <div class="info-message">No jobs found. Please upload a CSV file with job IDs.</div>
    {{end}}
    {{end}}
</div>
{{end}}