{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}
{% import "macros/workspace_ui.html" as ui %}

{% block page_title %}Version{% endblock %}

{% block admin_content %}
<main class="blocks-workspace mx-auto w-full max-w-4xl space-y-5 px-4 py-5 text-foreground sm:px-6 sm:py-8" data-plugin="version">
    {{ mh::management_header_simple(title="Version", subtitle="Build stamp and copyright for this deployment.", wrapper_class="space-y-1", title_heading="h1", include_actions_column=false) }}
    {{ ui::notice() }}
    <section class="rounded-2xl border border-divider bg-surface p-5 shadow-sm sm:p-8" aria-labelledby="version-details-title">
        <h2 id="version-details-title" class="text-base font-semibold">Deployment details</h2>
        <dl class="mt-5 divide-y divide-divider">
            <div class="grid gap-2 py-4 sm:grid-cols-[10rem_minmax(0,1fr)] sm:gap-6">
                <dt class="text-sm font-medium text-muted">Build</dt>
                <dd class="min-w-0"><code class="inline-block break-all rounded-md bg-canvas px-2 py-1 font-mono text-sm">{{ version_build | default(value=build_version) | default(value="—") }}</code></dd>
            </div>
            <div class="grid gap-2 py-4 sm:grid-cols-[10rem_minmax(0,1fr)] sm:gap-6">
                <dt class="text-sm font-medium text-muted">Copyright</dt>
                <dd class="break-words text-sm leading-6">{{ version_copyright | default(value="") }}</dd>
            </div>
            <div class="grid gap-2 py-4 sm:grid-cols-[10rem_minmax(0,1fr)] sm:gap-6">
                <dt class="text-sm font-medium text-muted">Menu audience</dt>
                <dd class="text-sm">{{ menu_audience | default(value="both") }}</dd>
            </div>
        </dl>
        <p class="mt-4 border-t border-divider pt-4 text-sm leading-6 text-muted">Change menu audience and copyright text under <strong class="font-semibold text-foreground">Settings → Apps → Version</strong>.</p>
    </section>
</main>
{% endblock %}