{% load i18n %}{% comment %} One reverse relation's preview card: a bounded table plus a
   link through to the full list. Shared between the plain stacked layout and the tab
   strip in detail.html — the card itself does not know which one it is in. {% endcomment %}
<section class="v-card">
  <div class="v-card-head">
    <h2 class="v-card-title">{{ block.label }}</h2>
    {% comment %} A bare number beside a heading reads as "Orders 47" and could be
       anything; the noun makes the count self-describing. {% endcomment %}
    <span class="v-badge">{{ block.count }}<span class="v-sr-only"> {% translate "records" %}</span></span>
    {% if block.url %}
      {% comment %} Every related block ships a "View all", so out of context the links
         are indistinguishable from one another. The hidden suffix is what a
         screen reader's link list needs to tell them apart. {% endcomment %}
      <a class="v-btn v-btn-ghost v-btn-sm v-card-action" href="{{ block.url }}">
        {% translate "View all" %}<span class="v-sr-only"> {{ block.label }}</span>
      </a>
    {% endif %}
  </div>

  {% if block.rows %}
    {% comment %}
      A bounded preview, never the whole set. Loading every child row is what
      makes a contrib.admin record with fifty thousand children impossible to
      open; five rows and a link cost the same whatever the count.
    {% endcomment %}
    <div class="v-table-wrap v-table-flush">
      <table class="v-table">
        <caption class="v-sr-only">
          {% blocktranslate with label=block.label shown=block.rows|length total=block.count %}{{ label }} — first {{ shown }} of {{ total }}{% endblocktranslate %}
        </caption>
        <thead>
          <tr>{% for column in block.columns %}<th scope="col">{{ column.label }}</th>{% endfor %}</tr>
        </thead>
        <tbody>
          {% for row in block.rows %}
            <tr>
              {% for cell in row.cells %}
                <td>
                  {% if cell.is_link and row.url %}
                    {% include "vantage/partials/cell_link.html" with url=row.url record=row.obj %}
                  {% else %}{{ cell.value }}{% endif %}
                </td>
              {% endfor %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% if block.more %}
      <div class="v-card-body v-related-more">
        <a href="{{ block.url }}">{% blocktranslate with more=block.more %}{{ more }} more{% endblocktranslate %}<span class="v-sr-only"> {{ block.label }}</span>…</a>
      </div>
    {% endif %}
  {% else %}
    <div class="v-card-body v-muted">
      {% if block.count %}{% translate "Not shown here." %}{% else %}{% translate "None yet." %}{% endif %}
    </div>
  {% endif %}
</section>