{{define "results_inner"}}
{{if .Corrections}}
<div class="corrections">
  {{range .Corrections}}<span class="correction">{{.}}</span>{{end}}
</div>
{{end}}

{{if .Answers}}
<div id="answers">
  {{range .Answers}}
  <div class="answer">{{.}}</div>
  {{end}}
</div>
{{end}}

<div id="sidebar">
  {{if .NumberOfResults}}
  <p id="result_count"><small>{{.NumberOfResults}} results</small></p>
  {{end}}

  {{if .Infoboxes}}
  <div id="infoboxes">
    {{range .Infoboxes}}
    <div class="infobox">
      {{if .title}}<div class="title">{{.title}}</div>{{end}}
      {{if .content}}<div class="content">{{.content}}</div>{{end}}
      {{if .img_src}}<img src="{{.img_src}}" alt="{{.title}}" loading="lazy">{{end}}
    </div>
    {{end}}
  </div>
  {{end}}

  {{if .Suggestions}}
  <div id="suggestions">
    <small>Suggestions:</small>
    <div>
      {{range .Suggestions}}<span class="suggestion"><a href="/search?q={{.}}">{{.}}</a></span>{{end}}
    </div>
  </div>
  {{end}}

  {{if .UnresponsiveEngines}}
  <div class="unresponsive_engines">
    <small>Unresponsive engines:</small>
    <ul>
      {{range .UnresponsiveEngines}}<li>{{index . 0}}: {{index . 1}}</li>{{end}}
    </ul>
  </div>
  {{end}}
</div>

<div id="urls" role="main">
  {{if .Results}}
  {{range .Results}}
  {{if eq .Template "videos"}}
  {{template "video_item" .}}
  {{else}}
  {{template "result_item" .}}
  {{end}}
  {{end}}
  {{else if not .Answers}}
  <div class="no_results">
    <p>No results found.</p>
    {{if .Query}}<p>Try different keywords or check your spelling.</p>{{end}}
  </div>
  {{end}}
</div>

{{if .Pageno}}
<nav id="pagination" role="navigation">
  {{if gt .Pageno 1}}
  <form method="GET" action="/search" class="previous_page">
    <input type="hidden" name="q" value="{{.Query}}">
    <input type="hidden" name="pageno" value="{{.PrevPage}}">
    <input type="hidden" name="format" value="html">
    <button type="submit" role="link">← Previous</button>
  </form>
  {{end}}

  <div class="numbered_pagination">
    {{range .PageNumbers}}
    {{if .IsCurrent}}
    <span class="page_number_current">{{.Num}}</span>
    {{else}}
    <form method="GET" action="/search" class="page_number">
      <input type="hidden" name="q" value="{{$.Query}}">
      <input type="hidden" name="pageno" value="{{.Num}}">
      <input type="hidden" name="format" value="html">
      <button type="submit" role="link">{{.Num}}</button>
    </form>
    {{end}}
    {{end}}
  </div>

  {{if .HasNext}}
  <form method="GET" action="/search" class="next_page">
    <input type="hidden" name="q" value="{{.Query}}">
    <input type="hidden" name="pageno" value="{{.NextPage}}">
    <input type="hidden" name="format" value="html">
    <button type="submit" role="link">Next →</button>
  </form>
  {{end}}
</nav>
{{end}}

<div id="backToTop">
  <a href="#">↑ Back to top</a>
</div>

<div class="htmx-indicator">Searching…</div>
{{end}}