{% extends "base.html" %}
{% block title %}{{ group.name }} — ULPgrammer{% endblock %}
{% block content %}

<h2>{{ group.name }}</h2>

<div class="stats-bar">
  <span class="stat critical">🔴 CRITICAL: {{ counts.CRITICAL }}</span>
  <span class="stat high">🟠 HIGH: {{ counts.HIGH }}</span>
  <span class="stat medium">🟡 MEDIUM: {{ counts.MEDIUM }}</span>
  <span class="stat low">🟢 LOW: {{ counts.LOW }}</span>
</div>

<details class="patterns-list">
  <summary>Patterns ({{ group.patterns|length }})</summary>
  <ul>
  {% for p in group.patterns %}
    <li><code>{{ p.regex }}</code> — {{ p.label }}</li>
  {% endfor %}
  </ul>
</details>

<h3>Recent hits</h3>
{% for hit in hits %}
<div class="hit-card sev-{{ hit.severity|lower }}">
  <span class="sev-badge">{{ hit.severity }}</span>
  <code class="raw">{{ hit.raw }}</code>
  <span class="meta">{{ hit.source }} / {{ hit.filename }} — {{ hit.timestamp }}</span>
  {% if hit.reasons %}
  <ul class="reasons">{% for r in hit.reasons %}<li>{{ r }}</li>{% endfor %}</ul>
  {% endif %}
</div>
{% else %}
<p class="empty">No hits yet for this group.</p>
{% endfor %}

{% endblock %}