import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
import { FormAdminSidebar } from "@/components/form-admin-sidebar";
import { Metadata } from "next";
import { getServerSession } from "next-auth";
import { authOptions } from "@/lib/auth-options";
import { getSessionDiscordId } from "@/lib/auth";
import { getDiscordMemberProfile } from "@/lib/discord";
import { db } from "@/db";
import { notFound } from "next/navigation";

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, form] = await Promise.all([
    getServerSession(authOptions),
    db.query.forms.findFirst({
      where: (record, { eq }) => eq(record.id, params.id),
    }),
  ]);

  if (!form) {
    notFound();
  }
  
  let profile = null;
  const discordId = getSessionDiscordId(session);
  if (discordId) {
    profile = await getDiscordMemberProfile(discordId);
  }

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