{{-- B2B tenancy — People → Students: filter chips + class select + seat line +
     roster. Enrol lives in the header action; each name links to the Student
     Atlas and each row has a Remove button. --}}
@php($d = $this->getData())
@php($seats = $d['seats'])
@php($counts = $d['counts'])
@php($chips = [
    'all'          => 'All',
    'active_today' => 'Active today',
    'active_7d'    => 'Active 7d',
    'inactive_14d' => 'Inactive 14d',
    'ahead'        => 'Ahead',
    'behind'       => 'Behind',
])

<x-filament-panels::page>
    {{-- ── Filter chips ───────────────────────────────────────────────────── --}}
    <div class="flex flex-wrap items-center gap-2">
        @foreach ($chips as $key => $label)
            <button type="button"
                    wire:click="$set('filter', '{{ $key }}')"
                    @class([
                        'rounded-full px-3 py-1 text-xs font-medium transition',
                        'bg-primary-600 text-white' => $filter === $key,
                        'bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300' => $filter !== $key,
                    ])>
                {{ $label }}
                <span class="opacity-70">({{ $counts[$key] ?? 0 }})</span>
            </button>
        @endforeach
    </div>

    {{-- ── Class scope + seat summary ─────────────────────────────────────── --}}
    <div class="flex flex-wrap items-center justify-between gap-3">
        <div class="flex items-center gap-2 text-sm">
            <label class="text-gray-600 dark:text-gray-300">Class</label>
            <select wire:model.live="classFilter"
                    class="rounded-lg border-gray-300 text-sm dark:border-gray-700 dark:bg-gray-900">
                <option value="">All classes</option>
                @foreach ($d['classes'] as $id => $name)
                    <option value="{{ $id }}">{{ $name }}</option>
                @endforeach
            </select>
        </div>

        <div class="text-sm text-gray-600 dark:text-gray-300">
            <span class="font-semibold text-gray-900 dark:text-white">{{ $seats['used'] }}</span> of
            <span class="font-semibold text-gray-900 dark:text-white">{{ $seats['cap'] }}</span> seats used
        </div>
    </div>

    {{-- ── Students ───────────────────────────────────────────────────────── --}}
    <div>
        <div class="mb-2 text-sm font-semibold text-gray-700 dark:text-gray-200">
            Students ({{ count($d['students']) }})
        </div>
        <div class="overflow-hidden rounded-xl border border-gray-200 dark:border-gray-700">
            <table class="w-full text-sm">
                <thead class="bg-gray-50 text-left text-xs uppercase tracking-wide text-gray-400 dark:bg-gray-800">
                    <tr>
                        <th class="px-3 py-2">Name</th>
                        <th class="px-3 py-2">Email</th>
                        <th class="px-3 py-2">Class</th>
                        <th class="px-3 py-2">Maxile</th>
                        <th class="px-3 py-2 text-right">Action</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                    @forelse ($d['students'] as $s)
                        <tr wire:key="student-{{ $s['user_id'] }}-{{ $s['house_id'] }}">
                            <td class="px-3 py-2 font-medium">
                                <a href="{{ \App\Filament\Teacher\Pages\StudentAtlas::getUrl(['student' => $s['user_id']], false) }}"
                                   class="text-primary-600 hover:underline">{{ $s['name'] ?: '—' }}</a>
                            </td>
                            <td class="px-3 py-2 text-gray-500">{{ $s['email'] }}</td>
                            <td class="px-3 py-2 text-gray-500">{{ $s['house'] }}</td>
                            <td class="px-3 py-2 text-gray-500">{{ $s['maxile_level'] ?? '—' }}</td>
                            <td class="px-3 py-2 text-right">
                                <button type="button"
                                        wire:click="removePerson({{ $s['user_id'] }}, {{ $s['house_id'] }}, {{ \App\Services\Tenancy\EnrolmentService::ROLE_STUDENT }})"
                                        wire:confirm="Remove this student from the class?"
                                        class="text-xs font-medium text-danger-600 hover:underline">Remove</button>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="px-3 py-6 text-center text-gray-400">No students match this filter.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</x-filament-panels::page>