{% extends 'layouts/admin.html' %}

{% block main %}
    <div class="admin-page-header">
        <div>
            <p class="eyebrow">Administration</p>
            <h1 class="h2 mb-1">Settings</h1>
            <p class="text-secondary mb-0">Review runtime configuration and supported signage defaults.</p>
        </div>
        <a class="btn btn-outline-secondary" href="{{ url_for('admin.get_dashboard') }}">Back to dashboard</a>
    </div>

    <section class="row g-3 mb-4" aria-label="Application settings">
        <div class="col-lg-6">
            <article class="card h-100">
                <div class="card-body">
                    <h2 class="h5 mb-3">Application</h2>
                    <dl class="settings-list">
                        {% for label, value in settings.application %}
                            <div>
                                <dt>{{ label }}</dt>
                                <dd>{{ value }}</dd>
                            </div>
                        {% endfor %}
                    </dl>
                </div>
            </article>
        </div>
        <div class="col-lg-6">
            <article class="card h-100">
                <div class="card-body">
                    <h2 class="h5 mb-3">Storage</h2>
                    <dl class="settings-list">
                        {% for label, value in settings.storage %}
                            <div>
                                <dt>{{ label }}</dt>
                                <dd>{{ value }}</dd>
                            </div>
                        {% endfor %}
                    </dl>
                </div>
            </article>
        </div>
    </section>

    {% if settings.production_warnings %}
        <section class="card mb-4 border-warning" aria-label="Production warnings">
            <div class="card-body">
                <h2 class="h5 mb-3">Production Warnings</h2>
                <ul class="mb-0">
                    {% for warning in settings.production_warnings %}
                        <li>{{ warning }}</li>
                    {% endfor %}
                </ul>
            </div>
        </section>
    {% endif %}

    <section class="card mb-4" aria-label="Operational diagnostics">
        <div class="card-body">
            <h2 class="h5 mb-3">Operational Diagnostics</h2>
            <dl class="settings-list settings-list-wide mb-0">
                {% for label, value in settings.diagnostics %}
                    <div>
                        <dt>{{ label }}</dt>
                        <dd>{{ value }}</dd>
                    </div>
                {% endfor %}
            </dl>
        </div>
    </section>

    <section class="card" aria-label="Catalog defaults">
        <div class="card-body">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-3">
                <h2 class="h5 mb-0">Catalog Defaults</h2>
                <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('admin.list_fonts') }}">Manage fonts</a>
            </div>
            <dl class="settings-list settings-list-wide">
                {% for label, value in settings.catalog %}
                    <div>
                        <dt>{{ label }}</dt>
                        <dd>{{ value }}</dd>
                    </div>
                {% endfor %}
            </dl>
        </div>
    </section>

    <section class="card mt-4" aria-label="Database summary">
        <div class="card-body">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-3">
                <div>
                    <h2 class="h5 mb-1">Database</h2>
                    <p class="text-secondary mb-0">Current startup database configuration.</p>
                </div>
                {% if can_admin() %}
                    <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('admin.manage_database_settings') }}">Manage database</a>
                {% endif %}
            </div>
            <dl class="settings-list settings-list-wide mb-0">
                <div>
                    <dt>Current database</dt>
                    <dd>{{ settings.database.label }}</dd>
                </div>
                <div>
                    <dt>Environment key</dt>
                    <dd><code>{{ settings.database.env_key }}</code></dd>
                </div>
                <div>
                    <dt>Environment file</dt>
                    <dd>{{ settings.database.env_file }}</dd>
                </div>
            </dl>
        </div>
    </section>

    <section class="card mt-4" aria-label="Logo summary">
        <div class="card-body">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-3">
                <div>
                    <h2 class="h5 mb-1">Logo</h2>
                    <p class="text-secondary mb-0">Current global logo overlay configuration.</p>
                </div>
                {% if can_admin() %}
                    <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('admin.manage_logo_settings') }}">Manage logo</a>
                {% endif %}
                {% if logo_settings.has_logo %}
                    <img class="settings-logo-preview"
                         src="{{ url_for('admin_media.uploaded_media', filename=logo_settings.logo_file_path) }}"
                         alt="{{ logo_settings.logo_original_filename or 'Current logo' }}">
                {% endif %}
            </div>

            <dl class="settings-list settings-list-wide mb-0">
                {% for label, value in settings.logo %}
                    <div>
                        <dt>{{ label }}</dt>
                        <dd>{{ value }}</dd>
                    </div>
                {% endfor %}
            </dl>
        </div>
    </section>
{% endblock %}