{% extends 'layout/default.html' %}

{% block content %}
<h2>Search for Jobs</h2>
<form method="get" action="/job/search">
	<div class="form">
		<div class="input-row">
			<label>Command</label>
			<input type="text" name="filter[command]" />
		</div>
		<div class="input-row">
			<label>Start Date</label>
			<input type="text" name="filter[startDate]" class="datetimepicker" />
		</div>
		<div class="input-row">
			<label>End Date</label>
			<input type="text" name="filter[endDate]" class="datetimepicker" />
		</div>
	</div>
	<div class="button-row">
		<input type="submit" value="Search" />
	</div>
</form>

{% if results %}
<table class="dataTable">
	<thead>
		<tr>
			<th>Command</th>
			<th>Params</th>
			<th>Host</th>
			<th>Port</th>
			<th>Time Run</th>
			<th>Total Run Time (ms)</th>
			<th>Pid</th>
		</tr>
	</thead>
	<tbody>
	{% for job in results %}
		<tr>
			<td>{{ job.command }}</td>
			<td>{{ job.params }}</td>
			<td>{{ job.host }}</td>
			<td>{{ job.port }}</td>
			<td>{{ job.dateTimeRun }}</td>
			<td>{{ job.totalRunTime }}</td>
			<td>{{ job.pid }}</td>
		</tr>
	{% endfor %}
	</tbody>
</table>
{% endif %}

{% endblock %}