import React, { useState } from 'react'; import { Head, usePage } from '@inertiajs/react'; import { Trophy, Flame, Target } from 'lucide-react'; import AuthenticatedLayout from '@/layouts/AuthenticatedLayout'; import type { PageProps } from '@/types'; interface ReportProps extends PageProps { game: { id: number; title: string; game_mode: string; classes: Array<{ id: number; name: string }>; }; attempts: Array<{ id: number; student: { full_name: string; synced_class: { id: number; class_name: string, name: string } }; total_score: number; total_correct: number; total_questions: number; accuracy_percentage: number; longest_streak: number; }>; faction_leaderboard?: Array<{ class_id: number; class_name: string; total_score: number; }>; } export default function Report() { const { game, attempts, faction_leaderboard } = usePage().props; const [selectedClass, setSelectedClass] = useState('all'); const filteredAttempts = attempts.filter(attempt => { if (selectedClass === 'all') return true; return attempt.student.synced_class?.id.toString() === selectedClass; }); return (

Daftar nilai tertinggi per siswa.

Filter Kelas:
{game.game_mode === 'faction' && faction_leaderboard && (

Klasemen Faction Wars

{faction_leaderboard.map((faction, index) => (
{index === 0 && (
)}
Peringkat #{index + 1}
{faction.class_name}
{index === 0 && }
Total Energi (Skor)
{faction.total_score.toLocaleString()}
))}
)}
{filteredAttempts.length > 0 ? ( filteredAttempts.map((attempt, index) => ( )) ) : ( )}
# Nama Siswa Kelas Skor Akhir Akurasi Streak Terbaik
{index === 0 ? : index + 1} {attempt.student.full_name} {attempt.student.synced_class?.name || '-'} {attempt.total_score.toLocaleString()}
{attempt.accuracy_percentage}%
{attempt.total_correct}/{attempt.total_questions} Benar
{attempt.longest_streak}
Belum ada siswa yang menyelesaikan quiz ini untuk filter tersebut.
); }