import { notFound } from "next/navigation";
import { createClient } from "@/lib/supabase/server";
import { getStudentApplicationOptions } from "@/lib/applications/queries";
import { PageHeader } from "@/components/layout/page-header";
import { ApplicationForm } from "../../application-form";

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

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

  if (!app) notFound();

  return (
    <div>
      <PageHeader
        title={`Edit ${app.applicant_name}`}
        breadcrumb="Application / Student Application / Edit"
      />
      <ApplicationForm options={options} defaults={app} applicationId={id} />
    </div>
  );
}