{% extends "base.html" %}
{% from "_macros.html" import status_badge %}

{% block title %}DCF Dashboard — Breach History{% endblock %}

{% block content %}
<h1 class="text-2xl font-bold text-slate-900">Breach History</h1>
<p class="mt-1 text-sm text-slate-500">All validation results, filterable by status.</p>

<form method="get" class="mt-4 flex flex-wrap gap-4 rounded-lg border border-slate-200 bg-white p-4 shadow-sm">
  {% for s in all_statuses %}
  <label class="flex items-center gap-2 text-sm text-slate-700">
    <input type="checkbox" name="status" value="{{ s }}"
           {% if s in selected_status %}checked{% endif %}
           class="rounded border-slate-300 text-indigo-600 focus:ring-indigo-500">
    {{ s }}
  </label>
  {% endfor %}
  <button type="submit"
          class="ml-auto rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-medium text-white hover:bg-indigo-500">
    Apply
  </button>
</form>

<div class="mt-4 overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm">
  {% if results %}
  <table class="min-w-full divide-y divide-slate-200 text-sm">
    <thead class="bg-slate-50">
      <tr>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Validated At</th>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Contract</th>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Version</th>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Status</th>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Rows</th>
      </tr>
    </thead>
    <tbody class="divide-y divide-slate-100">
      {% for r in results %}
      <tr class="hover:bg-slate-50">
        <td class="px-4 py-2 text-slate-600">{{ r.validated_at }}</td>
        <td class="px-4 py-2">
          <a href="/contracts/{{ r.contract_name }}" class="font-medium text-indigo-600 hover:underline">{{ r.contract_name }}</a>
        </td>
        <td class="px-4 py-2 text-slate-600">v{{ r.contract_version }}</td>
        <td class="px-4 py-2">{{ status_badge(r.overall_status) }}</td>
        <td class="px-4 py-2 text-slate-600">{{ r.row_count if r.row_count is not none else "—" }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="px-4 py-6 text-sm text-slate-500">No validation results match this filter.</p>
  {% endif %}
</div>
{% endblock %}