@extends('layouts.app') @section('title', 'Beranda — NumerasiTuli') @section('page-title', 'Beranda') @section('page-subtitle', 'Selamat datang di NumerasiTuli') @section('content')
{{-- ── HERO CARD ── --}}
{{-- Decorative circles --}}

Platform Asesmen

Ukur Kemampuan Numerasi
Siswa Tuli

Berbasis BISINDO dengan diagnosis AI — inklusif dan mudah digunakan.

Mulai Asesmen
{{-- ── STAT CARDS ── --}}
@foreach ([ ['value' => $stats['total_siswa'], 'label' => 'Total Siswa', 'bg' => 'bg-violet-50', 'text' => 'text-violet-700', 'key' => 'total_siswa', 'icon' => ''], ['value' => $stats['total_sekolah'], 'label' => 'Sekolah', 'bg' => 'bg-blue-50', 'text' => 'text-blue-700', 'key' => 'total_sekolah', 'icon' => ''], ['value' => $stats['asesmen_selesai'], 'label' => 'Asesmen Selesai', 'bg' => 'bg-green-50', 'text' => 'text-green-700', 'key' => 'asesmen_selesai', 'icon' => ''], ['value' => $stats['rata_skor'], 'label' => 'Rata-rata Skor', 'bg' => 'bg-amber-50', 'text' => 'text-amber-700', 'key' => 'rata_skor', 'icon' => ''] ] as $s)
{!! $s['icon'] !!}

{{ $s['value'] }}

{{ $s['label'] }}

@endforeach
{{-- ── LEVEL KEMAMPUAN ── --}}

Level Kemampuan

Klik level untuk melihat detail
@php $levelInfo = [ [ 'NSI', 'Perlu Intervensi Khusus', 'Pemahaman sangat terbatas', 'bg-red-100 text-red-600', 'bg-red-400', ], [ 'Basic', 'Pemahaman Dasar', 'Mampu operasi dasar dalam konteks', 'bg-amber-100 text-amber-600', 'bg-amber-400', ], [ 'Proficient', 'Cukup Mahir', 'Menerapkan strategi yang tepat', 'bg-blue-100 text-blue-600', 'bg-blue-400', ], [ 'Advanced', 'Sangat Mahir', 'Berpikir kritis dan konteks kompleks', 'bg-green-100 text-green-600', 'bg-green-500', ], ]; $totalAsesmen = array_sum($distribusiLevel); @endphp @foreach ($levelInfo as [$label, $title, $desc, $badge, $bar]) @php $jml = $distribusiLevel[$label] ?? 0; $pct = $totalAsesmen > 0 ? round(($jml / $totalAsesmen) * 100) : 0; @endphp
{{ $label }}

{{ $title }}

{{ $desc }}

{{ $jml > 0 ? $jml . ' siswa' : '—' }}
@endforeach
{{-- ── AKTIVITAS TERBARU (Timeline) ── --}} @if ($timeline->count() > 0)

Aktivitas Terbaru

Lihat Semua
{{-- Timeline line --}}
@foreach ($timeline as $item) @php $lvlConfig = [ 'NSI' => ['badge' => 'bg-red-100 text-red-600', 'dot' => 'bg-red-400'], 'Basic' => ['badge' => 'bg-amber-100 text-amber-600','dot' => 'bg-amber-400'], 'Proficient' => ['badge' => 'bg-blue-100 text-blue-600', 'dot' => 'bg-blue-400'], 'Advanced' => ['badge' => 'bg-green-100 text-green-600','dot' => 'bg-green-500'], ]; $cfg = $lvlConfig[$item->level] ?? ['badge' => 'bg-slate-100 text-slate-600', 'dot' => 'bg-slate-400']; @endphp
{{-- Dot --}}
{{-- Content --}}

{{ $item->student->name ?? '—' }}

{{ $item->level }} {{ $item->accuracy }}%
{{ $item->student->school->name ?? '—' }} · {{ $item->created_at->diffForHumans() }}
{{-- Akurasi visual --}}
@endforeach
@else {{-- Empty state kalau belum ada asesmen --}}

Belum ada data asesmen

Mulai asesmen pertama untuk melihat hasilnya di sini

Mulai Asesmen Sekarang
@endif
{{-- ── DETAIL POPUP MODAL ── --}}

@endsection @push('scripts') @endpush