{{template "header" .}}

<section class="panel">
  <h1 class="glow">// search</h1>
  <form action="/search" method="get" class="inline-form big-search">
    <input type="search" name="q" value="{{.Query}}" placeholder="grep the grid…" autofocus autocomplete="off">
    <button type="submit" class="btn primary">run ▸</button>
  </form>
</section>

{{if .Query}}
<section class="panel">
  <h2 class="muted">{{len .Hits}} hit(s) for “{{.Query}}”</h2>
  {{if not .Hits}}<p class="muted">nothing found in the grid.</p>{{end}}
  <ul class="hit-list">
    {{range .Hits}}
    <li class="hit">
      <span class="badge {{.Kind}}">{{.Kind}}</span>
      <a href="/projects/{{.ProjectID}}" class="hit-title">{{.Title}}</a>
      <p class="muted snippet">{{.Snippet}}</p>
    </li>
    {{end}}
  </ul>
</section>
{{end}}

{{template "footer" .}}