{{define "content"}}

{{/* rastrillo's [rst-search] IS the field box: its border, radius and
     focus ring are on the form, and the input inside is transparent. The
     button sits inside it, as rastrillo's list-bar-search does. memoria.css
     used to draw a second bordered box on the input, which is the double
     border the polish audit found. */}}
<form method="get" action="/" rst-search>
  <label for="q" class="rst-sr-only">Search the team's memory</label>
  <input type="search" id="q" name="q" value="{{.Query}}" placeholder="Search the team's memory…" autofocus>
  <button rst-btn="primary">Search</button>
</form>

{{/* The results region. search.js writes live results into it, and it
     is here rather than around the {{if}} because an absent region has
     nothing to write into: on a page with no search this empty div is
     where the first results go. Nothing the person is typing into is
     inside it.

     rst-search-results-for is the query these results were rendered
     from, written by the server. search.js reads it instead of assuming
     the box and the screen agree: after a Back, a browser restores the
     input's value on its own schedule, and a script that trusted the
     box would think a stale screen was current. */}}
<p class="rst-sr-only" role="status" rst-search-status></p>
<div rst-refresh="results"
     rst-search-results-for="{{.Query}}"
     rst-search-stale-note="{{template "searchFailed"}}">{{template "results" .}}</div>

{{/* Adding content lives at /add now. The one message that still lands
     on this page is a failed delete, which redirects here. */}}
{{if .Flash}}<div rst-callout rst-tone="{{.FlashKind | tone}}"{{if eq .FlashKind "danger"}} role="alert"{{end}}><div rst-callout-body><p>{{.Flash}}</p></div></div>{{end}}

<section rst-section>
  <h2>{{len .Documents}} document{{if ne (len .Documents) 1}}s{{end}}</h2>
  <p><a rst-btn="primary" href="/add">Add content</a></p>
  {{if not .Documents}}
    <p rst-muted>Nothing stored yet.</p>
  {{else}}
  <table rst-table>
    <thead><tr><th>Title</th><th>Source</th><th>Passages</th><th>Updated</th><th></th></tr></thead>
    <tbody>
      {{range .Documents}}
      <tr>
        <td><a href="/documents/{{.ID}}">{{.Title}}</a></td>
        <td rst-muted>{{.Source}}</td>
        <td rst-muted>{{.Chunks}}</td>
        <td rst-muted>{{.Updated}}</td>
        {{/* Delete asks first (delete.html): a link to the question, not
             a one-click POST. */}}
        <td><a rst-btn="quiet compact" href="/documents/{{.ID}}/delete">Delete</a></td>
      </tr>
      {{end}}
    </tbody>
  </table>
  {{end}}
</section>
{{end}}