{{define "document_upload"}}
<h2>Document Uploads</h2>
<div class="content">
    <h3 class="submenu-header">Filter Jobs</h3>
    <form id="filter-form" class="submenu-grid" hx-post="/filter-jobs" hx-target="#job-results" hx-swap="innerHTML">

        <!-- Inline Group: Job Name and Company -->
        <div class="inline-input-group">
            <div class="input-group">
                <label for="job_name">Job Name</label>
                <input id="job_name" name="job_name" class="card-input" type="text" placeholder="Enter Job Name">
            </div>
            <div class="input-group">
                <label for="company">Company</label>
                <input id="company" name="company" class="card-input" type="text" placeholder="Enter Company Name">
            </div>
        </div>

        <!-- Inline Group: Status and Tags -->
        <div class="inline-input-group">
            <div class="input-group">
                <label for="status">Status</label>
                <select id="status" name="status" class="card-input">
                    <option value="">Select Status</option>
                    <option value="open">Open</option>
                    <option value="closed">Closed</option>
                </select>
            </div>
            <div class="input-group">
                <label for="tags">Tags</label>
                <input id="tags" name="tags" class="card-input" type="text" placeholder="Enter Tags">
            </div>
            <div class="input-group">
                <label for="schedule_from">Schedule From</label>
                <input id="schedule_from" name="schedule_from" class="card-input" type="date">
            </div>
            <div class="input-group">
                <label for="schedule_to">Schedule To</label>
                <input id="schedule_to" name="schedule_to" class="card-input" type="date">
            </div>
        </div>

        <!-- Inline Group: Date Range -->
        <div class="inline-input-group">

        </div>

        <!-- Action Buttons -->
        <div class="form-footer">
            <button type="submit" class="btn-primary">Search</button>
            <button type="reset" class="warning-button">Reset</button>
        </div>
    </form>

    <!-- Results -->
    <div id="job-results" class="submenu-container">
        <!-- Search results will be dynamically loaded here -->
    </div>
</div>
{{end}}