{{ define "content" }}
<div class="space-y-6">
    <header class="space-y-1">
        <h1 class="text-2xl font-bold leading-tight">{{ .locale.Tr "admin.admin_panel" }}</h1>
        <p class="text-muted-foreground text-sm">{{ .locale.Tr "admin.general" }}</p>
    </header>

    <div class="grid gap-4 sm:grid-cols-2">
        <!-- Versions -->
        <section class="bg-card rounded-lg border">
            <div class="border-b px-4 py-3">
                <h2 class="font-semibold">{{ .locale.Tr "admin.versions" }}</h2>
            </div>
            <dl class="divide-y text-sm">
                <div class="flex items-center justify-between px-4 py-2">
                    <dt class="text-muted-foreground">Opengist</dt>
                    <dd class="font-medium">{{ .opengistVersion }}</dd>
                </div>
                <div class="flex items-center justify-between px-4 py-2">
                    <dt class="text-muted-foreground">Go</dt>
                    <dd class="font-medium">{{ .goVersion }}</dd>
                </div>
                <div class="flex items-center justify-between px-4 py-2">
                    <dt class="text-muted-foreground">Git</dt>
                    <dd class="font-medium">{{ .gitVersion }}</dd>
                </div>
            </dl>
        </section>

        <!-- Stats -->
        <section class="bg-card rounded-lg border">
            <div class="border-b px-4 py-3">
                <h2 class="font-semibold">{{ .locale.Tr "admin.stats" }}</h2>
            </div>
            <dl class="divide-y text-sm">
                <div class="flex items-center justify-between px-4 py-2">
                    <dt class="text-muted-foreground">{{ .locale.Tr "admin.users" }}</dt>
                    <dd class="font-medium">{{ .countUsers }}</dd>
                </div>
                <div class="flex items-center justify-between px-4 py-2">
                    <dt class="text-muted-foreground">{{ .locale.Tr "admin.gists" }}</dt>
                    <dd class="font-medium">{{ .countGists }}</dd>
                </div>
                <div class="flex items-center justify-between px-4 py-2">
                    <dt class="text-muted-foreground">{{ .locale.Tr "admin.ssh_keys" }}</dt>
                    <dd class="font-medium">{{ .countKeys }}</dd>
                </div>
            </dl>
        </section>
    </div>
</div>
{{ end }}