{% load i18n %}
{% if jobs %}
  <div class="list-group list-group-flush">
    {% for job in jobs %}
      <a href="{{ job.get_absolute_url }}" class="list-group-item list-group-item-action px-1 py-2">
        <div class="d-flex w-100 justify-content-between align-items-center">
          <span class="text-truncate me-2">
            <i class="mdi mdi-alert-circle text-danger"></i> {{ job.workflow.name }}
          </span>
          <small class="text-muted text-nowrap">
            {% if job.finished_at %}{{ job.finished_at|timesince }} {% trans "ago" %}{% endif %}
          </small>
        </div>
        {% if job.error %}
          <small class="text-danger d-block text-truncate">{{ job.error }}</small>
        {% endif %}
      </a>
    {% endfor %}
  </div>
  <div class="text-end mt-2 pt-1 border-top">
    <a href="{{ list_url }}" class="small">{% trans "View all runs" %} <i class="mdi mdi-arrow-right"></i></a>
  </div>
{% else %}
  <p class="text-success text-center my-3 small">
    <i class="mdi mdi-check-circle"></i> {% trans "No recent failures." %}
  </p>
{% endif %}