{% load i18n dg_board %}
<div class="tk-card{% if ticket.is_blocked or ticket.has_open_blocker %} tk-card-blocked{% endif %}"
     data-ticket="{{ ticket.pk }}" data-move-url="{% url 'dg_board:ticket_move' ticket.pk %}">
  {% if group %}<a class="tk-insert" href="{% url 'dg_board:ticket_create' %}?before={{ ticket.pk }}" data-quick-create title="{% translate 'New ticket above this one' %}">+</a>{% endif %}
  <div class="tk-card-top">
    <span class="tk-key">{{ ticket.key }}</span>
    {% if not group %}<span class="tk-chip">· {{ ticket.column.group }} / {{ ticket.column }}</span>{% endif %}
    {% if ticket.is_blocked %}
      <span class="tk-chip tk-chip-blocked ms-auto" title="{{ ticket.block_reason|default:'' }}"><i class="bi bi-slash-circle"></i> {% translate "Blocked" %}</span>
    {% elif ticket.has_open_blocker %}
      <span class="tk-chip tk-chip-blocked ms-auto" title="{% translate 'Blocked by an open ticket' %}"><i class="bi bi-link-45deg"></i> {% translate "Blocked" %}</span>
    {% endif %}
    <a class="tk-peek-eye" href="{{ ticket.get_absolute_url }}" data-tk-peek="{% url 'dg_board:ticket_peek' ticket.key %}" title="{% translate 'Quick view' %}" aria-label="{% blocktranslate with key=ticket.key %}Quick view of {{ key }}{% endblocktranslate %}"><i class="bi bi-eye"></i></a>
  </div>
  <a href="{{ ticket.get_absolute_url }}" class="tk-card-title">{{ ticket.title }}</a>
  {% if ticket.labels.all %}
    <div class="tk-card-labels">
      {% for label in ticket.labels.all %}<a class="tk-label tk-label-link" href="{% url 'dg_board:board' %}?group={{ group.slug|default:'all' }}&amp;label={{ label.name|urlencode }}" title="{% blocktranslate %}Only tickets labelled {{ label }}{% endblocktranslate %}"><span class="tk-label-dot" style="background: {{ label|label_color }}"></span>{{ label }}</a>{% endfor %}
    </div>
  {% endif %}
  <div class="tk-card-foot">
    {% if ticket.parent_key %}<a class="tk-chip tk-chip-link" href="{% url 'dg_board:ticket_detail' ticket.parent_key %}" title="{% blocktranslate with key=ticket.parent_key title=ticket.parent_title %}Subtask of {{ key }}: {{ title }}{% endblocktranslate %}"><i class="bi bi-arrow-return-right"></i> {{ ticket.parent_key }}</a>{% endif %}
    {# "Unknown" says nothing a card needs to show; the ticket page still does. #}
    {% if ticket.size and ticket.size != 'unknown' %}<span class="tk-chip" title="{% translate 'Size' %}"><i class="bi bi-hourglass-split"></i> {{ ticket.get_size_display }}</span>{% endif %}
    {% if ticket.children_total %}<a class="tk-chip tk-chip-link" href="{% url 'dg_board:board' %}?group={{ ticket.column.group.slug }}&amp;parent={{ ticket.key }}" title="{% blocktranslate with key=ticket.key %}Children done; the board of {{ key }} and everything under it{% endblocktranslate %}"><i class="bi bi-diagram-3"></i> {{ ticket.children_done }}/{{ ticket.children_total }}</a>{% endif %}
    {% if ticket.comment_count %}<span class="tk-chip" title="{% translate 'Comments' %}"><i class="bi bi-chat"></i> {{ ticket.comment_count }}</span>{% endif %}
    {% include 'dg_board/_card_assignee.html' %}
  </div>
</div>