{% load i18n %}
{% comment %}
  <c-card.people> — everyone credited on the record, as a grid of faces. With nobody credited it
  says so. Hovering a face shows the name; clicking it opens the contributor's page.
  Three rows are shown; the rest are counted, linked to the full list.

  Attributes:
    people   – {shown: [contributor], more: int, total: int}
    all_url  – where the full list lives, shown as "See all" and on the count
    title    – the card's title (default "People")
    empty    – what to say when nobody is shown (default "No one is credited yet.")
    class    – extra classes on the card
{% endcomment %}
<c-vars people all_url title empty class />
<c-mvp.card title="{{ title|default:_('People') }}" class="bg-base-100 {{ class }}" data-card="people" only>
  {% if all_url %}
    <c-slot name="actions"><c-button href="{{ all_url }}" text="{% translate 'See all' %}" size="sm" only /></c-slot>
  {% endif %}
  {% if people.shown %}
    <ul class="grid grid-cols-6 gap-2">
      {% for contributor in people.shown %}
        {# The name opens towards the middle of the row, so a long one never runs off the page. #}
        <li class="tooltip {% if forloop.counter0|divisibleby:6 or forloop.counter|add:4|divisibleby:6 or forloop.counter|add:3|divisibleby:6 %}tooltip-right{% else %}tooltip-left{% endif %}" data-tip="{{ contributor }}">
          <a href="{{ contributor.get_absolute_url }}" class="block rounded-full" aria-label="{{ contributor }}">
            <c-mvp.avatar :for="contributor" alt="" size="w-full" only />
          </a>
        </li>
      {% endfor %}
    </ul>
    {% if people.more %}
      {% if all_url %}
        <a href="{{ all_url }}" class="link link-primary text-sm">
          {% blocktranslate count counter=people.more %}and {{ counter }} other contributor{% plural %}and {{ counter }} other contributors{% endblocktranslate %}
        </a>
      {% else %}
        <p class="text-sm text-base-content/70">
          {% blocktranslate count counter=people.more %}and {{ counter }} other contributor{% plural %}and {{ counter }} other contributors{% endblocktranslate %}
        </p>
      {% endif %}
    {% endif %}
  {% else %}
    <p class="text-sm text-base-content/70">{{ empty|default:_("No one is credited yet.") }}</p>
  {% endif %}
</c-mvp.card>