{# @description A horizontal card summarising a project, dataset, sample or measurement, with a thumbnail, date, title, subtitle, badge, description, tags, contributor, organization and a link to the record. Takes its inputs from the context as attributes: object_type, object, image, title, date, subtitle, badge_text, description, tags, contributor and organization. #}
<c-mvp.card variant="{{ object_type }}" only>
  {% load thumbnail static %}

  <c-mvp.grid cols=2>
    <div class="col-md-4">
      <div class="card">
        {% if image %}
          <img src="{{ image|thumbnail_url:"core_small" }}"
               class="card-img"
               alt="{{ title }}" />
        {% else %}
          <img src="{% static 'fairdm/img/placeholder-3x2.png' %}"
               class="card-img"
               alt="{{ title }}" />
        {% endif %}
      </div>
    </div>
    <div class="flex flex-col">
      <div>
        <c-mvp.text small tight>
          <c-icon name="date" class="me-1" />
          {{ date|date:"F j, Y" }}
        </c-mvp.text>
        <div class="card-title mb-1">
          <h1 class="fs-3">{{ object.title }}</h1>
        </div>
        <c-mvp.text muted small>
          {{ subtitle }}
        </c-mvp.text>
        <div class="d-flex justify-content-between align-items-start mb-2">
          {% if badge_text %}
            <span class="badge {% if object_type == 'sample' %}bg-primary{% elif object_type == 'dataset' %}bg-success{% elif object_type == 'measurement' %}bg-warning text-dark{% elif object_type == 'project' %}bg-info{% else %}bg-secondary{% endif %}">
              {{ badge_text }}
            </span>
          {% endif %}
        </div>
        <p class="card-text text-muted text-truncate-6">{{ description|default:"No description available." }}</p>
        {% if tags.all %}
          <div class="d-flex flex-wrap gap-1 mb-3">
            {% for tag in tags.all %}
              <c-badge variant="light"
                       class="text-dark"
                       text="{{ tag.name }}" />
            {% endfor %}
          </div>
        {% endif %}
        <small class="text-muted">
          {% if contributor %}
            <c-icon name="person" class="me-1" />
            {{ contributor.get_full_name|default:contributor.username }}
          {% endif %}
          {% if organization %}
            <span class="mx-2">•</span>
            <c-icon name="organization" class="me-1" />
            {{ organization.name }}
          {% endif %}
        </small>
      </div>
      <c-menu horizontal class="w-full mt-auto shrink">
        <c-menu.item text="{% trans "View Details" %}"
                     href="{{ object.get_absolute_url }}"
                     icon="overview"
                     subtle />
      </c-menu>
    </div>
  </c-mvp.grid>
</c-mvp.card>