import { Head, Link } from '@inertiajs/react'; import { ClipboardList, BookOpen, Users, CheckCircle, ArrowRight } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type Assignment = { id: number; title: string; max_score: number; deadline: number | null; course: { title: string; slug: string; }; total_submissions: number; pending_submissions: number; }; type Props = { assignments: Assignment[]; }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Instruktur', href: '/instructor/dashboard' }, { title: 'Tugas Masuk', href: '/instructor/assignments' }, ]; export default function InstructorAssignmentsIndex({ assignments }: Props) { return ( <>
{/* Header Banner */}

Tugas Masuk

Kelola dan periksa seluruh tugas yang dikirimkan oleh siswa Anda

{assignments.length === 0 ? (

Belum ada tugas dibuat

Tugas dapat ditambahkan saat menyusun bab/materi di kelas Anda.

) : (
{assignments.map((assignment) => (
{/* Card Body */}
{assignment.course.title}
{assignment.pending_submissions > 0 ? ( {assignment.pending_submissions} Perlu Dinilai ) : ( Selesai Diperiksa )}

{assignment.title}

Total Pengumpulan
{assignment.total_submissions} siswa
Nilai Maksimal {assignment.max_score} poin
{/* Card Footer */}
Periksa Tugas
))}
)}
); } InstructorAssignmentsIndex.layout = (page: React.ReactNode) => ( {page} );