{{define "content"}}
<h1>Bounty Board</h1>
<div class="error-box" id="error" role="alert"></div>

<div class="toolbar mt" id="board-filters">
  <div class="field">
    <label for="f-q">Search</label>
    <input type="search" id="f-q" placeholder="Search title or description… ( / )">
  </div>
  <div class="field">
    <label for="f-customer">Customer</label>
    <select id="f-customer"><option value="">All</option></select>
  </div>
  <div class="field">
    <label for="f-min">Min bounty</label>
    <input type="number" id="f-min" min="0" step="10" placeholder="0">
  </div>
  <div class="field">
    <label for="f-sort">Sort</label>
    <select id="f-sort">
      <option value="">Newest</option>
      <option value="bounty">Highest bounty</option>
    </select>
  </div>
  <button class="btn" id="f-save" title="Save current filters as default">Save</button>
</div>

<div class="grid mt" id="board-grid"></div>

<dialog id="claim-dialog">
  <form method="dialog" id="claim-form" class="stack" style="min-width:380px">
    <h2>Request assignment</h2>
    <p class="muted" id="claim-task-title"></p>
    <div class="field">
      <label for="claim-note">Pitch note (optional)</label>
      <textarea id="claim-note" placeholder="why you?"></textarea>
    </div>
    <div class="spread">
      <button class="btn" type="button" id="claim-cancel">Cancel</button>
      <button class="btn primary" type="submit">Request assignment</button>
    </div>
  </form>
</dialog>
{{end}}