import { notFound } from "next/navigation";
import { createClient } from "@/lib/supabase/server";
import { getCourseFormOptions } from "@/lib/courses/queries";
import { PageHeader } from "@/components/layout/page-header";
import { CourseForm } from "../../course-form";

export default async function EditCoursePage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const supabase = await createClient();

  const [{ data: course }, options] = await Promise.all([
    supabase.from("courses").select("*").eq("id", id).single(),
    getCourseFormOptions(),
  ]);

  if (!course) notFound();

  return (
    <div>
      <PageHeader title="Edit Course" breadcrumb="Course Finder / Edit Course" />
      <CourseForm options={options} defaults={course} courseId={id} />
    </div>
  );
}