{{define "content"}}
<div class="container">
  <form action="/search" method="GET">
    <input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}" autofocus required>
    <button id="go" type="submit">
      <i class="icss-search"></i>
      Go!
    </button>
  </form>
</div>
<div class="container">
  <p>Found {{ $.Matches }} matches in {{ $.Duration }}</p>
  {{ with $.Results }}
  {{ range . }}
  <article>
    <h3><a href="{{ .URL }}">{{ .Title }}</a></h3>
    <p{{ if .Summary }}>{{ .Summary }}{{ else }} class="placeholder">No summary available{{ end }}</p>
      <footer><a href="{{ .URL }}">{{ .URL }}</a> {{ .Length }} <a href="/cache/{{ .ID }}">View cached</a></footer>
  </article>
  {{ else }}
  <p>No search results</p>
  {{ end }}
  {{ end }}
</div>
{{end}}