{% if diff.binary %}
  <p class="text-muted mb-0">Binary file.</p>
{% elif diff.lines | length == 0 %}
  <div class="px-3 py-2 text-muted small">
    No line-level diff to display. This can happen for path-only changes such as renames.
  </div>
{% else %}
  <div class="overflow-auto pearing-diff-block" data-diff-index="{{ diff_index }}" data-diff-id="D{{ diff_index }}">
    <table class="table table-sm table-borderless mb-0 font-monospace">
      <tbody>
        {% for line in diff.lines %}
          <tr class="pearing-diff-line" id="D{{ diff_index }}L{{ loop.index }}" data-diff-index="{{ diff_index }}" data-row-index="{{ loop.index }}">
            <td class="text-muted text-start small px-2 pearing-diff-line-number-cell">
              {% if line.old_href %}
                <a class="text-muted text-decoration-none pearing-diff-line-number" href="{{ line.old_href }}">{{ line.old_label }}</a>
              {% else %}
                {{ line.old_label }}
              {% endif %}
            </td>
            <td class="text-muted text-start small px-2 pearing-diff-line-number-cell">
              {% if line.new_href %}
                <a class="text-muted text-decoration-none pearing-diff-line-number" href="{{ line.new_href }}">{{ line.new_label }}</a>
              {% else %}
                {{ line.new_label }}
              {% endif %}
            </td>
            <td class="px-2 pearing-diff-code-line {% if line.kind == "add" %}text-success{% elif line.kind == "del" %}text-danger{% endif %}"><span class="pearing-diff-code-line-content">{{ line.text }}</span></td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endif %}