import * as React from "react"
import { useParams } from "react-router"

import {
  AdminRecordDetail,
  AdminRecordNotFound,
  type AdminRecordField,
} from "@/components/admin/admin-record-detail"
import { ADMIN_PROGRAMS, adminProgramUsage } from "@/lib/mock/admin-directory"

const BACK_TO = { label: "Program Management", href: "/programs" }

export default function AdminProgramDetailPage() {
  const { programId = "" } = useParams()
  const program = React.useMemo(
    () => ADMIN_PROGRAMS.find(row => row.id === programId),
    [programId],
  )

  const usage = React.useMemo(() => (program ? adminProgramUsage(program) : []), [program])

  if (!program) {
    return (
      <AdminRecordNotFound
        backTo={BACK_TO}
        message="This program is no longer in the workspace. It may have been closed by the school or merged into another program."
      />
    )
  }

  const fields: AdminRecordField[] = [
    { label: "Program code", value: program.programCode, mono: true },
    { label: "School", value: program.school },
    { label: "Credential", value: program.credential, mono: true },
    { label: "Program director", value: program.director || "Not assigned" },
    { label: "Students", value: program.students },
    { label: "Courses", value: program.courses },
  ]

  return (
    <AdminRecordDetail
      backTo={BACK_TO}
      title={program.name}
      subtitle={`${program.credential}, ${program.school}`}
      status={program.status}
      source={program.source}
      lastSyncedOn={program.lastSyncedOn}
      fields={fields}
      usage={usage}
      usageEmptyState="Nothing reads this program yet. References appear once it carries students, courses, or a licensed app."
    />
  )
}