import Link from 'next/link';
import type { Metadata } from 'next';
import { requireAdmin } from '@/lib/auth/current-user';
import AppNav from '@/components/AppNav';

export const metadata: Metadata = { title: 'Admin · Reformix' };

const ADMIN_LINKS = [
  { href: '/admin', label: 'Resumen', icon: 'resumen' },
  { href: '/admin/usuarios', label: 'Usuarios', icon: 'usuarios' },
  { href: '/admin/planes', label: 'Planes', icon: 'planes' },
] as const;

export default async function AdminLayout({ children }: { children: React.ReactNode }) {
  await requireAdmin();
  return (
    <div className="min-h-screen bg-gray-50">
      <header className="sticky top-0 z-20 bg-white border-b border-gray-200">
        <div className="relative max-w-6xl mx-auto px-6 h-16 flex items-center justify-between">
          <Link href="/admin" className="flex items-center gap-2 min-w-0">
            <span className="inline-flex shrink-0 items-center justify-center w-8 h-8 rounded-lg bg-black text-white font-black italic text-lg leading-none">R</span>
            <span className="font-extrabold tracking-tight text-black">Reformix</span>
            <span className="hidden sm:inline text-gray-300">/</span>
            <span className="hidden sm:inline text-sm font-medium text-gray-600">Admin</span>
          </Link>
          <AppNav links={ADMIN_LINKS} />
        </div>
      </header>
      <main className="max-w-6xl mx-auto px-6 py-8 pb-24 sm:pb-8">{children}</main>
    </div>
  );
}