import { Link, Head } from '@inertiajs/react'; import { BookOpen, Calendar, ArrowRight, CheckCircle, Clock, LockKeyhole } from 'lucide-react'; import StudentLayout from '@/layouts/StudentLayout'; import WhatsAppShareButton from '@/components/WhatsAppShareButton'; import LearningContentFilters from '@/components/LearningContentFilters'; import type { PageProps } from '@/types'; interface Material { id: number; title: string; published_at: string; subject: { id: number; name: string } | null; teacher: { id: number; name: string } | null; assignments: Array<{ id: number; title: string; submission_type: 'text' | 'file' | 'link' | 'physical' | 'quiz'; access?: { status: 'open' | 'locked' | 'closed' } }>; } interface Submission { id: number; assignment_id: number; status: 'pending' | 'graded' | 'late' | 'physical_submitted'; grade: number | null; } interface Props extends PageProps { materials: Material[]; submissions: Record; // Keyed by assignment_id subjects: Array<{ id: number; name: string }>; selectedSubject: number | null; selectedPeriod: number | null; } export default function MaterialsList({ materials, submissions, subjects, selectedSubject, selectedPeriod }: Props) { function getAssignmentsStatus(material: Material) { if (material.assignments.length === 0) { return ( Tidak ada tugas ); } const total = material.assignments.length; let submitted = 0; let graded = 0; let locked = 0; let physicalInClass = 0; material.assignments.forEach(assignment => { const sub = submissions[assignment.id]; if (sub) { submitted++; if (sub.status === 'graded') { graded++; } } else if (assignment.access && assignment.access.status !== 'open') { locked++; } else if (assignment.submission_type === 'physical') { physicalInClass++; } }); if (submitted === total) { return ( Tugas Selesai ({graded}/{total} dinilai) ); } if (locked > 0 && submitted + locked === total) { return {locked} Tugas menunggu jadwal; } if (physicalInClass > 0 && submitted + locked + physicalInClass === total) { return ( {physicalInClass} Tugas fisik di kelas{locked > 0 ? ` · ${locked} dikunci` : ''} ); } const pendingOnline = total - submitted - locked - physicalInClass; return ( {pendingOnline} Tugas online menanti{physicalInClass > 0 ? ` · ${physicalInClass} fisik di kelas` : ''}{locked > 0 ? ` · ${locked} dikunci` : ''} ); } return ( <>

Materi Pelajaran

Daftar materi yang dirilis untuk kelas Anda

{materials.length} materi ditampilkan

{materials.length > 0 ? (
{materials.map((material) => (
{/* Icon & Subject */}
{material.subject?.name ?? 'Mata Pelajaran'}
{/* Title & Info */}

{material.title}

Oleh: {material.teacher?.name ?? '-'}

{/* Bottom Info */}

{material.published_at ? new Date(material.published_at).toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' }) : '-'}

{getAssignmentsStatus(material)}
))}
) : (

{selectedSubject ? 'Tidak Ada Materi yang Sesuai' : 'Belum Ada Materi'}

{selectedSubject ? 'Tidak ada materi untuk mata pelajaran ini. Pilih mapel lain atau Semua Mata Pelajaran.' : 'Guru belum merilis materi pelajaran apa pun untuk kelas Anda saat ini.'}

)}
); } MaterialsList.layout = (page: any) => {page};