import { Head, Link, router } from '@inertiajs/react'; import { FormEvent } from 'react'; import PublicLayout from '@/Layouts/PublicLayout'; import Card from '@/Components/UI/Card'; import Badge from '@/Components/UI/Badge'; interface InstituteListItem { id: number; name: string; slug: string; description: string | null; subject_area: string | null; newly_proposed: boolean; programmes: { title: string; slug: string; duration_months: number | null; delivery_mode: string }[]; } export default function Index({ institutes, subjectAreas, filters, }: { institutes: InstituteListItem[]; subjectAreas: string[]; filters: { subject_area?: string; duration?: string; delivery_mode?: string }; }) { const applyFilter = (key: string, value: string) => { router.get( route('institutes.index'), { ...filters, [key]: value || undefined }, { preserveState: true, replace: true }, ); }; return (

Institutional Directory

A Global Ecosystem for Leadership & Excellence

Discover our {institutes.length} specialised Institutes, each hosting rigorous Professional Certification Programmes designed by world-class practitioners for global leaders.

Showing {institutes.length} Institutes

{institutes.map((institute) => { const flagship = institute.programmes[0]; return ( {institute.newly_proposed && ( Newly Proposed )}

{institute.subject_area}

{institute.name}

{flagship && (

{flagship.title}

)} {flagship && (
{flagship.duration_months && ⏱ {flagship.duration_months} Months} 📍 {flagship.delivery_mode.replace('_', ' ')}
)} {flagship && ( Explore → )} ); })}
); }