import type { Metadata } from 'next';
import { redirect } from 'next/navigation';
import { t } from '@/i18n';
import { isAdminAuthed } from '@/lib/admin-auth';
import { routes } from '@/lib/site';
import { AdminNav } from '@/components/admin/admin-nav';
import { logoutAction } from '../actions';

export const metadata: Metadata = { title: t('admin.title'), robots: { index: false, follow: false } };
export const dynamic = 'force-dynamic';

/** Every page in this group requires the admin cookie; otherwise → /admin/login. */
export default async function AdminLayout({ children }: { children: React.ReactNode }) {
  if (!(await isAdminAuthed())) redirect(routes.adminLogin());
  return (
    <div className="pb-10 pt-4 md:pt-6">
      <div className="flex flex-wrap items-center justify-between gap-3 border-b border-rule pb-2">
        <div className="flex min-w-0 items-center gap-4">
          <span className="eyebrow">{t('admin.title')}</span>
          <AdminNav />
        </div>
        <form action={logoutAction}>
          <button type="submit" className="inline-flex min-h-[36px] items-center rounded-sm border border-rule px-2.5 text-xs text-ink-2 hover:bg-surface-2 hover:text-ink">
            {t('admin.logout')}
          </button>
        </form>
      </div>
      <div className="min-w-0 text-sm">{children}</div>
    </div>
  );
}