{% extends "base.html" %}
{% import "macros/workspace_ui.html" as ui %}

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

{% block content %}
<main class="blocks-workspace mx-auto w-full max-w-3xl px-4 py-8 text-foreground sm:px-6 sm:py-12" data-plugin="version">
    {{ ui::notice() }}
    <section class="rounded-2xl border border-divider bg-surface p-5 shadow-sm sm:p-8" aria-labelledby="version-title">
        <p class="text-sm font-semibold text-primary">About this site</p>
        <h1 id="version-title" class="mt-1 text-2xl font-bold tracking-tight sm:text-3xl">Version</h1>
        <dl class="mt-5 divide-y divide-divider">
            <div class="grid gap-2 py-4 sm:grid-cols-[9rem_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-[9rem_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>
        </dl>
    </section>
</main>
{% endblock %}