{{define "partials/related_images.html"}}
{{if .Images}}
<div class="related-images">
  <h3>Images with similar tags</h3>
  <div class="related-mini-grid">
    {{range .Images}}
    <a href="/images/{{.ID}}?ref={{$.SourceID}}&back_q={{urlQ $.BackQuery}}&back_sort={{$.BackSort}}&back_order={{$.BackOrder}}{{if $.BackPage}}&back_page={{$.BackPage}}{{end}}{{if $.BackSeed}}&back_seed={{$.BackSeed}}{{end}}"
       class="related-mini-card" title="Image {{.ID}}">
      <img src="/thumbnails/{{$.ActiveGallery}}/{{.ID}}.jpg" alt="image {{.ID}}" loading="lazy"
           onerror="this.parentElement.innerHTML='<span class=thumb-fail title=&quot;preview unavailable&quot;>?</span>'">
      {{if eq .FileType "cbz"}}
        {{if .PageCount}}
        <span class="manga-pill">{{deref .PageCount}} pages</span>
        {{else}}
        <span class="manga-pill">manga</span>
        {{end}}
      {{end}}
    </a>
    {{end}}
  </div>
</div>
{{end}}
{{end}}