<p class="catalogue-results-summary" id="results-summary">{{.Summary}}</p>

<div class="results-grid-wrap">
  <div id="results-stream" class="catalogue-result-grid"
       hx-on:htmx:after-settle="window.__scheduleStockDots && window.__scheduleStockDots()">
    {{range .Results}}{{template "result_card.tmpl" .}}{{end}}
  </div>
  {{if .Streaming}}
  <div id="results-skeletons" class="catalogue-result-grid">
    {{range seq 20}}{{template "skeleton_card.tmpl" .}}{{end}}
  </div>
  {{end}}
</div>

<div id="results-meta">
  {{if not .Streaming}}
  {{template "pagination_nav.tmpl" .}}
  {{end}}
</div>

{{if .Streaming}}
<div id="results-render-token" data-rid="{{.RenderID}}" hidden></div>
<div id="next-chunk"
     hx-get="{{.ChunkReq}}"
     hx-trigger="load"
     hx-target="#results-stream"
     hx-swap="beforeend"
     hidden></div>
{{end}}