Top 10 Siswa Terhebat
Kumpulkan XP sebanyak-banyaknya untuk menjadi nomor satu!
@php
$isTopTen = $topSiswa->pluck('id')->contains(Auth::id());
@endphp
@if($isTopTen)
@foreach($topSiswa as $index => $siswa)
@php
// Konfigurasi Style Default (Peringkat 4-10)
$bgClass = 'bg-slate-50 hover:bg-white';
$borderClass = 'border-slate-100 border-2';
$medali = '#' . ($index + 1);
$ukuranText = 'text-lg md:text-xl text-slate-700';
$avatarBg = 'bg-white text-emerald-600 border border-slate-200';
$medaliStyle = 'text-slate-400 font-black text-xl md:text-2xl';
// Override Style Khusus Juara 1, 2, 3
if($index == 0) {
$bgClass = 'bg-gradient-to-r from-amber-50 to-yellow-50 shadow-xl transform md:scale-[1.03] z-10';
$borderClass = 'border-yellow-400 border-2 shadow-[0_0_15px_rgba(250,204,21,0.3)]';
$medali = '🥇';
$ukuranText = 'text-xl md:text-2xl text-yellow-900';
$avatarBg = 'bg-gradient-to-br from-yellow-400 to-amber-500 text-white border-2 border-white shadow-md';
$medaliStyle = 'text-3xl md:text-4xl drop-shadow-md';
} elseif($index == 1) {
$bgClass = 'bg-gradient-to-r from-slate-100 to-gray-50 shadow-lg transform md:scale-[1.01] z-10';
$borderClass = 'border-slate-300 border-2';
$medali = '🥈';
$ukuranText = 'text-lg md:text-xl text-slate-800';
$avatarBg = 'bg-gradient-to-br from-slate-300 to-gray-400 text-white border-2 border-white shadow-md';
$medaliStyle = 'text-3xl md:text-4xl drop-shadow-sm';
} elseif($index == 2) {
$bgClass = 'bg-gradient-to-r from-orange-50 to-rose-50 shadow-md z-10';
$borderClass = 'border-orange-300 border-2';
$medali = '🥉';
$ukuranText = 'text-lg md:text-xl text-orange-900';
$avatarBg = 'bg-gradient-to-br from-orange-400 to-rose-400 text-white border-2 border-white shadow-md';
$medaliStyle = 'text-3xl md:text-4xl drop-shadow-sm';
}
@endphp
{{ $medali }}
{{ substr($siswa->name, 0, 1) }}
{{ $siswa->name }}
@if($siswa->id == Auth::id())
Kamu
@endif
⭐ Level {{ $siswa->level }}
⚡ {{ number_format($siswa->xp, 0, ',', '.') }}
@endforeach