import prisma from "@/lib/prisma";
import { getSessionUser } from "@/lib/auth";
import { PageHeader } from "@/components/layout/PageHeader";
import QuizBuilderClient from "./QuizBuilderClient";

export default async function QuizBuilderPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const user = await getSessionUser();
  if (!user) return null;

  const quiz = await prisma.quiz.findUnique({
    where: { id },
    include: {
      teacherSubject: {
        include: {
          subject: true,
          class: true,
        },
      },
      questions: {
        include: { options: true },
        orderBy: { orderNumber: "asc" },
      },
    },
  });

  if (!quiz) {
    return <div className="p-8 text-center text-slate-500">Ujian tidak ditemukan.</div>;
  }

  return (
    <div className="space-y-6">
      <PageHeader
        title={`Bank Soal: ${quiz.title}`}
        description={`Mata Pelajaran ${quiz.teacherSubject.subject.name} • Kelas ${quiz.teacherSubject.class.name} • Total ${quiz.questions.length} Soal`}
        breadcrumbs={[
          { label: "Dashboard", href: "/teacher/dashboard" },
          { label: "Kuis & Ujian", href: "/teacher/quizzes" },
          { label: "Bank Soal" },
        ]}
      />

      <QuizBuilderClient quiz={quiz} />
    </div>
  );
}