{% extends "base.html" %}
{% block content %}
<section class="max-w-4xl mx-auto py-12 space-y-8">
  <header>
    <h1 class="text-4xl font-headline font-bold text-primary">Repository Audit</h1>
    <p class="text-on-surface-variant mt-2">
      <code class="text-sm">{{ report.repo_url }}</code>
    </p>
  </header>

  <div class="bg-surface-container-lowest p-6 rounded-xl space-y-2">
    <h2 class="text-2xl font-headline font-bold text-primary">Trace artifacts</h2>
    {% if report.trace_artifacts_found == 0 %}
      <p class="text-on-surface-variant">
        No trace artifacts found in this repository.
        Documentation evidence below is the only basis for this audit.
      </p>
    {% else %}
      <p class="text-on-surface-variant">
        Found {{ report.trace_artifacts_found }} trace artifact(s).
      </p>
      {% if report.trace_report %}
      <p class="text-on-surface-variant">
        Overall trace compliance score:
        <strong class="font-headline">{{ "%.1f"|format(report.trace_report.overall_score * 100) }}%</strong>
      </p>
      {% endif %}
    {% endif %}
  </div>

  <div class="bg-surface-container-lowest p-6 rounded-xl space-y-4">
    <h2 class="text-2xl font-headline font-bold text-primary">Documentation evidence</h2>
    <p class="text-sm text-on-surface-variant">
      {{ doc_summary.present }} present &middot;
      {{ doc_summary.partial }} partial &middot;
      {{ doc_summary.absent }} absent &middot;
      {{ doc_summary.total }} total
    </p>
    <table class="w-full text-sm">
      <thead>
        <tr class="text-left text-outline">
          <th class="py-2 text-[10px] font-bold uppercase tracking-widest">Requirement</th>
          <th class="text-[10px] font-bold uppercase tracking-widest">Regulation</th>
          <th class="text-[10px] font-bold uppercase tracking-widest">Status</th>
          <th class="text-[10px] font-bold uppercase tracking-widest">Evidence</th>
        </tr>
      </thead>
      <tbody>
        {% for r in report.doc_results %}
        <tr class="border-t border-outline-variant/30">
          <td class="py-2 font-mono text-xs"><code>{{ r.check.id }}</code></td>
          <td>{{ r.check.regulation }} {{ r.check.article }}</td>
          <td>
            {% if r.status == "present" %}<span class="status-satisfied font-semibold">present</span>
            {% elif r.status == "partial" %}<span class="status-partial font-semibold">partial</span>
            {% else %}<span class="status-missing font-semibold">absent</span>
            {% endif %}
          </td>
          <td class="text-on-surface-variant">{{ r.evidence }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}