@php
    $acl = collect($node['__acl'] ?? []);
    $children = $node['__children'] ?? [];
    $hasChildren = !empty($children);

    $secuGroups = $acl->filter(fn($e) => str_starts_with($e->principal, 'SECU-'))->unique(fn($e) => $e->principal . '|' . $e->droits . '|' . $e->est_herite);
    $directUsers = $acl->filter(fn($e) => !str_starts_with($e->principal, 'SECU-') && !$e->est_herite)->unique(fn($e) => $e->principal . '|' . $e->droits);
    $inheritedAll = $acl->filter(fn($e) => $e->est_herite && !str_starts_with($e->principal, 'SECU-'));
@endphp
<div class="mb-0.5" x-data="{ open: {{ $depth < 2 ? 'true' : 'false' }} }">
    <div class="flex items-center gap-1 py-0.5 hover:bg-gray-50 rounded px-1">
        @if($hasChildren)
            <span class="perm-tree-toggle text-gray-400 hover:text-gray-700" :class="{ 'expanded': open }" @click="open = !open"></span>
        @else
            <span class="text-gray-300 mr-2.5 text-xs">&#9679;</span>
        @endif
        <span class="text-sm font-medium">{{ $name }}</span>
        @if($secuGroups->isNotEmpty())
            <span class="text-xs text-blue-600 bg-blue-50 px-1.5 py-0.5 rounded" title="Groupes SECU-">{{ $secuGroups->count() }} groupe(s)</span>
        @endif
        @if($directUsers->isNotEmpty())
            <span class="text-xs text-orange-600 bg-orange-50 px-1.5 py-0.5 rounded cursor-help" title="Comptes directs (pas via groupe SECU-)">{{ $directUsers->count() }} direct(s)</span>
        @endif
    </div>

    @if($secuGroups->isNotEmpty() || $directUsers->isNotEmpty() || $inheritedAll->isNotEmpty())
    <div x-show="open" x-transition class="ml-4 mb-1 space-y-0.5">
        @if($secuGroups->isNotEmpty())
            <div class="text-xs font-semibold text-blue-700 mt-1">Groupes SECU-</div>
            @foreach($secuGroups as $entry)
            <div class="flex items-center gap-2 text-xs {{ $entry->est_herite ? 'text-gray-400' : 'text-gray-700' }}">
                <span class="perm-groupe">{{ $entry->principal }}</span>
                <span class="font-mono text-gray-500">{{ $entry->droits }}</span>
                @if($entry->est_herite) <span class="text-gray-400 text-[10px]">(hérité)</span> @endif
            </div>
            @endforeach
        @endif
        @if($directUsers->isNotEmpty())
            <div class="text-xs font-semibold text-orange-700 mt-2">Utilisateurs directs</div>
            @foreach($directUsers as $entry)
            <div class="flex items-center gap-2 text-xs text-gray-700">
                <span class="perm-utilisateur">{{ $entry->principal }}</span>
                @if($entry->email) <span class="text-gray-400">{{ $entry->email }}</span> @endif
                <span class="font-mono text-gray-500">{{ $entry->droits }}</span>
            </div>
            @endforeach
        @endif
        @if($inheritedAll->isNotEmpty())
            <div class="text-xs font-semibold text-gray-500 mt-2">Hérités (autres)</div>
            @foreach($inheritedAll as $entry)
            <div class="flex items-center gap-2 text-xs text-gray-400">
                <span>{{ $entry->principal }}</span>
                <span class="font-mono">{{ $entry->droits }}</span>
            </div>
            @endforeach
        @endif
    </div>
    @endif

    @if($hasChildren)
    <div class="perm-children border-l border-gray-100 ml-1" x-show="open" x-transition>
        @foreach($children as $cName => $cNode)
            @include('permissions._tree_node', ['name' => $cName, 'node' => $cNode, 'depth' => $depth + 1])
        @endforeach
    </div>
    @endif
</div>