{{define "job_search_inputs"}}
<div class="content">
    <h3 class="submenu-header">Filter Jobs</h3>
    <form id="filter-form" class="submenu-grid" hx-get="/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_number">Job Number</label>
                <input id="job_number" name="refNumber" class="card-input" type="text" placeholder="Enter Job Name">
            </div>
            <div class="input-group">
                <label for="name">Company</label>
                <input id="name" name="name" 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>
                    <option value="all">All</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="dueByBegin" class="card-input" type="date">
            </div>
            <div class="input-group">
                <label for="schedule_to">Schedule To</label>
                <input id="schedule_to" name="dueByEnd" 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" hx-on="click">Search</button>
            <button type="reset" class="warning-button">Reset</button>
        </div>
    </form>

</div>
{{end}}