{% extends "base.html" %}
{% block title %}Findings Inbox — AADC{% endblock %}
{% block content %}
<div class="container-fluid py-3">

  <!-- Header -->
  <div class="d-flex align-items-center gap-3 mb-3">
    <a href="/agentic-ai/" class="btn btn-sm btn-outline-secondary">← Designs</a>
    <div>
      <h4 class="mb-0">📬 Findings Inbox</h4>
      <small class="text-muted">Cross-design unified findings feed &middot; {{ result.summary.total }} total</small>
    </div>
    <div class="ms-auto d-flex gap-2">
      {% for sev, color in [('CRITICAL','danger'),('HIGH','warning'),('MEDIUM','info'),('LOW','success')] %}
      {% set cnt = result.summary.by_severity.get(sev, 0) %}
      {% if cnt > 0 %}
      <a href="/agentic-ai/findings?severity={{ sev }}" class="badge bg-{{ color }} {{ 'text-dark' if sev in ['HIGH','MEDIUM'] else '' }} text-decoration-none">
        {{ sev }}: {{ cnt }}
      </a>
      {% endif %}
      {% endfor %}
    </div>
  </div>

  <!-- Filter bar -->
  <form method="get" class="card mb-3">
    <div class="card-body py-2 d-flex gap-2 align-items-center flex-wrap">
      <label class="text-muted small fw-semibold me-1">Filter:</label>
      <select name="severity" class="form-select form-select-sm" style="width:130px">
        <option value="">All Severities</option>
        {% for sev in ['CRITICAL','HIGH','MEDIUM','LOW'] %}
        <option value="{{ sev }}" {{ 'selected' if result.filters.severity == sev else '' }}>{{ sev }}</option>
        {% endfor %}
      </select>
      <select name="source" class="form-select form-select-sm" style="width:150px">
        <option value="">All Sources</option>
        {% for src in ['assessment','lint','red_team','ato','regulatory','risk_register'] %}
        <option value="{{ src }}" {{ 'selected' if result.filters.source == src else '' }}>{{ src.replace('_',' ')|title }}</option>
        {% endfor %}
      </select>
      <button type="submit" class="btn btn-sm btn-primary">Apply</button>
      {% if result.filters.severity or result.filters.source %}
      <a href="/agentic-ai/findings" class="btn btn-sm btn-outline-secondary">Clear</a>
      {% endif %}
      <span class="ms-auto text-muted small">{{ result.summary.total }} finding(s)</span>
    </div>
  </form>

  <!-- Source summary -->
  {% if result.summary.by_source %}
  <div class="d-flex flex-wrap gap-2 mb-3">
    {% for src, cnt in result.summary.by_source.items() %}
    <a href="/agentic-ai/findings?source={{ src }}" class="badge bg-secondary text-decoration-none">
      {{ src.replace('_',' ')|title }}: {{ cnt }}
    </a>
    {% endfor %}
  </div>
  {% endif %}

  <!-- Findings table -->
  {% if result.findings %}
  <div class="card">
    <div class="card-body p-0">
      <table class="table table-sm table-hover mb-0">
        <thead class="table-light">
          <tr>
            <th>Severity</th>
            <th>Source</th>
            <th>Design</th>
            <th>Finding</th>
            <th>Detail</th>
          </tr>
        </thead>
        <tbody>
          {% for f in result.findings %}
          <tr>
            <td>
              <span class="badge
                {% if f.severity == 'CRITICAL' %}bg-danger
                {% elif f.severity == 'HIGH' %}bg-warning text-dark
                {% elif f.severity == 'MEDIUM' %}bg-info text-dark
                {% else %}bg-success{% endif %}">
                {{ f.severity }}
              </span>
            </td>
            <td>
              <span class="badge bg-secondary">{{ f.source.replace('_',' ') }}</span>
            </td>
            <td>
              <a href="/agentic-ai/canvas/{{ f.design_id }}" class="small">{{ f.design_name }}</a>
            </td>
            <td class="small">{{ f.title }}</td>
            <td class="text-muted small" style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
                title="{{ f.detail }}">{{ f.detail or '—' }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% else %}
  <div class="card">
    <div class="card-body text-center text-muted py-5">
      <div class="fs-3 mb-2">📬</div>
      <p>No findings match the current filter.</p>
      {% if result.filters.severity or result.filters.source %}
      <a href="/agentic-ai/findings" class="btn btn-sm btn-outline-secondary">Clear filters</a>
      {% else %}
      <p class="small">Run assessments, lint checks, and red team analysis on your designs to populate findings.</p>
      {% endif %}
    </div>
  </div>
  {% endif %}

</div>
{% endblock %}