{{-- Student-facing read-only "My progress" — the signed-in user's own Math
     Atlas summary. Reuses the teacher Atlas radar + growth partials. Nothing
     here is actionable; practice lives in the AGS Math app. --}}
@php($data = $this->getData())
@php($snapshot = $data['snapshot'])
@php($agg = $snapshot['aggregate'] ?? [])

<x-filament-panels::page>
    <div class="rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-500 dark:border-gray-700 dark:bg-gray-800/40 dark:text-gray-400">
        This is a read-only summary — practice happens in the AGS Math app.
    </div>

    <div class="flex flex-wrap items-center gap-3">
        <span class="rounded bg-gray-100 px-2 py-0.5 text-sm font-semibold text-gray-600 dark:bg-gray-700 dark:text-gray-200">
            Maxile {{ $agg['maxile_score'] ?? $data['maxile'] ?? 0 }} · {{ $agg['maxile_level']['short_name'] ?? '—' }}
        </span>
        @if (! is_null($data['kudos']))
            <span class="rounded bg-primary-50 px-2 py-0.5 text-sm font-semibold text-primary-700 dark:bg-primary-900/20 dark:text-primary-300">
                {{ $data['kudos'] }} kudos
            </span>
        @endif
    </div>

    <div class="grid gap-6 md:grid-cols-2">
        <div class="rounded-xl border border-gray-200 p-4 dark:border-gray-700">
            <div class="mb-2 text-sm font-semibold text-gray-700 dark:text-gray-200">Field mastery</div>
            @include('filament.teacher.atlas.radar', ['items' => $data['radar'], 'unit' => 'M', 'color' => '#88C808'])
        </div>
        <div>
            @include('filament.teacher.atlas.growth', [
                'points'  => $data['history']['points'] ?? [],
                'current' => $data['history']['current'] ?? null,
                'color'   => '#88C808',
                'label'   => 'Maxile over time',
            ])
        </div>
    </div>
</x-filament-panels::page>