{% extends "admin/base.html" %}
{% from "partials/_macros.html" import pill, empty_state %}

{% block page %}
<div class="page-header">
  <div>
    <div class="page-header__eyebrow">Overview</div>
    <h1 class="page-header__title">{{ overview.greeting }}</h1>
    <p class="page-header__subtitle">{{ overview.tagline }}</p>
  </div>
  <div class="row">
    <a class="btn is-ghost is-sm" href="/admin/test">
      {{ icon('plug-zap') }}<span>Test provider</span>
    </a>
    <a class="btn is-primary is-sm" href="/admin/config">
      {{ icon('sliders') }}<span>Open config</span>
    </a>
  </div>
</div>

<div class="stat-grid">
  <a class="stat-card is-link" href="/admin/config#providers">
    <div class="stat-card__label">
      {{ icon('layers') }}<span>Registered providers</span>
      <span class="stat-card__chevron">{{ icon('chevron-right') }}</span>
    </div>
    <div class="stat-card__value tabular">{{ overview.providers|length }}</div>
    <div class="stat-card__footer pill-row">
      {% set _stubs = overview.stub_providers|default([]) %}
      {% for provider in overview.providers %}
        {% if provider in _stubs %}
          {{ pill(provider ~ ' (stub)', tone='neutral') }}
        {% else %}
          {{ pill(provider, tone='accent') }}
        {% endif %}
      {% endfor %}
    </div>
  </a>

  <a class="stat-card is-link" href="/admin/config#tiers">
    <div class="stat-card__label">
      {{ icon('sparkles') }}<span>Model tiers</span>
      <span class="stat-card__chevron">{{ icon('chevron-right') }}</span>
    </div>
    <div class="stat-card__value tabular">{{ overview.tier_count }}</div>
    <div class="stat-card__footer">
      <span class="muted">routes mapping to tiers · {{ overview.route_count }}</span>
    </div>
  </a>

  <a class="stat-card is-link" href="/admin/secrets">
    <div class="stat-card__label">
      {{ icon('shield-check') }}<span>Auth</span>
      <span class="stat-card__chevron">{{ icon('chevron-right') }}</span>
    </div>
    <div class="stat-card__value tabular">{{ overview.api_keys_count }}</div>
    <div class="stat-card__footer">
      {% if overview.api_key_set %}
        {{ pill('primary key set', tone='success', dot=True) }}
      {% else %}
        {{ pill('no primary key', tone='danger', dot=True) }}
      {% endif %}
      {% if overview.allow_unauthenticated_api %}
        {{ pill('anon API allowed', tone='danger') }}
      {% else %}
        {{ pill('anon blocked', tone='success') }}
      {% endif %}
    </div>
  </a>

  <a class="stat-card is-link" href="/admin/config#limits">
    <div class="stat-card__label">
      {{ icon('zap') }}<span>Rate limit / min</span>
      <span class="stat-card__chevron">{{ icon('chevron-right') }}</span>
    </div>
    <div class="stat-card__value tabular">
      {% if overview.rate_limit_per_minute %}
        {{ overview.rate_limit_per_minute }}
      {% else %}∞{% endif %}
    </div>
    <div class="stat-card__footer">
      <span class="muted">
        {% if overview.rate_limit_per_minute %}
          per-key throttle active
        {% else %}
          unlimited
        {% endif %}
      </span>
    </div>
  </a>
</div>

{% if savings %}
<section class="panel" style="margin-top: 24px;" id="savings">
  <div class="panel__header">
    <div>
      <h2 class="panel__title">{{ icon('zap') }} Savings (last 7 days)</h2>
      <p class="panel__subtitle">
        Estimated USD saved by routing through brains versus running every
        call against
        {% if savings.baseline_model %}
          <code>{{ savings.baseline_model }}</code>
        {% else %}
          the <code>default</code> tier
        {% endif %}.
        Powered by the static price catalog at <code>brains.router.prices</code> —
        override per model via the runtime overlay under
        <code>savings.price_catalog</code>.
      </p>
    </div>
  </div>
  <div class="stat-grid" style="padding: 0 var(--space-5) var(--space-5);">
    <div class="stat-card">
      <div class="stat-card__label">{{ icon('zap') }}<span>Saved (7d)</span></div>
      <div class="stat-card__value tabular">${{ "%.2f"|format(savings.totals.savings_usd) }}</div>
      <div class="stat-card__footer muted">
        ${{ "%.2f"|format(savings.totals.cost_actual_usd) }} actual vs
        ${{ "%.2f"|format(savings.totals.cost_baseline_usd) }} baseline
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-card__label">{{ icon('network') }}<span>Calls (7d)</span></div>
      <div class="stat-card__value tabular">{{ savings.totals.calls }}</div>
      <div class="stat-card__footer muted">
        {{ savings.totals.input_tokens }} in / {{ savings.totals.output_tokens }} out
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-card__label">{{ icon('sparkles') }}<span>Top routed model</span></div>
      <div class="stat-card__value tabular" style="font-size: var(--fs-md);">
        {% if savings.top %}
          {{ savings.top[0].routed_model }}
        {% else %}
          —
        {% endif %}
      </div>
      <div class="stat-card__footer muted">
        {% if savings.top %}
          {{ savings.top[0].calls }} calls · ${{ "%.2f"|format(savings.top[0].savings_usd) }} saved
        {% else %}
          no calls recorded yet
        {% endif %}
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-card__label">{{ icon('shield-check') }}<span>Coverage</span></div>
      <div class="stat-card__value tabular">
        {% set total = savings.totals.calls %}
        {% set priced = total - savings.totals.unpriced_calls %}
        {% if total %}{{ ((priced * 100) // total) }}%{% else %}—{% endif %}
      </div>
      <div class="stat-card__footer muted">
        {{ savings.totals.unpriced_calls }} unpriced calls
        {% if savings.totals.stub_calls %}
          · {{ savings.totals.stub_calls }} stub calls excluded
        {% endif %}
      </div>
    </div>
  </div>
  {% if savings.top and savings.top|length > 1 %}
  <table class="data" style="margin: 0 var(--space-5) var(--space-5);">
    <thead>
      <tr><th>Routed model</th><th>Calls</th><th>Saved</th></tr>
    </thead>
    <tbody>
      {% for row in savings.top %}
      <tr>
        <td class="mono">{{ row.routed_model }}</td>
        <td class="tabular">{{ row.calls }}</td>
        <td class="tabular">${{ "%.2f"|format(row.savings_usd) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</section>
{% endif %}

<div class="split-2" style="margin-top: 24px;">
  <div class="panel">
    <div class="panel__header">
      <div>
        <h2 class="panel__title">{{ icon('layers') }} Model tiers</h2>
        <p class="panel__subtitle">How brains classifies requests by quality &amp; cost.</p>
      </div>
      <div class="panel__actions">
        <a class="btn is-ghost is-sm" href="/admin/config#tiers">{{ icon('sliders') }}<span>Edit</span></a>
      </div>
    </div>
    {% if overview.models %}
    <table class="data">
      <thead>
        <tr><th>Tier</th><th>Provider</th><th>Model</th></tr>
      </thead>
      <tbody>
        {% for tier, route in overview.models.items() %}
        <tr>
          <td><code>{{ tier }}</code></td>
          <td>{{ pill(route.provider, tone='accent') }}</td>
          <td class="mono muted">{{ route.model }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
      {{ empty_state('No tiers defined', body='Add a tier in Config to start routing requests.', icon_name='layers') }}
    {% endif %}
  </div>

  <div class="panel">
    <div class="panel__header">
      <div>
        <h2 class="panel__title">{{ icon('network') }} Task routing</h2>
        <p class="panel__subtitle">Which tier each named task is sent to.</p>
      </div>
      <div class="panel__actions">
        <a class="btn is-ghost is-sm" href="/admin/config#routes">{{ icon('sliders') }}<span>Edit</span></a>
      </div>
    </div>
    {% if overview.routes %}
    <table class="data">
      <thead>
        <tr><th>Task</th><th>Tier</th></tr>
      </thead>
      <tbody>
        {% for task, tier in overview.routes.items() %}
        <tr>
          <td>{{ task }}</td>
          <td><code>{{ tier }}</code></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
      {{ empty_state('No routes mapped', body='Map at least one task to a tier.', icon_name='network') }}
    {% endif %}
  </div>
</div>

<div class="split-2" style="margin-top: 24px;">
  <div class="panel">
    <div class="panel__header">
      <div>
        <h2 class="panel__title">{{ icon('key-round') }} Auth &amp; secrets</h2>
        <p class="panel__subtitle">Snapshot of who&rsquo;s authorised to call the gateway.</p>
      </div>
      <div class="panel__actions">
        <a class="btn is-ghost is-sm" href="/admin/secrets">{{ icon('arrow-up-right') }}<span>Manage</span></a>
      </div>
    </div>
    <dl class="kv">
      <dt>Primary admin key</dt>
      <dd>
        {% if overview.api_key_set %}{{ pill('configured', tone='success', dot=True) }}
        {% else %}{{ pill('unset', tone='danger', dot=True) }}{% endif %}
      </dd>

      <dt>Rotation keys</dt>
      <dd>{{ pill(overview.api_keys_count, tone='neutral') }}</dd>

      <dt>OpenAI-compatible key</dt>
      <dd>
        {% if overview.openai_compatible_api_key_set %}{{ pill('resolved', tone='success', dot=True) }}
        {% else %}{{ pill('none', tone='warning', dot=True) }}{% endif %}
      </dd>

      <dt>Anonymous API access</dt>
      <dd>
        {% if overview.allow_unauthenticated_api %}{{ pill('allowed', tone='danger', dot=True) }}
        {% else %}{{ pill('blocked', tone='success', dot=True) }}{% endif %}
      </dd>
    </dl>
  </div>

  <div class="panel">
    <div class="panel__header">
      <div>
        <h2 class="panel__title">{{ icon('hard-drive') }} Runtime overlay</h2>
        <p class="panel__subtitle">Every admin-UI edit lands here. Secrets stay as <code>${ENV:NAME}</code> refs.</p>
      </div>
    </div>
    <p class="mono muted" style="word-break: break-all;">{{ overview.overlay_path }}</p>
    <div class="row" style="margin-top: var(--space-3);">
      <a class="btn is-ghost is-sm" href="/admin/config#advanced">
        {{ icon('sliders') }}<span>Edit overlay</span>
      </a>
      <a class="btn is-ghost is-sm" href="/admin/secrets">
        {{ icon('lock') }}<span>Env vars</span>
      </a>
    </div>
  </div>
</div>
{% endblock %}