import { Head, router } from '@inertiajs/react'; import StudentLayout from '@/Layouts/StudentLayout'; import Card from '@/Components/UI/Card'; import Badge from '@/Components/UI/Badge'; import Button from '@/Components/UI/Button'; interface Certification { id: number; title: string; institute: string; certificate_number: string; issued_at: string | null; } interface Submission { id: number; type: string; title: string; status: string; grade: string | null; } interface TranscriptRow { programme_title: string; status: string; completed_at: string | null; } const typeLabels: Record = { written_project: 'Written Project', video_project: 'Video Presentation', practical_application: 'Practical Report', capstone: 'Capstone Project', quiz: 'Quiz', module_test: 'Module Test', final_exam: 'Final Examination', }; export default function Show({ certifications, submissions, transcript, isAlumni, shareLink, }: { certifications: Certification[]; submissions: Submission[]; transcript: TranscriptRow[]; isAlumni: boolean; shareLink: string | null; }) { const toggleShare = () => { router.post(route('student.portfolio.share'), {}, { preserveScroll: true }); }; return (

My Leadership Portfolio

Your lifelong record of executive excellence and institutional achievement.

{isAlumni && Alumni Member}
{shareLink && (

Public link: {shareLink}

)}

Professional Certifications

{certifications.map((cert) => (

Flagship Programme

{cert.title}

{cert.institute}

Issued {cert.issued_at} ✓ Verify
))} {certifications.length === 0 && (

No Professional Certifications yet — complete a Programme's required courses and assessments to earn your first certification.

)}

Project Showcase

{submissions.map((submission) => (
{typeLabels[submission.type] ?? submission.type} {submission.status}

{submission.title}

{submission.grade && (

Grade: {submission.grade}

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

Submitted written, video, and practical work will appear here once graded.

)}

Academic Transcript

{transcript.map((row) => ( ))}
Programme Completion Date Status
{row.programme_title} {row.completed_at ?? '—'} {row.status}
); }