You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.2 KiB
56 lines
2.2 KiB
{{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}}
|