{{ define "pager" }}
{{ if .HasPages }}
<nav class="pagination-nav">
  <ul>
    <li>
      {{ if .HasPrev }}
      <a href="?p={{ .PrevPage }}">Prev</a>
      {{ else }}
      <a href="#" data-tooltip="No previous page">Prev</a>
      {{ end }}
    </li>
  </ul>
  <ul>
    <li><small>Page {{ .Page }}/{{ .PageNums }} of {{ .Nums }} Results</small></li>
  </ul>
  <ul>
    <li>
      {{ if .HasNext }}
      <a href="?p={{ .NextPage }}">Next</a>
      {{ else }}
      <a href="#" data-tooltip="No next page">Next</a>
      {{ end }}
    </li>
  </ul>
</nav>
{{ end }}
{{ end }}

{{ define "item" }}
<article>
  <hgroup>
    <h2><a href="{{ $.URL }}">{{ $.Title }}</a></h2>
    <h3>Updated {{ $.UpdatedAt | time }}</h3>
  </hgroup>
  <p{{ if $.Summary }}>{{ .Summary }}{{ else }} class="placeholder">No summary available{{ end }}</p>
    <p class="small"><a href="{{ $.URL }}">{{ $.URL }}</a> {{ .Length }} <a href="/cache/{{ .ID }}">View cached</a></p>
</article>
{{ end }}

{{ define "results" }}
<div class="grid">
  <div>
    {{ template "pager" $.Pager }}
    {{ range $idx, $item := $.Results }}
    {{ template "item" (dict "Item" $item) }}
    {{ else }}
    <small><i>No search results found.</i></small>
    {{ end }}
    {{ template "pager" $.Pager }}
  </div>
</div>
{{ end }}