{% extends "base.html" %}
{% block title %}Scan · {{ project.name if project }} · Argus Dashboard{% endblock %}
{% block content %}

<nav class="crumbs">
  <a href="/">Projects</a> <span>/</span>
  {% if project %}<a href="/projects/{{ project.slug }}">{{ project.name }}</a> <span>/</span>{% endif %}
  {{ scan.created_at.strftime('%Y-%m-%d %H:%M') }}
</nav>

<section class="scan-hero">
  <div class="hero-risk">
    <div class="hero-value risk-{{ risk_band(scan.risk_score)|lower }}">{{ scan.risk_score }}</div>
    <div class="hero-label">Aggregate risk / 100 · {{ risk_band(scan.risk_score) }}</div>
  </div>
  <div class="hero-meta">
    <div class="bar-track" role="img" aria-label="Severity breakdown">
      {% for seg in bar %}
      <span class="bar-seg" title="{{ seg.label }}: {{ seg.count }}"
            style="width:{{ seg.pct }}%;background:{{ seg.fill }}"></span>
      {% endfor %}
    </div>
    <div class="legend">
      {% for label in severity_order %}
        {% set n = scan.severity_counts.get(label, 0) %}
        <span class="legend-item {{ 'off' if not n }}">
          <span class="swatch" style="background:{{ severity_fill(label) }}"></span>
          {{ label }} <b>{{ n }}</b>
        </span>
      {% endfor %}
    </div>
  </div>
</section>

{% set langs = scan.project_summary.get('languages', {}) %}
{% if langs %}
<p class="muted small facts">
  {{ scan.total_findings }} findings ·
  {{ langs.keys()|list|join(', ') }}
  {% if scan.project_summary.get('frameworks') %} · {{ scan.project_summary.frameworks|join(', ') }}{% endif %}
</p>
{% endif %}

<div class="filters">
  <input id="search" type="search" placeholder="Filter findings…" aria-label="Filter findings">
  <div class="chips" id="sev-filter">
    <button class="chip active" data-sev="all">All</button>
    {% for label in severity_order %}
    <button class="chip" data-sev="{{ label }}">
      <span class="swatch" style="background:{{ severity_fill(label) }}"></span>{{ label }}</button>
    {% endfor %}
  </div>
</div>

{% if findings %}
<div class="findings">
  {% for f in findings %}
  {% set sev = severity_label(f.severity) %}
  <details class="finding" data-sev="{{ sev }}"
           data-text="{{ (f.title ~ ' ' ~ f.rule_id ~ ' ' ~ f.path ~ ' ' ~ (f.cwe|join(' ')))|lower }}">
    <summary>
      <span class="sev-chip" style="--c:{{ severity_fill(f.severity) }}">{{ sev }}</span>
      <span class="f-title">{{ f.title }}</span>
      <span class="f-loc mono">{{ f.path }}{% if f.line %}:{{ f.line }}{% endif %}</span>
      <span class="f-rule mono muted">{{ f.rule_id }}</span>
    </summary>
    <div class="f-body">
      {% if f.cwe or f.owasp %}
      <div class="tags">{% for c in f.cwe %}<span class="tag">{{ c }}</span>{% endfor %}
        {% for o in f.owasp %}<span class="tag">{{ o }}</span>{% endfor %}</div>
      {% endif %}
      {% if f.snippet %}<pre class="code">{{ f.snippet }}</pre>{% endif %}
      {% if f.why_vulnerable %}<p><b>Why it's a vulnerability.</b> {{ f.why_vulnerable }}</p>{% endif %}
      {% if f.attacker_perspective %}<p><b>How it's exploited.</b> {{ f.attacker_perspective }}</p>{% endif %}
      {% if f.business_impact %}<p><b>Business impact.</b> {{ f.business_impact }}</p>{% endif %}
      {% if f.remediation %}<p class="fix"><b>Remediation.</b> {{ f.remediation }}</p>{% endif %}
    </div>
  </details>
  {% endfor %}
</div>
<p class="muted small" id="no-match" hidden>No findings match your filter.</p>
{% else %}
<div class="empty"><p>No findings in this scan. ✅</p></div>
{% endif %}

{% endblock %}