<div>
  <h3 class="text-lg font-bold mt-6">All issues</h3>
  {% for severity in ["CRITICAL", "HIGH", "MEDIUM", "LOW"] %}
    <div class="flex flex-row items-center">
      <span
        class="rounded-md bg-{{severity|lower}}-base text-white text-center h-6 w-6"
        >{{ issues_by_severity[severity]|length }}</span
      >
      <h2 class="text-2xl font-bold ml-2">{{ severity|title }}</h2>
    </div>
    {% if issues_by_severity[severity] | length == 0 %} 
      {% include "no-issues.html"%} 
    {% else %} 
      {% for issue in issues_by_severity[severity] %}
        {% set issue_code = issue.code.name %}
        {% include "issue.html" %}
      {% endfor %} 
    {% endif %}
  {% endfor %}
</div>
