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

<section class="findings-head">
  <div>
    <h1>Audit diff · drift detection</h1>
    <p class="lede">
      Comparing
      <strong>{{ a_hostname }}</strong>
      (<code>{{ a_name }}</code>, {{ a_meta.saved_at }})
      vs
      <strong>{{ b_hostname }}</strong>
      (<code>{{ b_name }}</code>, {{ b_meta.saved_at }}).
      Both re-audited against the current catalog.
    </p>
  </div>
  <div class="actions">
    <a href="{{ url_for('history') }}" class="btn ghost">← Back to history</a>
  </div>
</section>

<section class="summary-row">
  <div class="summary-stat fail">
    <div class="stat-num">{{ new_fail|length }}</div>
    <div class="stat-label">New FAIL</div>
  </div>
  <div class="summary-stat" style="border-color: color-mix(in srgb, #16a34a 45%, transparent);">
    <div class="stat-num" style="color:#86efac;">{{ resolved|length }}</div>
    <div class="stat-label">Resolved</div>
  </div>
  <div class="summary-stat triage">
    <div class="stat-num">{{ changed|length }}</div>
    <div class="stat-label">Other change</div>
  </div>
  <div class="summary-stat">
    <div class="stat-num">{{ unchanged_pass }}</div>
    <div class="stat-label">Unchanged PASS</div>
  </div>
  <div class="summary-stat">
    <div class="stat-num">{{ unchanged_fail }}</div>
    <div class="stat-label">Unchanged FAIL</div>
  </div>
  <div class="summary-stat muted">
    <div class="stat-num">{{ unchanged_manual }}</div>
    <div class="stat-label">Unchanged MANUAL</div>
  </div>
</section>

{% macro vrow(a, b, label) %}
  {% set f = b or a %}
  <article class="finding {{ 'fail' if (b and b.is_fail) else 'pass' }}">
    <header class="row">
      <span class="badge {{ f.severity|lower }}">{{ f.severity }}</span>
      <span class="status">{{ label }}</span>
      <span class="check-id">{{ f.check_id }}</span>
      {% if f.stig_cat %}<span class="cat">CAT {{ f.stig_cat }}</span>{% endif %}
    </header>
    <div class="title">{{ f.title }}</div>
    <div class="diff-line">
      <span class="muted">Before:</span>
      <code>{{ (a.status if a else '—') }}</code>
      &nbsp;→&nbsp;
      <span class="muted">After:</span>
      <code>{{ (b.status if b else '—') }}</code>
    </div>
    {% if b and b.is_fail and b.deviation %}
      <div class="deviation">
        <div><span class="label">Expected:</span> {{ b.deviation.expected }}</div>
        <div><span class="label">Actual:</span> <code>{{ b.deviation.actual }}</code></div>
      </div>
    {% endif %}
  </article>
{% endmacro %}

{% if new_fail %}
<section class="bucket bucket-fail">
  <h2>NEW FAIL — {{ new_fail|length }}</h2>
  {% for a, b in new_fail %}{{ vrow(a, b, "NEW FAIL") }}{% endfor %}
</section>
{% endif %}

{% if resolved %}
<section class="bucket bucket-pass">
  <h2 style="color:#86efac;">RESOLVED — {{ resolved|length }}</h2>
  {% for a, b in resolved %}{{ vrow(a, b, "RESOLVED") }}{% endfor %}
</section>
{% endif %}

{% if changed %}
<section class="bucket bucket-applicable">
  <details>
    <summary><h2>OTHER STATUS CHANGES — {{ changed|length }}</h2></summary>
    {% for a, b in changed %}{{ vrow(a, b, "CHANGED") }}{% endfor %}
  </details>
</section>
{% endif %}

{% endblock %}