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

{% block title %}DCF Dashboard — {{ name }}{% endblock %}

{% block content %}
<a href="/" class="text-sm text-indigo-600 hover:underline">&larr; Back to overview</a>

<h1 class="mt-2 text-2xl font-bold text-slate-900">{{ name }}</h1>

{% if detail %}
<p class="mt-1 text-sm text-slate-500">
  Current version <span class="font-medium text-slate-700">v{{ detail.version }}</span>
  · published {{ detail.published_at }}
</p>

<h2 class="mt-8 text-lg font-semibold text-slate-900">Contract Definition</h2>
<pre class="mt-3 overflow-x-auto rounded-lg border border-slate-200 bg-slate-900 p-4 text-xs text-slate-100">{{ detail_json }}</pre>
{% endif %}

<h2 class="mt-8 text-lg font-semibold text-slate-900">Validation History (last 30)</h2>
<div class="mt-3 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">Status</th>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Rows</th>
        <th class="px-4 py-2 text-left font-medium text-slate-500">Version</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">{{ 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>
        <td class="px-4 py-2 text-slate-600">v{{ r.contract_version }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="px-4 py-6 text-sm text-slate-500">No validation results for this contract yet.</p>
  {% endif %}
</div>
{% endblock %}