{# templates/_preview_pane_source.html #}
<div class="pane pane-source" id="pane-source" data-side="source">
  <div class="pane-h">
    <span>{{ _('preview.original') }}</span>
    <span class="hint" title="{{ _('preview.source_hint') }}">{{ _('preview.source_hint') }}</span>
    <button class="pane-collapse-btn" type="button"
            data-target-side="anon"
            aria-label="{{ _('preview.collapse_other') }}"
            title="{{ _('preview.collapse_other') }}">
      <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"
           stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <rect x="1.5" y="2.5" width="13" height="11" rx="1.5"/>
        <line x1="10" y1="2.5" x2="10" y2="13.5"/>
        <polyline points="7 6 4.5 8 7 10"/>
      </svg>
    </button>
  </div>
  <div class="pane-body" data-side="source">
    {% if render_items is defined %}
      {% for item in render_items %}
        {% if item.kind == "paragraph" %}
          <p data-block-id="{{ item.block.block_id }}">{{ render_block_with_entities(item.block, item.block.entities) }}</p>
        {% else %}
          <div class="table-scroll" data-table-id="{{ item.table_id }}">
            <table class="doc-table">
              {% for row in item.rows %}
                <tr>
                  {% for cell in row %}
                    <td>
                      {% for block in cell.blocks %}
                        <p data-block-id="{{ block.block_id }}">{{ render_block_with_entities(block, block.entities) }}</p>
                      {% endfor %}
                    </td>
                  {% endfor %}
                </tr>
              {% endfor %}
            </table>
          </div>
        {% endif %}
      {% endfor %}
    {% else %}
      {% for block in original_blocks %}
        <p data-block-id="{{ block.block_id }}">{{ render_block_with_entities(block, block.entities) }}</p>
      {% endfor %}
    {% endif %}
  </div>
</div>