{% extends 'base.html' %}

{% load django_bootstrap_breadcrumbs %}

{% block breadcrumbs %}
{{ block.super }}
{% breadcrumb 'Issues' 'issues' %}
{% endblock %}

{% block content %}
{{ block.super }}
<div class="card">
  <div class="card-body">
    <h2>Issues</h2>
    {% if issues %}
    <ul class="list-group list-group-flush">
      {% for issue in issues %}
      <li class="list-group-item d-flex justify-content-between align-items-center">
        <a href="{% url 'issue' issue.pk %}">{{ issue.short_desc }}</a>
        <span class="badge badge-warning">Severity: {{ issue.severity }}</span>
      </li>
      {% endfor %}
    </ul>
    {% else %}
    <p>No issues.</p>
    {% endif %}
  </div>
</div>
{% endblock %}