import { auth } from "@/app/(auth)/auth";
import { TopNavbar } from "@/components/top-navbar";
import { getSiteSettings, getNavLinks } from "@/lib/db/queries";

export default async function AdminLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const [session, siteSettings, navLinks] = await Promise.all([
    auth(),
    getSiteSettings(),
    getNavLinks(),
  ]);

  return (
    <div className="flex min-h-screen flex-col bg-background">
      <TopNavbar
        siteName={siteSettings.siteName}
        siteLogo={siteSettings.siteLogo || undefined}
        siteLogoDark={siteSettings.siteLogoDark || undefined}
        isAdmin={session?.user?.type === "admin"}
        customLinks={navLinks.map((link) => ({
          id: link.id,
          name: link.name,
          url: link.url,
          order: link.order,
        }))}
      />
      <div className="flex-1 pt-16">{children}</div>
    </div>
  );
}