{% for src in sources %}
<div class="source-doc" data-ref="{{ src.id }}">
  <div class="source-doc-header">
    <button class="source-doc-toggle" type="button" data-action="toggle-doc">
      <span class="collapse-icon">▶</span>
      <span class="source-doc-title">{{ src.title or src.path }}</span>
      <span class="source-doc-badge">{{ src.id | reference_label }}</span>
      <span class="source-doc-count">{{ src.chunks|length }}</span>
    </button>
    {% if src.url %}
    <a href="{{ src.url }}" class="source-dl-icon" title="Download source" aria-label="Download source" download>
      <svg class="source-dl-icon-svg" viewBox="0 0 24 24" fill="none"
           stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
        <polyline points="7 10 12 15 17 10"/>
        <line x1="12" y1="15" x2="12" y2="3"/>
      </svg>
    </a>
    {% endif %}
  </div>
  <div class="source-doc-chunks">
    {% for chunk in src.chunks %}
    <div class="source-chunk" data-ref="{{ src.id }}" data-chunk="{{ chunk.chunk_idx }}">
      <div class="source-chunk-header">
        <span class="source-chunk-page">
          {% if chunk.page_idx is not none %}p.{{ chunk.page_idx }}{% else %}#{{ chunk.chunk_idx }}{% endif %}
        </span>
      </div>
      {% if chunk.thumbnail_url or chunk.image_url %}
      <div class="source-chunk-image">
        <img src="{{ chunk.thumbnail_url or chunk.image_url }}"
             data-full-src="{{ chunk.image_url or chunk.thumbnail_url }}"
             alt="Page {{ chunk.page_idx or '' }}" loading="lazy"
             data-action="open-lightbox">
      </div>
      {% endif %}
      {% if chunk.content %}
      <div class="source-chunk-content">
        {{ chunk.content | highlight_content(chunk.highlight_phrases) }}
      </div>
      {% endif %}
    </div>
    {% endfor %}
  </div>
</div>
{% endfor %}
{% if sources %}
<button class="show-all-btn" type="button" data-action="show-all-sources" hidden>
  Show all sources
</button>
{% endif %}