import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
import { AdminSidebar } from "./client";
import { Metadata } from "next";
import { getServerSession } from "next-auth";
import { authOptions } from "@/app/api/auth/[...nextauth]/route";
import { getSessionDiscordId } from "@/lib/auth";
import { getDiscordMemberProfile } from "@/lib/discord";

export const metadata: Metadata = {
  title: {
    default: "Admin",
    template: "%s | Erika!",
  },
}

export default async function AdminFormLayout(
  props: {
    children: React.ReactNode;
    params: Promise<{ id: string }>;
  }
) {
  const params = await props.params;
  const session = await getServerSession(authOptions);
  
  let profile = null;
  const discordId = getSessionDiscordId(session);
  if (discordId) {
    profile = await getDiscordMemberProfile(discordId);
  }

  return (
    <SidebarProvider>
      <div className="flex w-full bg-background text-foreground">
        <AdminSidebar 
          formId={params.id} 
          userName={session?.user?.name || ""}
          userImage={session?.user?.image || ""}
          profile={profile}
        />
        <div className="flex-1 overflow-hidden">
          <div className="md:hidden p-2">
            <SidebarTrigger />
          </div>
          {props.children}
        </div>
      </div>
    </SidebarProvider>
  );
}