import { redirect } from "next/navigation";
import { Ticket } from "lucide-react";
import { getCurrentSession } from "@/lib/auth/session";
import { LogoutButton } from "./logout-button";
import { NavLinks } from "./nav-links";
import { ThemeToggle } from "./theme-toggle";

export default async function AdminLayout({ children }: { children: React.ReactNode }) {
  const session = await getCurrentSession();
  if (!session) {
    redirect("/login");
  }

  return (
    <div className="flex min-h-screen flex-col bg-bg">
      <header className="border-b border-border bg-surface">
        <div className="mx-auto flex max-w-7xl items-center gap-6 px-6 py-3">
          <div className="flex items-center gap-2 font-display text-[15px] font-bold tracking-tight">
            <div className="flex h-7 w-7 items-center justify-center rounded-md bg-accent text-white">
              <Ticket size={15} strokeWidth={2.5} />
            </div>
            top-tickets
          </div>
          <NavLinks />
          <div className="ml-auto flex items-center gap-3">
            <span className="text-sm text-text-muted">{session.user.name}</span>
            <ThemeToggle />
            <LogoutButton />
          </div>
        </div>
      </header>
      <main className="mx-auto w-full max-w-7xl flex-1 px-6 py-6">{children}</main>
    </div>
  );
}