import { Head, Link, router } from '@inertiajs/react'; import { ClipboardList, Plus, Trash2 } from 'lucide-react'; import { useState } from 'react'; import { DeleteConfirmModal } from '@/components/delete-confirm-modal'; import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type AssignedTask = { id: number; title: string; description: string | null; scheduled_date: string | null; course: { id: number; title: string } | null; created_at: string; is_recurring: boolean; interval_days: number | null; recurring_count: number | null; }; type Props = { tasks: { data: AssignedTask[]; total: number; }; }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Instructor', href: '/instructor/courses' }, { title: 'Assigned Tasks', href: '/instructor/assigned-tasks' }, ]; function formatDate(d: string) { return new Intl.DateTimeFormat('id-ID', { day: 'numeric', month: 'short', year: 'numeric' }).format(new Date(d)); } export default function InstructorAssignedTasksIndex({ tasks }: Props) { const [deleteModal, setDeleteModal] = useState<{ open: boolean; id: number | null; title: string }>({ open: false, id: null, title: '', }); function confirmDelete() { if (!deleteModal.id) return; router.delete(`/instructor/assigned-tasks/${deleteModal.id}`, { onSuccess: () => setDeleteModal({ open: false, id: null, title: '' }), }); } return ( <>

Assigned Tasks

{tasks.total} task dikirim ke siswa

{tasks.data.length === 0 ? (

Belum ada assigned task

Buat task untuk menambah to-do list siswa di kelas Anda.

) : (
{tasks.data.map((task) => ( ))}
Task Kelas Jadwal

{task.title}

{task.description && (

{task.description}

)} 		{task.course?.title ?? '—'} {task.scheduled_date ? formatDate(task.scheduled_date) : '—'} {task.is_recurring && (

Repeat: {task.interval_days} hari ({task.recurring_count}x)

)}
)}
setDeleteModal({ open: false, id: null, title: '' })} onConfirm={confirmDelete} title={`Hapus task "${deleteModal.title}"?`} description="Task yang dihapus tidak dapat dikembalikan. Planner siswa yang sudah menerima task ini tidak akan terpengaruh." /> ); } InstructorAssignedTasksIndex.layout = (page: React.ReactNode) => {page};