{# @description A borderless card for a person with their avatar, an active or inactive badge, their name and ORCID iD. Reads the context variable `object`, the person. #}
{# @prop class:text | description:"Extra CSS classes for the card." #}
{# @prop text_light:boolean | description:"Use light text for the name and the ORCID link, for dark backgrounds." #}
{# @slot:footer Last updated — Content for the card footer. The footer is left out when there is none. #}
{% load i18n %}

<c-vars class text_light />
<div class="card border-0 shadow-none {{ class }}">
  <div class="card-body d-flex flex-column align-items-center gap-2">
    <c-mvp.avatar :user="object"
              badge_text="{% if object.is_active %}{% trans "Active" %}{% else %}{% trans "Inactive" %}{% endif %}"
              badge_variant="{% if object.is_active %}success{% else %}warning{% endif %}" />
    <h5 class="card-title {% if text_light %}text-light{% endif %}">{{ object }}</h5>
    {% if object.orcid %}
      <a href="{{ object.get_absolute_url }}"
         class="link-secondary {% if text_light %}text-light{% endif %} link-underline link-underline-opacity-0 link-underline-opacity-75-hover">
        <c-icon name="orcid" />
        {{ object.orcid.value }}
      </a>
    {% endif %}
  </div>
  {% if footer %}<div class="card-footer border-0 bg-body">{{ footer }}</div>{% endif %}
</div>