{{-- B2B tenancy — People → Administrators: read-only roster of the org's
     membership-level admins (owner / principal / admin …). --}}
@php($d = $this->getData())

<x-filament-panels::page>
    <div class="text-sm text-gray-600 dark:text-gray-300">
        Owners, principals and admins of this organisation.
    </div>

    <div>
        <div class="mb-2 text-sm font-semibold text-gray-700 dark:text-gray-200">
            Administrators ({{ count($d['admins']) }})
        </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">Role</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                    @forelse ($d['admins'] as $a)
                        <tr wire:key="admin-{{ $a['user_id'] }}-{{ $a['role'] }}">
                            <td class="px-3 py-2 font-medium text-gray-900 dark:text-white">{{ $a['name'] ?: '—' }}</td>
                            <td class="px-3 py-2 text-gray-500">{{ $a['email'] }}</td>
                            <td class="px-3 py-2 text-gray-500">{{ $a['role'] }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="px-3 py-6 text-center text-gray-400">No administrators found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</x-filament-panels::page>