import type { Metadata } from "next";
import Link from "next/link";
import { ArrowLeft } from "lucide-react";
import { requireAdmin } from "@/lib/auth/guards";
import { AdminSidebar } from "@/components/admin/admin-sidebar";
import { AdminMobileNav } from "@/components/admin/admin-mobile-nav";
import { UserMenu } from "@/components/app/user-menu";
import { Button } from "@/components/ui/button";
import { Logo } from "@/components/ui/logo";
import { NO_INDEX } from "@/lib/seo";

// Authed, DB-backed admin surface — never statically prerender.
export const dynamic = "force-dynamic";

// Authenticated surface — never indexable. Metadata merges down, so every route
// in this group inherits `noindex, nofollow` unless it explicitly overrides it.
export const metadata: Metadata = NO_INDEX;

export default async function AdminLayout({ children }: { children: React.ReactNode }) {
  const session = await requireAdmin();

  return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-30 flex h-16 items-center justify-between border-b border-border bg-background/85 px-4 backdrop-blur-md md:px-6">
        <div className="flex items-center gap-1">
          <AdminMobileNav />
          <Link href="/admin" className="flex items-center gap-2.5" aria-label="Podcast Distribution AI Admin">
            <Logo className="h-7 w-auto" priority />
            <span className="rounded-md bg-foreground px-1.5 py-0.5 font-display text-[11px] font-bold uppercase tracking-wide text-background">
              Admin
            </span>
          </Link>
        </div>
        <div className="flex items-center gap-3">
          <Button asChild variant="ghost" size="sm">
            <Link href="/dashboard">
              <ArrowLeft className="h-4 w-4" /> Back to app
            </Link>
          </Button>
          <UserMenu name={session.user.name} email={session.user.email} image={session.user.image} isAdmin />
        </div>
      </header>

      <div className="flex flex-1">
        <aside className="hidden w-64 shrink-0 border-r border-border bg-background md:block">
          <div className="sticky top-16">
            <AdminSidebar />
          </div>
        </aside>
        <main className="flex-1 bg-secondary/50">
          <div className="container max-w-6xl py-8 md:py-10">{children}</div>
        </main>
      </div>
    </div>
  );
}