import { notFound } from "next/navigation"
import type { Metadata } from "next"
import type { JSX } from "react"

import { getCoursePlanById } from "@/modules/course-plans/data-access"
import { CoursePlanDetail } from "@/modules/course-plans/components/course-plan-detail"

export const metadata: Metadata = {
  title: "课程计划详情 - Next_Edu",
  description: "查看课程计划详情",
}

export const dynamic = "force-dynamic"

export default async function CoursePlanDetailPage({
  params,
}: {
  params: Promise<{ id: string }>
}): Promise<JSX.Element> {
  const { id } = await params
  const plan = await getCoursePlanById(id)

  if (!plan) notFound()

  return (
    <div className="flex h-full flex-col space-y-6 p-8">
      <CoursePlanDetail
        plan={plan}
        editHref={`/admin/course-plans/${plan.id}/edit`}
        backHref="/admin/course-plans"
      />
    </div>
  )
}
