{% extends "base.html" %}
{% block title %}Environment Config{% endblock %}
{% block content %}
<h1>Environment Config</h1>

<form class="filter-bar" method="get" action="/env">
    <select name="environment">
        <option value="">All environments</option>
        {% for e in environments %}
        <option value="{{ e }}" {% if filters.environment == e %}selected{% endif %}>{{ e }}</option>
        {% endfor %}
    </select>
    <select name="category">
        <option value="">All categories</option>
        {% for c in categories %}
        <option value="{{ c }}" {% if filters.category == c %}selected{% endif %}>{{ c }}</option>
        {% endfor %}
    </select>
    <button type="submit">Filter</button>
    <a href="/env" class="btn-clear">Clear</a>
</form>

<div class="spec-count">{{ configs|length }} entries</div>

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Environment</th>
            <th>Category</th>
            <th>Key</th>
            <th>Value</th>
            <th>v</th>
            <th>Last Changed</th>
        </tr>
    </thead>
    <tbody>
        {% for cfg in configs %}
        <tr>
            <td class="mono"><a href="/env/{{ cfg.id }}">{{ cfg.id }}</a></td>
            <td><span class="env-badge env-{{ cfg.environment }}">{{ cfg.environment }}</span></td>
            <td>{{ cfg.category }}</td>
            <td class="mono">{{ cfg.key }}</td>
            <td class="mono">{% if cfg.sensitive %}<span class="sensitive-mask" title="Sensitive — masked">&#9679;&#9679;&#9679;&#9679;&#9679;&#9679;</span>{% else %}{{ cfg.value }}{% endif %}</td>
            <td>{{ cfg.version }}</td>
            <td class="mono">{{ cfg.changed_at[:16] }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}