{% load i18n %}
<div class="d-flex text-center">
  <div class="flex-fill px-1">
    <div class="fs-2 fw-bold text-success lh-1">{{ succeeded }}</div>
    <div class="text-muted small">{% trans "Succeeded" %}</div>
  </div>
  <div class="flex-fill px-1">
    <div class="fs-2 fw-bold text-primary lh-1">{{ running }}</div>
    <div class="text-muted small">{% trans "Running" %}</div>
  </div>
  <div class="flex-fill px-1">
    <div class="fs-2 fw-bold text-danger lh-1">{{ failed }}</div>
    <div class="text-muted small">{% trans "Failed" %}</div>
  </div>
</div>
<div class="d-flex justify-content-between align-items-center mt-2 pt-2 border-top">
  <span class="text-muted small">
    {% if scope == "all" %}{% trans "All runs" %}{% else %}{% trans "My runs" %}{% endif %}
    &middot; {{ total }} {% trans "total" %}{% if waiting %} &middot; {{ waiting }} {% trans "waiting" %}{% endif %}
  </span>
  <a href="{{ list_url }}" class="small">{% trans "View all" %} <i class="mdi mdi-arrow-right"></i></a>
</div>