{# Audit dashboard - adapted from governor_web/templates/dashboard/index.html
   @ 19455c57c5a9. Same layout grammar (ui-shell → ui-page-header → stat
   cards → main grid with cost drivers + active issues panes) so the
   styling matches governor-web 1:1. The audit package's empty-state
   redirect lives at the route level, so this template only renders
   when there is data to show. #}
{% extends "layout.html" %}

{% block content %}
<section class="ui-shell">
  <div class="ui-page-header flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
    <div>
      <h1 class="ui-page-title">Dashboard</h1>
    </div>
    <a href="/admin/configurations" class="text-sm text-brand-500 dark:text-brand-300 hover:underline whitespace-nowrap">Configuration &amp; re-scan &rarr;</a>
  </div>

  {# ── Headline card - single dollar value that answers
     "what is Governor telling me to act on?". flagged_spend is the
     sum of cached job cost across jobs with ≥1 active opportunity,
     deduped by job_id. The "Review opportunities" CTA turns this
     from a passive report into an actionable workflow surface. #}
  {% if totals.flagged_spend and totals.flagged_spend > 0 %}
  <div class="ui-pane mt-8 flex flex-col md:flex-row md:items-center md:justify-between gap-4">
    <div>
      <p class="text-sm font-medium uppercase tracking-wider text-amber-600 dark:text-amber-300">Optimisable spend</p>
      <p class="mt-2 text-4xl font-semibold text-slate-900 dark:text-slate-100">{{ totals.flagged_spend | format_usd }}</p>
      <p class="mt-2 text-sm text-slate-500 dark:text-slate-400">
        {% set _jobs = flagged_jobs_count if flagged_jobs_count is defined else 0 %}
        Across {{ "{:,}".format(_jobs) }} flagged job{{ "s" if _jobs != 1 else "" }}
        {% if totals.total_cost_usd and totals.flagged_spend %}
        · {{ "%.0f" | format(totals.flagged_spend / totals.total_cost_usd * 100) }}% of scanned spend
        {% endif %}
      </p>
    </div>
    <a href="/opportunities" class="ui-btn-primary whitespace-nowrap">
      Review issues &amp; suggestions
      <span aria-hidden="true">&rarr;</span>
    </a>
  </div>
  {% endif %}

  {# ── Stat cards (secondary, supporting context to the headline) ── #}
  <div class="mt-6">
  {% include "dashboard/_cost_summary.html" %}
  </div>

  {# ── Main grid: dashboard keeps the high-level cost breakdowns.
     Dense cost-driver analysis now lives on /cost-analysis. #}
  <div class="mt-8 grid gap-6 lg:grid-cols-2">
    {% include "dashboard/_top_expensive_jobs.html" %}
    {% include "dashboard/_top_critical_issues.html" %}
    <div class="lg:col-span-2 grid gap-6 lg:grid-cols-2">
      {% include "dashboard/_origin_breakdown.html" %}
      {% include "dashboard/_author_breakdown.html" %}
    </div>
    {# Top Failed Jobs widget removed - failed jobs don't carry direct
       on-demand BigQuery cost (BigQuery refunds bytes-billed on most
       failure modes), and a second 10-row table on the dashboard
       diluted the cost-first narrative. Reliability detail lives on
       /failures (sidebar nav) where it belongs. #}
  </div>
</section>
{% endblock %}