{% 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">
      {% for provider in overview.providers %}
        {{ pill(provider, tone='accent') }}
      {% 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>

<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 %}