import { Head, Link } from '@inertiajs/react'; import { useState } from 'react'; import PublicLayout from '@/Layouts/PublicLayout'; import Card from '@/Components/UI/Card'; import Badge from '@/Components/UI/Badge'; import Button from '@/Components/UI/Button'; interface ResourceItem { id: number; title: string; type: string; access_level: string; description: string | null; programmes: string[]; unlocked: boolean; } const typeLabels: Record = { template: 'Template', checklist: 'Checklist', assessment_tool: 'Assessment Tool', framework: 'Framework', policy_template: 'Policy Template', diagnostic_tool: 'Diagnostic Tool', worksheet: 'Worksheet', implementation_guide: 'Implementation Guide', }; const accessLabels: Record = { public: 'Public', registered_student: 'Sign In Required', programme_specific: 'Programme-Linked', premium: 'Premium', administrative: 'Administrative', }; export default function Index({ resources, isAuthenticated, }: { resources: ResourceItem[]; isAuthenticated: boolean; }) { const [type, setType] = useState(''); const filtered = type ? resources.filter((r) => r.type === type) : resources; return (

Digital Library

Resource Library

Practical leadership templates, checklists, diagnostic tools, and implementation guides — browsable independently of any course or Programme enrolment.

{!isAuthenticated && (

)}

{Object.entries(typeLabels).map(([value, label]) => ( ))}

{filtered.map((resource) => (

{typeLabels[resource.type] ?? resource.type} {accessLabels[resource.access_level] ?? resource.access_level}

{resource.title}

{resource.description}

{resource.programmes.length > 0 && (

Linked to: {resource.programmes.join(', ')}

)}

{resource.unlocked ? ( ) : ( )}

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

No resources match this filter.

)}

); }