{{define "document_remove_form"}}
<div id="document-selection-container">
    <form id="job-selection-form" hx-post="/documents/remove/job-selection" hx-target="#job-results"
        hx-indicator=".upload-overlay" hx-include="#job-ids-removal-container">
        <!-- The hidden input with jobIDs will be inserted into job-ids-removal-container by the CSV process -->

        <button type="submit" id="load-jobs-btn" class="btn-primary">
            Load Jobs
        </button>
    </form>

    <div id="document-rows-container" class="document-rows">
        <!-- The job list will be loaded here after clicking "Load Jobs" -->
        <p>After uploading a CSV and clicking "Load Jobs", you'll see jobs here.</p>
    </div>

    <div class="document-actions">
        <button type="button" id="remove-selected-btn" class="btn warning-button" disabled>
            Remove Selected Documents
        </button>
    </div>
</div>
{{end}}