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 InstituteRow { id: number; name: string; status: string; subject_area: string | null; programmes_count: number; } export default function Index({ institutes }: { institutes: InstituteRow[] }) { const destroy = (institute: InstituteRow) => { if (confirm(`Remove "${institute.name}"? This cannot be undone.`)) { router.delete(route('admin.institutes.destroy', institute.id)); } }; return (

Institutes

Every Institute may hold one or more Professional Certification Programmes.

{institutes.map((institute) => ( ))}

Name	Subject Area	Status	Programmes	Actions
{institute.name}	{institute.subject_area}	{institute.status}	{institute.programmes_count}	Edit

); }