import { Head, Link, router } from '@inertiajs/react'; import AdminLayout from '@/Layouts/AdminLayout'; import Card from '@/Components/UI/Card'; import Badge from '@/Components/UI/Badge'; import Button from '@/Components/UI/Button'; interface CourseRow { id: number; title: string; code: string | null; status: string; programme: { title: string } | null; facilitator: { name: string } | null; } export default function Index({ courses }: { courses: CourseRow[] }) { const destroy = (course: CourseRow) => { if (confirm(`Remove "${course.title}"? This cannot be undone.`)) { router.delete(route('admin.courses.destroy', course.id)); } }; return (

Courses

Required courses assigned to active Programmes.

{courses.map((course) => ( ))}

Code	Title	Programme	Facilitator	Status	Actions
{course.code}	{course.title}	{course.programme?.title ?? '—'}	{course.facilitator?.name ?? '—'}	{course.status}	Edit

); }