{{/* The send log is six columns of addresses, subjects and timestamps, so this
     page takes the whole column rather than the reading measure (see the "wide"
     block in layout.html). A single delivery's page carries prose and keeps the
     measure, which is why this is declared per page and not per page name. */}}
{{define "wide"}}wide{{end}}

{{define "content"}}
<h1>Deliveries</h1>

<div class="card">
  <h2>Filter</h2>
  <form method="get" action="/deliveries">
    <label for="domain">Domain</label>
    <select id="domain" name="domain">
      <option value="">All domains</option>
      {{range .FilterDomains}}<option value="{{.}}" {{if eq . $.FilterDomain}}selected{{end}}>{{.}}</option>{{end}}
    </select>
    <label for="app">Application</label>
    <select id="app" name="app">
      <option value="">All applications</option>
      {{range .FilterApps}}<option value="{{.}}" {{if eq . $.FilterApp}}selected{{end}}>{{.}}</option>{{end}}
    </select>
    <button type="submit">Filter</button>
  </form>
</div>

<div class="card">
  {{template "deliveries_rows" .}}
</div>
{{end}}