{# @description An organization's card for the organization listing: logo, name with ROR ID, type and place, the roles on a credit when given one, and its member and credit counts. #}
{# @prop contributor:text | description:"An Organization, or a Contribution crediting one." #}
{# @prop class:text | description:"Extra CSS classes on the card." #}
{% load i18n contributor_tags %}
<c-vars contributor class />
{% with c=contributor|as_contributor %}
  {% if c %}
    {% with roles=contributor.roles.all location=c.get_location_display counts=c.get_credit_counts members=c.members.count %}
      <c-mvp.card.wrapper class="h-full py-5 {{ class }}">
        <figure class="px-6 pt-6">
          <c-contributor.avatar :contributor="c" size="xl" class="" />
        </figure>
        <div class="card-body items-center text-center">
          <h2 class="card-title"><c-contributor.name :contributor="c" class="" /></h2>
          {% if c.type %}<c-badge text="{{ c.get_type_display }}" variant="primary" class="badge-soft" />{% endif %}
          {% if location %}
            <p class="grow-0 text-sm text-base-content/70 flex items-center gap-1"><c-icon name="location" />{{ location }}</p>
          {% endif %}
          {% if roles %}
            <div class="flex flex-wrap justify-center gap-1">
              {% for role in roles %}<c-badge text="{{ role.display_label }}" size="sm" class="badge-soft" />{% endfor %}
            </div>
          {% endif %}
          <div class="card-actions justify-center mt-2">
            {% if members %}
              <c-badge variant="neutral" class="badge-soft">{% blocktranslate count counter=members %}{{ counter }} member{% plural %}{{ counter }} members{% endblocktranslate %}</c-badge>
            {% endif %}
            {% for label, count in counts.items %}
              <c-badge variant="neutral" class="badge-soft">{{ count }} {{ label }}</c-badge>
            {% endfor %}
            {% if not members and not counts %}<span class="text-sm text-base-content/70">{% translate "No members or credits yet" %}</span>{% endif %}
          </div>
        </div>
      </c-mvp.card.wrapper>
    {% endwith %}
  {% endif %}
{% endwith %}