{% from "partials/_macros.html" import verdict_pill %}

<div class="bg-slate-900 border border-slate-800 rounded-lg p-5">
  <div class="text-[10px] uppercase tracking-widest text-slate-500 mb-2">runs in db</div>
  <div class="text-3xl font-semibold text-slate-100">{{ runs_total }}</div>
</div>

<div class="bg-slate-900 border border-slate-800 rounded-lg p-5">
  <div class="text-[10px] uppercase tracking-widest text-slate-500 mb-2">collectors (latest)</div>
  <div class="flex items-baseline gap-2">
    <span class="text-3xl font-semibold text-emerald-400">
      {% if latest_run %}{{ latest_run.collectors_ok }}{% else %}–{% endif %}
    </span>
    <span class="text-sm text-slate-500">ok</span>
    {% if latest_run and latest_run.collectors_failed %}
      <span class="text-sm text-red-400 ml-3">{{ latest_run.collectors_failed }}</span>
      <span class="text-sm text-slate-500">failed</span>
    {% endif %}
  </div>
</div>

<div class="bg-slate-900 border border-slate-800 rounded-lg p-5">
  <div class="text-[10px] uppercase tracking-widest text-slate-500 mb-2">judgments since latest run</div>
  <div class="text-3xl font-semibold text-slate-100">{{ judged_this_run }}</div>
</div>

{% set vc = {
  'malicious':  verdict_counts.get('malicious',  0),
  'suspicious': verdict_counts.get('suspicious', 0),
  'unknown':    verdict_counts.get('unknown',    0),
  'benign':     verdict_counts.get('benign',     0),
} %}
{% set vc_total = vc.values() | sum %}
<div class="bg-slate-900 border border-slate-800 rounded-lg p-5">
  <div class="text-[10px] uppercase tracking-widest text-slate-500 mb-3">verdict totals</div>
  <div class="flex items-center gap-4">
    <div class="relative w-20 h-20 flex-shrink-0">
      <canvas id="verdict-donut"
              class="js-verdict-donut"
              data-malicious="{{ vc.malicious }}"
              data-suspicious="{{ vc.suspicious }}"
              data-unknown="{{ vc.unknown }}"
              data-benign="{{ vc.benign }}"></canvas>
      <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
        <span class="text-sm font-mono text-slate-200 tabular-nums">{{ vc_total }}</span>
      </div>
    </div>
    <div class="flex-1 space-y-1 text-xs">
      {% set rows = [
        ('malicious',  'bg-red-500',     'text-red-300'),
        ('suspicious', 'bg-amber-500',   'text-amber-300'),
        ('unknown',    'bg-slate-500',   'text-slate-300'),
        ('benign',     'bg-emerald-500', 'text-emerald-300'),
      ] %}
      {% for name, dot_cls, label_cls in rows %}
        <div class="flex items-center justify-between">
          <span class="flex items-center gap-2 {{ label_cls }}">
            <span class="w-1.5 h-1.5 rounded-full {{ dot_cls }}"></span>{{ name }}
          </span>
          <span class="font-mono tabular-nums text-slate-300">{{ vc[name] }}</span>
        </div>
      {% endfor %}
    </div>
  </div>
</div>