{% extends "admin/base.html" %}
{% block title %}Settings{% endblock %}
{% block content %}
<div class="corporate-page settings-page">
  <header class="corporate-header"><div><p class="admin-eyebrow">Configuration</p><h1>Admin settings</h1><p class="corporate-subtitle">Control the application identity and declared settings exposed by your project.</p></div><div class="corporate-actions"><a class="corporate-button corporate-button-muted" href="{{ dashboard.url_prefix }}/operations"><i class="fas fa-heart-pulse"></i><span>Operations</span></a></div></header>
  <div class="corporate-alert corporate-alert-info"><i class="fas fa-circle-info"></i><span>Only fields declared by <code>AdminConfig</code> are editable here. Configuration is persisted through the configured AdminStore.</span></div>
  <form method="post" class="corporate-settings-form">
    <input type="hidden" name="_csrf" value="{{ dashboard.csrf_token() }}">
    <section class="corporate-panel"><div class="corporate-panel-header"><div><p class="corporate-kicker">Brand and identity</p><h2>Site identity</h2><p class="corporate-muted">These values appear in the Admin shell and browser title.</p></div><i class="fas fa-building corporate-panel-icon"></i></div><div class="corporate-form-grid"><label class="corporate-field"><span>Site title</span><input name="site_title" value="{{ config.site_title }}" maxlength="120" required><small>Short name used in navigation and page titles.</small></label><label class="corporate-field"><span>Site header</span><input name="site_header" value="{{ config.site_header }}" maxlength="160"><small>Organization or business name shown to administrators.</small></label><label class="corporate-field"><span>Dashboard title</span><input value="{{ config.index_title }}" readonly><small>Set this in application code to keep deployment configuration explicit.</small></label><label class="corporate-field"><span>Timezone</span><input name="timezone" value="{{ config.timezone }}" maxlength="64" required placeholder="UTC"><small>Use an IANA name such as <code>America/Chicago</code>.</small></label></div></section>

    <section class="corporate-panel"><div class="corporate-panel-header"><div><p class="corporate-kicker">Application settings</p><h2>Declared project values</h2><p class="corporate-muted">Your application can expose safe, non-secret settings through <code>AdminConfig(settings={...})</code>.</p></div><span class="corporate-badge corporate-badge-neutral">{{ editable_settings|length }} editable</span></div>{% if config.settings %}<div class="corporate-form-grid">{% for key, value in config.settings.items() %}<label class="corporate-field"><span>{{ key|replace('_', ' ')|title }}</span><input name="{{ key }}" value="{{ value }}"><small>Application-declared setting: <code>{{ key }}</code></small></label>{% endfor %}</div>{% else %}<div class="corporate-empty compact"><i class="fas fa-sliders"></i><strong>No custom settings declared</strong><p>Declare settings in Python when a project needs an editable value.</p></div>{% endif %}</section>

    <section class="corporate-panel"><div class="corporate-panel-header"><div><p class="corporate-kicker">Runtime posture</p><h2>Enabled capabilities</h2><p class="corporate-muted">These controls are deployment settings. They are shown for visibility and remain code-defined.</p></div><i class="fas fa-server corporate-panel-icon"></i></div><div class="capability-list"><div><span>Dark mode</span><strong>{{ 'Enabled' if config.enable_dark_mode else 'Disabled' }}</strong></div><div><span>Global search</span><strong>{{ 'Enabled' if config.enable_search else 'Disabled' }}</strong></div><div><span>List filters</span><strong>{{ 'Enabled' if config.enable_filters else 'Disabled' }}</strong></div><div><span>Pagination</span><strong>{{ 'Enabled' if config.enable_pagination else 'Disabled' }}</strong></div><div><span>Bulk actions</span><strong>{{ 'Enabled' if config.enable_actions else 'Disabled' }}</strong></div></div><p class="corporate-muted settings-note">To change a capability, update <code>AdminConfig</code> in the application and redeploy. Secrets, credentials, and connection URLs should stay in environment variables.</p></section>

    <div class="corporate-form-actions settings-submit"><button class="corporate-button corporate-button-primary" type="submit"><i class="fas fa-save"></i><span>Save settings</span></button><a class="corporate-button corporate-button-muted" href="{{ dashboard.url_prefix }}/">Cancel</a></div>
  </form>
</div>
{% endblock %}