import Link from 'next/link';
import { AdminNav } from '@/components/AdminNav';
import { requireAdmin } from '@/lib/server/auth';
import { t } from '@/lib/i18n';

export const dynamic = 'force-dynamic';

export default async function AdminLayout({ children }: { children: React.ReactNode }) {
  const admin = await requireAdmin();
  return (
    <div className="flex min-h-screen flex-col">
      <header className="border-b" style={{ borderColor: 'var(--border)' }}>
        <div className="page flex h-16 items-center justify-between">
          <Link href="/" className="text-lg font-bold">
            {t('brand.name')} <span className="muted font-normal">/ {t('admin.title')}</span>
          </Link>
          <span className="muted text-sm">{admin.email}</span>
        </div>
      </header>
      <div className="page flex flex-1 flex-col gap-6 py-8 md:flex-row">
        <aside className="md:w-52 md:shrink-0">
          <AdminNav />
        </aside>
        <main className="min-w-0 flex-1">{children}</main>
      </div>
    </div>
  );
}