import { Head, Link, usePage } from '@inertiajs/react'; import PublicLayout from '@/Layouts/PublicLayout'; import Card from '@/Components/UI/Card'; import Button from '@/Components/UI/Button'; import { PageProps } from '@/types'; interface ProgrammeShow { id: number; title: string; slug: string; overview: string | null; learning_outcomes: string[]; fee: string | null; currency: string; duration_months: number | null; delivery_mode: string; institute: { id: number; name: string; slug: string }; courses: { id: number; code: string | null; title: string; description: string | null; slug: string }[]; assessment_types: string[]; recommended_programmes: { title: string; slug: string; institute_name: string }[]; } const assessmentCopy: Record = { written_project: { label: 'Written Project', description: 'A rigorous strategic report analysing personal and organisational influence channels.', }, video_project: { label: 'Video Project', description: 'A high-production recorded presentation delivering a transformative organisational initiative.', }, practical_application: { label: 'Practical Application', description: 'A simulated real-world scenario evaluated by senior facilitators and assessors.', }, capstone: { label: 'Capstone', description: 'Final integration project synthesising all course learning into a viable leadership roadmap.', }, }; export default function Show({ programme, isEnrolled }: { programme: ProgrammeShow; isEnrolled: boolean }) { const { auth } = usePage().props; return (

{programme.institute.name}

{programme.title}

{programme.overview}

Programme Fee

{programme.fee ? `${programme.currency} ${Number(programme.fee).toLocaleString()}` : 'Contact Admissions'}

Flexible payment plans available

Duration

{programme.duration_months ? `${programme.duration_months} Months` : '—'}

{programme.delivery_mode.replace('_', ' ')} Format

Learning Outcomes

    {programme.learning_outcomes.map((outcome) => (
  • ✓ {outcome}
    • ))}

Core Curriculum

Required Coursework

Progressive modules designed to build systemic mastery of leadership dynamics.

{programme.courses.map((course) => ( {course.code && (

{course.code}

)}

{course.title}

{course.description}

))}
{programme.recommended_programmes.length > 0 && (

Recommended Next Programme

{programme.recommended_programmes.map((rec) => (

{rec.institute_name}

{rec.title}

))}
)}

Evaluation & Mastery

Assessment Structure

Our certification process goes beyond testing; it is a portfolio-building journey that demonstrates your readiness for global influence.

{programme.assessment_types.map((type) => (

{assessmentCopy[type]?.label ?? type}

{assessmentCopy[type]?.description}

))}

Ready to Define Your Influence?

Applications for the current intake are now open. Secure your place among the next generation of responsible global leaders.

{isEnrolled ? ( ) : auth?.user?.role === 'student' ? ( ) : ( )}
); }