{{-- Licensor (AGS) portfolio dashboard — whole-system book of business.
     ATTAINMENT (continuous Maxile/seat data) is surfaced as on-track / close /
     at-risk. The "Certified (verified)" panel reads ONLY the certifications
     table and is NEVER derived from Maxile. --}}
@php($d = $this->getData())
@php($k = $d['kpis'])
@php($att = $d['attainment'])

<x-filament-panels::page>
    <div class="flex items-baseline justify-between">
        <h2 class="text-lg font-bold text-gray-900 dark:text-white">AGS Math Tutor — Platform portfolio</h2>
        <span class="text-xs text-gray-400">Whole-system · attainment + seat data</span>
    </div>

    {{-- ── Portfolio KPIs ────────────────────────────────────────────────── --}}
    <div class="flex flex-wrap gap-2">
        @php($tiles = [
            ['Organisations', $k['active_orgs'], null],
            ['Seats sold', $k['seats_sold'], null],
            ['Assigned', $k['seats_assigned'], 'primary'],
            ['Active 14d', $k['seats_active'], 'primary'],
            ['Utilisation', $k['util_pct'] . '%', $k['util_pct'] < 40 ? 'danger' : 'primary'],
            ['Students', $k['students_total'], null],
            ['Teachers', $k['teachers_total'], null],
            ['Renewals ≤30d', $k['renewals_due'], $k['renewals_due'] > 0 ? 'danger' : null],
        ])
        @foreach ($tiles as [$label, $value, $tone])
            <div @class([
                'flex min-w-[104px] flex-1 flex-col rounded-lg border px-3 py-2',
                'border-danger-200 bg-danger-50 dark:border-danger-900/40 dark:bg-danger-900/10' => $tone === 'danger',
                'border-gray-200 dark:border-gray-700' => $tone !== 'danger',
            ])>
                <span class="text-[10px] font-medium uppercase tracking-wide text-gray-400">{{ $label }}</span>
                <span @class([
                    'text-lg font-bold leading-tight',
                    'text-primary-600' => $tone === 'primary',
                    'text-danger-700' => $tone === 'danger',
                    'text-gray-900 dark:text-white' => $tone === null,
                ])>{{ $value }}</span>
            </div>
        @endforeach
    </div>
    <div class="-mt-2 text-xs text-gray-500">
        Seat funnel: <span class="font-medium">{{ $k['seats_sold'] }}</span> sold →
        <span class="font-medium">{{ $k['seats_assigned'] }}</span> assigned →
        <span class="font-medium">{{ $k['seats_active'] }}</span> active (answered in 14d).
    </div>

    {{-- ── Tenant table ──────────────────────────────────────────────────── --}}
    <div>
        <div class="mb-2 text-sm font-semibold text-gray-700 dark:text-gray-200">Centres &amp; schools</div>
        <div class="overflow-x-auto rounded-xl border border-gray-200 dark:border-gray-700">
            <table class="min-w-full divide-y divide-gray-200 text-sm dark:divide-gray-700">
                <thead class="bg-gray-50 text-left text-[11px] uppercase tracking-wide text-gray-400 dark:bg-gray-800">
                    <tr>
                        <th class="px-3 py-2">Organisation</th>
                        <th class="px-3 py-2 text-right">Seats (sold/used/active)</th>
                        <th class="px-3 py-2 text-right">Util</th>
                        <th class="px-3 py-2 text-right">Renews</th>
                        <th class="px-3 py-2 text-right">Students</th>
                        <th class="px-3 py-2 text-right">Avg Maxile</th>
                        <th class="px-3 py-2">Last activity</th>
                        <th class="px-3 py-2">Flags</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                    @forelse ($d['tenants'] as $t)
                        <tr class="hover:bg-gray-50 dark:hover:bg-gray-800/50">
                            <td class="px-3 py-2">
                                <a href="{{ $t['url'] }}" class="font-medium text-primary-600 hover:underline">{{ $t['name'] }}</a>
                                <span class="text-gray-400">· {{ $t['type'] }}</span>
                            </td>
                            <td class="px-3 py-2 text-right tabular-nums">{{ $t['seats_sold'] }} / {{ $t['seats_used'] }} / {{ $t['seats_active'] }}</td>
                            <td @class(['px-3 py-2 text-right tabular-nums', 'text-danger-700 font-semibold' => $t['util_pct'] < 40])>{{ $t['util_pct'] }}%</td>
                            <td @class(['px-3 py-2 text-right tabular-nums', 'text-danger-700 font-semibold' => ! is_null($t['expiry_days']) && $t['expiry_days'] <= 30])>
                                {{ ! is_null($t['expiry_days']) ? $t['expiry_days'] . 'd' : '—' }}
                            </td>
                            <td class="px-3 py-2 text-right tabular-nums">{{ $t['students'] }}</td>
                            <td class="px-3 py-2 text-right tabular-nums">{{ $t['avg_maxile'] }}</td>
                            <td class="px-3 py-2 text-gray-500">{{ $t['last_activity'] ? \Illuminate\Support\Carbon::parse($t['last_activity'])->diffForHumans() : '—' }}</td>
                            <td class="px-3 py-2">
                                @if ($t['at_risk'])
                                    <span class="inline-flex items-center rounded-full bg-danger-50 px-2 py-0.5 text-[11px] font-medium text-danger-700 dark:bg-danger-900/20">At risk</span>
                                @endif
                                @if ($t['upsell'])
                                    <span class="inline-flex items-center rounded-full bg-primary-50 px-2 py-0.5 text-[11px] font-medium text-primary-700 dark:bg-primary-900/20">Upsell</span>
                                @endif
                                @if (! $t['at_risk'] && ! $t['upsell'])
                                    <span class="text-[11px] text-gray-400">—</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="px-3 py-4 text-center text-gray-400">No centres or schools yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-1 text-[11px] text-gray-400">
            At risk = utilisation &lt;40%, expiring ≤30d, or no activity in 14d. Upsell = seats ≥90% assigned.
        </div>
    </div>

    {{-- ── Attainment rollups (continuous — NOT certification) ───────────── --}}
    <div>
        <div class="mb-2 text-sm font-semibold text-gray-700 dark:text-gray-200">
            Attainment <span class="font-normal text-gray-400">· provisional mastery, continuous Maxile</span>
        </div>
        <div class="grid gap-3 md:grid-cols-4">
            <div class="rounded-xl border border-gray-200 p-3 dark:border-gray-700">
                <div class="text-[10px] font-medium uppercase tracking-wide text-gray-400">Avg Maxile</div>
                <div class="text-lg font-bold text-gray-900 dark:text-white">{{ $att['avg_maxile'] }}</div>
                <div class="text-[11px] text-gray-400">{{ $att['total'] }} students</div>
            </div>
            <div class="rounded-xl border border-gray-200 p-3 dark:border-gray-700">
                <div class="text-[10px] font-medium uppercase tracking-wide text-gray-400">On track</div>
                <div class="text-lg font-bold text-primary-600">{{ $att['on_track'] }}</div>
                <div class="text-[11px] text-gray-400">active in last 14d</div>
            </div>
            <div class="rounded-xl border border-gray-200 p-3 dark:border-gray-700">
                <div class="text-[10px] font-medium uppercase tracking-wide text-gray-400">Close to passing</div>
                <div class="text-lg font-bold text-gray-900 dark:text-white">{{ $att['close'] }}</div>
                <div class="text-[11px] text-gray-400">≤25 Maxile to next band</div>
            </div>
            <div class="rounded-xl border border-gray-200 p-3 dark:border-gray-700">
                <div class="text-[10px] font-medium uppercase tracking-wide text-gray-400">At risk</div>
                <div @class(['text-lg font-bold', 'text-danger-700' => $att['at_risk'] > 0, 'text-gray-900 dark:text-white' => $att['at_risk'] === 0])>{{ $att['at_risk'] }}</div>
                <div class="text-[11px] text-gray-400">inactive 14d</div>
            </div>
        </div>

        {{-- Level distribution by Maxile band --}}
        @if (! empty($att['distribution']))
            @php($maxCount = max(1, max(array_column($att['distribution'], 'count'))))
            <div class="mt-3 rounded-xl border border-gray-200 p-3 dark:border-gray-700">
                <div class="mb-2 text-[10px] font-medium uppercase tracking-wide text-gray-400">Level distribution (Maxile band)</div>
                <div class="space-y-1">
                    @foreach ($att['distribution'] as $band)
                        <div class="flex items-center gap-2">
                            <span class="w-10 shrink-0 text-right text-xs font-medium text-gray-500">{{ $band['label'] }}</span>
                            <div class="h-3 flex-1 overflow-hidden rounded bg-gray-100 dark:bg-gray-800">
                                <div class="h-3 rounded bg-primary-400" style="width: {{ (int) round($band['count'] / $maxCount * 100) }}%"></div>
                            </div>
                            <span class="w-8 shrink-0 text-right text-xs tabular-nums text-gray-500">{{ $band['count'] }}</span>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
        <div class="mt-1 text-[11px] text-gray-400">
            Attainment is provisional mastery (continuous Maxile), not certification.
        </div>
    </div>

    {{-- Certified panel retired — certified is account's domain (BOUNDARY.md). --}}
</x-filament-panels::page>