{% if vulns %}
{% set crit = [] %}{% set high = [] %}{% set med = [] %}{% set low = [] %}
{% for v in vulns %}
    {% if v.severity == "critical" %}{% if crit.append(1) %}{% endif %}
    {% elif v.severity == "high" %}{% if high.append(1) %}{% endif %}
    {% elif v.severity == "medium" %}{% if med.append(1) %}{% endif %}
    {% else %}{% if low.append(1) %}{% endif %}
    {% endif %}
{% endfor %}

<div class="stats-bar">
    <div class="stat-chip">
        <span class="stat-chip-value">{{ vulns | length }}</span>
        <span class="stat-chip-label">shown</span>
    </div>
    {% if crit %}
    <div class="stat-chip stat-chip-danger">
        <span class="stat-chip-value">{{ crit | length }}</span>
        <span class="stat-chip-label">critical</span>
    </div>
    {% endif %}
    {% if high %}
    <div class="stat-chip stat-chip-warning">
        <span class="stat-chip-value">{{ high | length }}</span>
        <span class="stat-chip-label">high</span>
    </div>
    {% endif %}
    {% if med %}
    <div class="stat-chip stat-chip-info">
        <span class="stat-chip-value">{{ med | length }}</span>
        <span class="stat-chip-label">medium</span>
    </div>
    {% endif %}
    {% if low %}
    <div class="stat-chip">
        <span class="stat-chip-value">{{ low | length }}</span>
        <span class="stat-chip-label">low</span>
    </div>
    {% endif %}
</div>

<table class="sortable vulns-table">
    <thead>
        <tr>
            <th>Repo</th>
            <th>Severity</th>
            <th>Name</th>
            <th>Source</th>
            <th>Location</th>
            <th>State</th>
            <th>Mitigation</th>
        </tr>
    </thead>
    <tbody>
        {% for v in vulns %}
        <tr>
            <td><code title="{{ v.repo_name }}">{{ v.repo_name }}</code></td>
            <td data-sort="{% if v.severity == 'critical' %}0{% elif v.severity == 'high' %}1{% elif v.severity == 'medium' %}2{% else %}3{% endif %}">
                <span class="badge-{{ v.severity }}">{{ v.severity }}</span>
            </td>
            <td><a href="{{ v.web_url }}" target="_blank">{{ v.name }}</a></td>
            <td class="nowrap"><code>{{ v.source }}</code></td>
            <td class="break-url">{% if v.location %}<code title="{{ v.location }}">{{ v.location }}</code>{% endif %}</td>
            <td><span class="badge-{{ v.state | lower }}">{{ v.state }}</span></td>
            <td class="nowrap">{% if v.solution %}<code title="{{ v.solution }}">{{ v.solution }}</code>{% elif v.mitigation_state %}<span class="badge-dismissed">{{ v.mitigation_state | replace("_", " ") }}</span>{% if v.mitigation_details %} <small>{{ v.mitigation_details }}</small>{% endif %}{% else %}<span class="text-center-muted">none</span>{% endif %}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p class="text-center-muted">No vulnerabilities{% if filter and filter != "all" %} matching filter{% endif %}.</p>
{% endif %}