{% extends "layout.html" %}
{% block content %}
<h1>Orders</h1>
<div class="panel">
<form class="row" hx-get="/ui/orders" hx-target="#orders-table"
hx-push-url="true" hx-trigger="change, submit">
<div class="field">
<label for="profile">Profile</label>
<select id="profile" name="profile">
<option value="">every profile</option>
{% for profile in profiles %}
<option value="{{ profile.name }}"
{% if filters.profile == profile.name %}selected{% endif %}>
{{ profile.name }}
</option>
{% endfor %}
</select>
</div>
<div class="field">
<label for="status">Status</label>
<select id="status" name="status">
<option value="">any status</option>
{% for status in statuses %}
<option value="{{ status }}"
{% if filters.status == status %}selected{% endif %}>{{ status }}</option>
{% endfor %}
</select>
</div>
<div class="field">
<label for="accountId">Account</label>
<input type="text" id="accountId" name="accountId"
placeholder="account id" value="{{ filters.accountId | default('') }}">
</div>
<div class="field">
<label for="identifier">Identifier</label>
<input type="text" id="identifier" name="identifier"
placeholder="exact name" value="{{ filters.identifier | default('') }}">
</div>
<div class="field">
<label for="identifierContains">Identifier contains</label>
<input type="text" id="identifierContains" name="identifierContains"
placeholder="name fragment"
value="{{ filters.identifierContains | default('') }}">
</div>
<div class="field">
<label for="certSerial">Certificate serial</label>
<input type="text" id="certSerial" name="certSerial"
placeholder="hex, no separators"
value="{{ filters.certSerial | default('') }}">
</div>
{% include "partials/_filter_meta.html" %}
</form>
</div>
{% include "orders/_table.html" %}
{% endblock %}