{% extends "base.html" %}
{% block content %}
<section class="hero glass config-hero">
  <div>
    <p class="eyebrow">Admin Config</p>
    <h1>Resolved settings are shown exactly as Kahlo is running them.</h1>
    <p class="lede">
      This view surfaces the active Kahlo config path and the sanitized effective settings after
      YAML, environment, and model defaults have been applied.
    </p>
  </div>
  <div class="summary-strip config-summary">
    <div class="summary-chip summary-chip-wide">
      <span class="metric-label">Active Config Path</span>
      <strong class="mono">{{ active_config_path }}</strong>
    </div>
    <div class="summary-chip">
      <span class="metric-label">Version</span>
      <strong class="mono">{{ build_version }}</strong>
    </div>
    <div class="summary-chip">
      <span class="metric-label">Tag</span>
      <strong class="mono">{{ git_metadata.tag }}</strong>
    </div>
  </div>
</section>

<section class="panel glass">
  <div class="panel-header">
    <div>
      <p class="eyebrow">Sanitized Effective Config</p>
      <h2>Resolved rows</h2>
    </div>
    <span class="panel-kicker">{{ config_rows|length }} rows</span>
  </div>
  <div class="config-table-wrap">
    <table class="config-table">
      <thead>
        <tr>
          <th scope="col">Key</th>
          <th scope="col">Value</th>
        </tr>
      </thead>
      <tbody>
        {% for row in config_rows %}
        <tr>
          <td class="mono">{{ row.path }}</td>
          <td class="mono config-value">{{ row.value }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}