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

{% block page %}
<div class="page-header">
  <div>
    <div class="page-header__eyebrow">Secrets</div>
    <h1 class="page-header__title">Environment</h1>
    <p class="page-header__subtitle">Which <code>${ENV:NAME}</code> references the running process can see right now. Secret values live outside the repo — brains never stores secret material in its YAML.</p>
  </div>
</div>

{{ notice(
    'Brains never persists raw secrets. The overlay stores ${ENV:NAME} references; values come from this process environment at load time. To rotate, update the env var and brains will pick it up on the next reload.',
    tone='info',
) }}

{# Group catalog by category for scanability. #}
{% set categories = {} %}
{% for entry in catalog %}
  {% set cat = entry.category or 'other' %}
  {% if cat not in categories %}{% set _ = categories.update({cat: []}) %}{% endif %}
  {% set _ = categories[cat].append(entry) %}
{% endfor %}
{% set total = catalog|length %}
{% set set_count = catalog|selectattr('set')|list|length %}

<div class="stat-grid">
  <div class="stat-card">
    <div class="stat-card__label">{{ icon('database') }}<span>Known env vars</span></div>
    <div class="stat-card__value tabular">{{ total }}</div>
    <div class="stat-card__footer"><span class="muted">brains may consult these at load time</span></div>
  </div>
  <div class="stat-card">
    <div class="stat-card__label">{{ icon('check-circle') }}<span>Detected in process</span></div>
    <div class="stat-card__value tabular">{{ set_count }}</div>
    <div class="stat-card__footer">
      {% if set_count == total %}
        {{ pill('all wired', tone='success', dot=True) }}
      {% else %}
        {{ pill((total - set_count) ~ ' missing', tone='warning', dot=True) }}
      {% endif %}
    </div>
  </div>
  <div class="stat-card">
    <div class="stat-card__label">{{ icon('layers') }}<span>Categories</span></div>
    <div class="stat-card__value tabular">{{ categories|length }}</div>
    <div class="stat-card__footer"><span class="muted">grouping below</span></div>
  </div>
  <div class="stat-card">
    <div class="stat-card__label">{{ icon('plug-zap') }}<span>Referenced by overlay</span></div>
    <div class="stat-card__value tabular">{{ names|length }}</div>
    <div class="stat-card__footer">
      {% set missing = names | reject('in', status|select|list) | list %}
      {% if names and missing %}
        {{ pill(missing|length ~ ' unresolved', tone='danger', dot=True) }}
      {% elif names %}
        {{ pill('all resolved', tone='success', dot=True) }}
      {% else %}
        <span class="muted">overlay clean</span>
      {% endif %}
    </div>
  </div>
</div>

{% if catalog %}
<h2 style="margin-top: var(--space-6); font-size: var(--fs-xl);">Known env vars brains reads</h2>
{% for cat, entries in categories.items() %}
<div class="panel" style="margin-top: var(--space-5);" id="cat-{{ cat }}">
  <div class="panel__header">
    <div>
      <h2 class="panel__title">{{ icon('layers') }} {{ cat | capitalize }}</h2>
      <p class="panel__subtitle">{{ entries|length }} variable{{ '' if entries|length == 1 else 's' }} brains may read for this domain.</p>
    </div>
    <div class="panel__actions">
      {% set cat_set = entries | selectattr('set') | list | length %}
      {% if cat_set == entries|length %}
        {{ pill('all set', tone='success', dot=True) }}
      {% else %}
        {{ pill(cat_set ~ '/' ~ entries|length ~ ' set', tone='warning', dot=True) }}
      {% endif %}
    </div>
  </div>
  <table class="data">
    <thead>
      <tr><th>Name</th><th>Status</th><th>Required</th><th>Purpose</th></tr>
    </thead>
    <tbody>
      {% for entry in entries %}
      <tr>
        <td><code class="mono">{{ entry.name }}</code></td>
        <td>
          {% if entry.set %}
            {{ pill('set', tone='success', dot=True) }}
          {% else %}
            {{ pill('missing', tone='danger', dot=True) }}
          {% endif %}
        </td>
        <td><span class="muted" style="font-size: var(--fs-xs);">{{ entry.required or '' }}</span></td>
        <td class="muted">{{ entry.purpose or '' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endfor %}
{% else %}
  {{ empty_state('Catalog is empty', body='No environment variables are declared in the brains env catalog yet.', icon_name='database') }}
{% endif %}

<div class="panel" style="margin-top: var(--space-5);">
  <div class="panel__header">
    <div>
      <h2 class="panel__title">{{ icon('plug-zap') }} Currently referenced by the overlay</h2>
      <p class="panel__subtitle">Env vars the active runtime overlay points at. These get resolved on next reload.</p>
    </div>
  </div>
  {% if names %}
  <table class="data">
    <thead><tr><th>Env var</th><th>Status in this process</th></tr></thead>
    <tbody>
      {% for name in names %}
      <tr>
        <td><code class="mono">{{ name }}</code></td>
        <td>
          {% if status.get(name) %}
            {{ pill('set', tone='success', dot=True) }}
          {% else %}
            {{ pill('missing', tone='danger', dot=True) }}
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
    {{ empty_state(
        'No env references in the overlay',
        body='When you save a provider key using ${ENV:NAME} syntax, the names will appear here so you can verify they are set in this process.',
        icon_name='lock',
    ) }}
  {% endif %}
</div>
{% endblock %}