import { Head, Link } from '@inertiajs/react'; import StudentLayout from '@/Layouts/StudentLayout'; import Card from '@/Components/UI/Card'; import StatTile from '@/Components/UI/StatTile'; import ProgressBar from '@/Components/UI/ProgressBar'; import Button from '@/Components/UI/Button'; interface MyCourse { id: number; slug: string; title: string; programme_title: string; total_lessons: number; completed_lessons: number; percent: number; } export default function Dashboard({ currentProgramme, overallPercent, cpdCredits, portfolioAssetsCount, myCourses, certificationsCount, enrolmentStatus, }: { currentProgramme: { title: string } | null; overallPercent: number; cpdCredits: number; portfolioAssetsCount: number; myCourses: MyCourse[]; certificationsCount: number; enrolmentStatus: string | null; }) { const roadmapSteps = [ { label: 'Enrolment', status: enrolmentStatus ? 'done' : 'locked' }, { label: 'Curriculum', status: overallPercent > 0 && overallPercent < 100 ? 'active' : overallPercent >= 100 ? 'done' : 'locked' }, { label: 'Assessment', status: overallPercent >= 100 ? 'active' : 'locked' }, { label: 'Certification', status: certificationsCount > 0 ? 'done' : 'locked' }, ]; return (

Leadership Dashboard

Welcome back, continue your executive journey.

Current Progress

{currentProgramme?.title ?? 'No active Programme'}

{overallPercent}%

My Courses

View All
{myCourses.map((course) => (

{course.programme_title}

{course.title}

{course.completed_lessons}/{course.total_lessons} Lessons · {course.percent}%

))} {myCourses.length === 0 && (

You are not yet enrolled in a Programme.{' '} Browse Institutes {' '} to get started.

)}

Secure Repository

My Leadership Portfolio

Your centralised digital safe for lifelong achievements — case studies, projects, and executive reflections, assembled automatically from your activity.

Certification Roadmap

{roadmapSteps.map((step, index) => (
{step.status === 'done' ? '✓' : index + 1}

{step.label}

{index < roadmapSteps.length - 1 && (
)}
))}
); }