{% extends "base.html" %}
{% block content %}

<section class="findings-head">
  <div>
    <h1>{{ device.hostname or '(unknown hostname)' }}</h1>
    <p class="lede">
      Source: <code>{{ source_name }}</code> ·
      Detected: <strong>{{ product }}</strong>
      {% if stig_types %} ({{ stig_types|join(', ') }}){% endif %} ·
      {{ device.interfaces|length }} interfaces
      ({{ device.dot1x_interfaces()|length }} dot1x-enabled)
    </p>
  </div>
  <div class="actions">
    <a href="{{ url_for('download_ckl', token=token) }}" class="btn primary">⬇ STIG Viewer .ckl</a>
    <a href="{{ url_for('download_annotated', token=token) }}" class="btn">⬇ Annotated .cfg</a>
    <a href="{{ url_for('download_xlsx', token=token) }}" class="btn">⬇ Excel report</a>
    <a href="{{ url_for('export_csv', token=token) }}" class="btn">⬇ CSV</a>
    <a href="{{ url_for('findings_print', token=token) }}" target="_blank" class="btn">🖨 Print / PDF</a>
    <a href="{{ url_for('index') }}" class="btn ghost">← New audit</a>
  </div>
</section>

<section class="summary-row">
  <div class="summary-stat">
    <div class="stat-num">{{ summary.PASS|default(0) }}</div>
    <div class="stat-label">PASS</div>
  </div>
  <div class="summary-stat fail">
    <div class="stat-num">{{ (summary.FAIL|default(0)) + (summary.WARN|default(0)) }}</div>
    <div class="stat-label">FAIL</div>
  </div>
  <div class="summary-stat manual">
    <div class="stat-num">{{ summary.MANUAL|default(0) }}</div>
    <div class="stat-label">MANUAL</div>
  </div>
  <div class="summary-stat triage">
    <div class="stat-num">{{ likely_na|length }}</div>
    <div class="stat-label">Likely N/A</div>
  </div>
  <div class="summary-stat triage">
    <div class="stat-num">{{ applicable|length }}</div>
    <div class="stat-label">Applicable (localized)</div>
  </div>
  <div class="summary-stat triage muted">
    <div class="stat-num">{{ unknown|length }}</div>
    <div class="stat-label">General review</div>
  </div>
</section>

<section class="sev-chips">
  <span class="sev sev-critical">CRITICAL · {{ sev_count.CRITICAL }}</span>
  <span class="sev sev-high">HIGH · {{ sev_count.HIGH }}</span>
  <span class="sev sev-medium">MEDIUM · {{ sev_count.MEDIUM }}</span>
  <span class="sev sev-low">LOW · {{ sev_count.LOW }}</span>
</section>

{# ─── FAIL section — always expanded ─── #}
{% if fails or dot1x_fails %}
<section class="bucket bucket-fail">
  <h2>Findings — {{ fails|length + dot1x_fails|length }}</h2>

  {% for f in fails + dot1x_fails %}
    <article class="finding fail">
      <header class="row">
        <span class="badge {{ f.severity|lower }}">{{ f.severity }}</span>
        <span class="status fail">FAIL</span>
        <span class="check-id">{{ f.check_id }}</span>
        {% if f.stig_cat %}<span class="cat">CAT {{ f.stig_cat }}</span>{% endif %}
        {% if f.interface %}<span class="iface">{{ f.interface }}</span>{% endif %}
      </header>
      <div class="title">{{ f.title }}</div>
      {% if f.deviation %}
        <div class="deviation">
          <div><span class="label">Expected:</span> {{ f.deviation.expected }}</div>
          <div><span class="label">Actual:</span> <code>{{ f.deviation.actual }}</code></div>
          {% if f.deviation.location %}
            <div><span class="label">At:</span>
              {{ f.deviation.location }}{% if f.deviation.line_numbers %}
                (lines {{ f.deviation.line_numbers[:5]|join(', ') }}{% if f.deviation.line_numbers|length > 5 %}, …{% endif %}){% endif %}
            </div>
          {% endif %}
          {% if f.deviation.patch %}
            <div class="patch-block">
              <div class="label">Patch:</div>
              <pre>{% for line in f.deviation.patch %}{{ line }}
{% endfor %}</pre>
            </div>
          {% endif %}
        </div>
      {% else %}
        {% if f.evidence %}<div class="evidence"><span class="label">Evidence:</span> <code>{{ f.evidence }}</code></div>{% endif %}
        {% if f.remediation %}<div class="remediation"><span class="label">Fix:</span><pre>{{ f.remediation }}</pre></div>{% endif %}
      {% endif %}
    </article>
  {% endfor %}
</section>
{% endif %}

{# ─── PASS section — collapsed by default ─── #}
<section class="bucket bucket-pass">
  <details>
    <summary><h2>Passing checks — {{ passes|length + dot1x_passes|length }}</h2></summary>
    {% for f in passes + dot1x_passes %}
      <article class="finding pass">
        <header class="row">
          <span class="badge {{ f.severity|lower }}">{{ f.severity }}</span>
          <span class="status pass">PASS</span>
          <span class="check-id">{{ f.check_id }}</span>
          {% if f.stig_cat %}<span class="cat">CAT {{ f.stig_cat }}</span>{% endif %}
          {% if f.interface %}<span class="iface">{{ f.interface }}</span>{% endif %}
        </header>
        <div class="title">{{ f.title }}</div>
        {% if f.evidence %}<div class="evidence muted">{{ f.evidence }}</div>{% endif %}
      </article>
    {% endfor %}
  </details>
</section>

{# ─── MANUAL: Likely N/A bucket ─── #}
{% if likely_na %}
<section class="bucket bucket-na">
  <details open>
    <summary><h2>MANUAL · Likely Not Applicable — {{ likely_na|length }} <span class="hint">(admin to confirm)</span></h2></summary>
    {% for f in likely_na %}
      <article class="finding manual na">
        <header class="row">
          <span class="badge {{ f.severity|lower }}">{{ f.severity }}</span>
          <span class="status manual">MANUAL</span>
          <span class="check-id">{{ f.check_id }}</span>
          {% if f.stig_cat %}<span class="cat">CAT {{ f.stig_cat }}</span>{% endif %}
          {% if f.stig_doc_type %}<span class="doc-tag">{{ f.stig_doc_type }}</span>{% endif %}
        </header>
        <div class="title">{{ f.title }}</div>
        <div class="triage triage-na">
          <div class="triage-headline">{{ f.triage.headline }}</div>
          <pre class="triage-reason">{{ f.triage.reason }}</pre>
        </div>
      </article>
    {% endfor %}
  </details>
</section>
{% endif %}

{# ─── MANUAL: Applicable (localized) bucket ─── #}
{% if applicable %}
<section class="bucket bucket-applicable">
  <details>
    <summary><h2>MANUAL · Applicable — review localized config — {{ applicable|length }}</h2></summary>
    {% for f in applicable %}
      <article class="finding manual applicable">
        <header class="row">
          <span class="badge {{ f.severity|lower }}">{{ f.severity }}</span>
          <span class="status manual">MANUAL</span>
          <span class="check-id">{{ f.check_id }}</span>
          {% if f.stig_cat %}<span class="cat">CAT {{ f.stig_cat }}</span>{% endif %}
          {% if f.stig_doc_type %}<span class="doc-tag">{{ f.stig_doc_type }}</span>{% endif %}
        </header>
        <div class="title">{{ f.title }}</div>
        <div class="triage triage-applicable">
          <div class="triage-headline">{{ f.triage.headline }}</div>
          <pre class="triage-reason">{{ f.triage.reason }}</pre>
          {% if f.triage.relevant_lines %}
            <div class="lines-to-review">
              <span class="label">Lines to review:</span>
              {{ f.triage.relevant_lines[:10]|join(', ') }}{% if f.triage.relevant_lines|length > 10 %}
                <span class="muted">… (+{{ f.triage.relevant_lines|length - 10 }})</span>{% endif %}
            </div>
          {% endif %}
        </div>
      </article>
    {% endfor %}
  </details>
</section>
{% endif %}

{# ─── MANUAL: Unknown / general review ─── #}
{% if unknown %}
<section class="bucket bucket-unknown">
  <details>
    <summary><h2>MANUAL · General review — {{ unknown|length }}</h2></summary>
    {% for f in unknown %}
      <article class="finding manual unknown">
        <header class="row">
          <span class="badge {{ f.severity|lower }}">{{ f.severity }}</span>
          <span class="status manual">MANUAL</span>
          <span class="check-id">{{ f.check_id }}</span>
          {% if f.stig_cat %}<span class="cat">CAT {{ f.stig_cat }}</span>{% endif %}
          {% if f.stig_doc_type %}<span class="doc-tag">{{ f.stig_doc_type }}</span>{% endif %}
        </header>
        <div class="title">{{ f.title }}</div>
        <div class="triage triage-unknown muted">
          Full manual review — no topic match.
        </div>
      </article>
    {% endfor %}
  </details>
</section>
{% endif %}

{% endblock %}