feat: mocked up the document uploads section

templates/partials/csv_upload.html

@@ -0,0 +1,24 @@
+{{define "csv_upload"}}
+<div class="content">
+    <h3 class="submenu-header">Step 1: Upload Jobs CSV</h3>
+    <div>
+        <label>Select CSV file with job numbers:</label>
+        <input class="card-input" type="file" id="csv-file" name="csv-file" accept=".csv" required>
+
+        <button type="button" id="upload-csv" class="btn-primary">Upload CSV</button>
+
+        <div id="csv-loading-indicator" class="htmx-indicator" style="display: none;">
+            <span>Processing CSV...</span>
+            <div class="loading-indicator"></div>
+        </div>
+    </div>
+
+    <div id="csv-preview" class="fade-me-out" style="display: none; margin-top: 1rem;">
+        <h4>Detected Jobs</h4>
+        <div class="job-list">
+            <!-- This will be populated with JavaScript after CSV upload -->
+            <p>No jobs loaded yet</p>
+        </div>
+    </div>
+</div>
+{{end}}

templates/partials/document_upload.html

@@ -1,5 +1,6 @@
 {{define "document_upload"}}
 <h2>Document Uploads</h2>
-{{template "job_search_inputs"}}
-{{template "job_search_results"}}
+{{template "csv_upload"}}
+{{template "document_upload_form"}}
+{{template "upload_actions"}}
 {{end}}

templates/partials/document_upload.html.backup

@@ -0,0 +1,5 @@
+{{define "document_upload"}}
+<h2>Document Uploads</h2>
+{{template "job_search_inputs"}}
+{{template "job_search_results"}}
+{{end}}

templates/partials/document_upload_form.html

@@ -0,0 +1,36 @@
+{{define "document_upload_form"}}
+<div class="content">
+    <h3 class="submenu-header">Step 2: Upload Documents</h3>
+    <div id="document-upload-container">
+        <div class="document-row">
+            <div class="document-field">
+                <label>Select Document:</label>
+                <input class="card-input" type="file" id="document-file-1" name="document-file-1">
+            </div>
+
+            <div class="document-field-row">
+                <div class="document-field document-name-field">
+                    <label>Document Name (optional):</label>
+                    <input class="card-input" type="text" id="document-name-1" name="document-name-1"
+                        placeholder="Document Name">
+                </div>
+
+                <div class="document-field document-type-field">
+                    <label>Document Type:</label>
+                    <select class="card-input" id="document-type-1" name="document-type-1">
+                        <option value="">Select Document Type</option>
+                        <option value="invoice">Invoice</option>
+                        <option value="receipt">Receipt</option>
+                        <option value="contract">Contract</option>
+                        <option value="report">Report</option>
+                        <option value="other">Other</option>
+                    </select>
+                </div>
+            </div>
+
+            <button type="button" class="remove-document warning-button" style="display: none;">Remove</button>
+        </div>
+    </div>
+    <button type="button" id="add-document" class="caution-button">Add Another Document</button>
+</div>
+{{end}}

templates/partials/upload_actions.html

@@ -0,0 +1,20 @@
+{{define "upload_actions"}}
+<div class="content">
+    <h3 class="submenu-header">Step 3: Submit Uploads</h3>
+    <div>
+        <button type="button" id="upload-all" class="success-button">Upload Documents to Jobs</button>
+
+        <div id="upload-progress" style="display: none; margin-top: 1rem;">
+            <div class="progress">
+                <div class="progress-bar" role="progressbar" style="width: 0%;"></div>
+            </div>
+            <p id="upload-status">Preparing uploads...</p>
+
+            <div id="upload-loading-indicator" class="htmx-indicator">
+                <span>Uploading...</span>
+                <div class="loading-indicator"></div>
+            </div>
+        </div>
+    </div>
+</div>
+{{end}}