import { Head, Link, router } from '@inertiajs/react'; import { BookOpen, CheckCircle, ClipboardList, XCircle, BookMarked, User } from 'lucide-react'; import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type Course = { id: number; title: string; slug: string; level: string; price_type: string; price: number; chapters_count: number; lessons_count: number; instructor: { id: number; name: string } | null; category: { name: string } | null; created_at: string; }; type Props = { courses: Course[] }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: '/admin' }, { title: 'Review Kelas', href: '/admin/courses/review' }, ]; const LEVEL_COLORS: Record = { beginner: 'bg-emerald-50 text-emerald-600 border-emerald-100 dark:bg-emerald-950/20 dark:text-emerald-400 dark:border-emerald-900/30', intermediate: 'bg-amber-50 text-amber-600 border-amber-100 dark:bg-amber-950/20 dark:text-amber-400 dark:border-amber-900/30', advanced: 'bg-rose-50 text-rose-600 border-rose-100 dark:bg-rose-950/20 dark:text-rose-400 dark:border-rose-900/30', }; const LEVEL_LABELS: Record = { beginner: 'Pemula', intermediate: 'Menengah', advanced: 'Lanjutan', }; export default function AdminCoursesReview({ courses }: Props) { function approve(course: Course) { if (confirm('Setujui dan publikasikan kelas ini?')) { router.patch(`/admin/courses/${course.id}/status`, { status: 'published' }); } } function reject(course: Course) { if (confirm('Tolak kelas ini? Status akan dikembalikan ke Draft/Ditolak.')) { router.patch(`/admin/courses/${course.id}/status`, { status: 'rejected' }); } } return ( <>
{/* Header Banner */}

Review Kelas

Terdapat {courses.length} kelas yang memerlukan tinjauan Anda

{courses.length > 0 && (
{courses.length}
)}
{courses.length === 0 ? (

Semua sudah bersih!

Tidak ada kelas yang menunggu review saat ini.

) : (
{courses.map((course) => (
{/* Icon */}
{/* Info */}

{course.title}

Menunggu Review
{course.category && ( {course.category.name} )} {LEVEL_LABELS[course.level] ?? course.level} {course.price_type === 'free' ? '✦ Gratis' : `Rp ${course.price.toLocaleString('id-ID')}`}
Instruktur: {course.instructor?.name ?? '-'}
Kurikulum: {course.chapters_count} bab · {course.lessons_count} materi
Diajukan: {new Date(course.created_at).toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' })}
{/* Actions */}
Lihat & Review Kurikulum
))}
)}
); } AdminCoursesReview.layout = (page: React.ReactNode) => {page};