{% load i18n %}
{% comment %}
  <c-card.details> — the record's metadata in one card: what it belongs to, its licence, who can
  see its data, its status and dates, and how a machine reaches it. Every entry
  is a <c-card.details.entry>: an icon and a title in capitals, the value underneath.

  Attributes:
    rows         – [{label, icon, text, url, record, date, until, note, badge, badge_variant, warning}]
                   record       – a record, shown by name and linked by its own address
                   text + url   – a value, linked when `url` is set
                   date/until   – a date, or a date range; formatted here
                   badge        – shown as a badge in `badge_variant`
                   note         – a line under the value
                   warning      – draws the value as a warning
    api_url      – the record's REST API address, if it has one
    class        – extra classes on the card
  Slots:
    (default)    – entries after the rows, e.g. a project's timeline and funding
{% endcomment %}
<c-vars rows api_url class />
<c-mvp.card title="{% translate 'Details' %}" class="bg-base-100 {{ class }}" data-card="details" only>
  <dl class="flex flex-col gap-4">
    {% for row in rows %}
      <c-card.details.entry label="{{ row.label }}" icon="{{ row.icon }}">
        <span class="{% if row.warning %}text-warning{% endif %}">
          {% if row.record %}
            <a href="{{ row.record.get_absolute_url }}" class="link link-hover">{{ row.record }}</a>
          {% elif row.badge %}
            <span class="badge badge-soft badge-{{ row.badge_variant|default:'neutral' }} badge-sm">{{ row.badge }}</span>
          {% elif row.date %}
            {{ row.date|date:"SHORT_DATE_FORMAT" }}{% if row.until %} – {{ row.until|date:"SHORT_DATE_FORMAT" }}{% endif %}
          {% elif row.url %}
            <a href="{{ row.url }}" class="link link-hover">{{ row.text }}</a>
          {% else %}
            {{ row.text }}
          {% endif %}
        </span>
        {% if row.note %}<span class="block text-xs text-base-content/70 mt-1">{{ row.note }}</span>{% endif %}
      </c-card.details.entry>
    {% endfor %}

    {{ slot }}

    <c-card.details.entry label="{% translate 'For machines' %}" icon="api">
      <span class="flex flex-wrap gap-2">
        {% if api_url %}
          <a href="{{ api_url }}" class="btn btn-xs btn-outline"><c-icon name="api" aria-hidden="true" only />{% translate "REST API" %}</a>
        {% endif %}
        {% translate "Metadata downloads" as downloads %}
        {% translate "The DataCite JSON and schema.org JSON-LD records, served from this address." as reason %}
        <c-actions.pending label="{{ downloads }}" icon="download" reason="{{ reason }}" size="xs" only />
      </span>
    </c-card.details.entry>
  </dl>
</c-mvp.card>