@php
    $levelClass = 'level-' . min($level, 6);
    $statusClass = 'status-' . $node['agent']->status;
    $levelLabel = '';
    if ($level === 1) $levelLabel = 'L1';
    elseif ($level === 2) $levelLabel = 'L2';
    elseif ($level === 3) $levelLabel = 'L3';
    elseif ($level > 3) $levelLabel = 'L' . $level;
@endphp

<div class="tree-node" id="node-{{ $node['agent']->id }}">
    <div class="node-card {{ $levelClass }}">
        @if($levelLabel)
            <div class="level-label">{{ $levelLabel }}</div>
        @endif
        <div class="node-name">{{ $node['agent']->name }}</div>
        <div class="node-email">{{ $node['agent']->email }}</div>
        <div class="node-status {{ $statusClass }}">
            @if($node['agent']->status === 'active')
                ✓ Active
            @elseif($node['agent']->status === 'pending_approval')
                ⏳ Pending
            @else
                ✗ Inactive
            @endif
        </div>

        @if(isset($node['children']) && count($node['children']) > 0)
            <button class="toggle-btn" onclick="toggleChildren(event, {{ $node['agent']->id }})" title="Expand/Collapse">▼</button>
        @endif
    </div>

    @if(isset($node['children']) && count($node['children']) > 0)
        <div class="children-container" id="children-{{ $node['agent']->id }}">
            @foreach($node['children'] as $child)
                <div class="child-column">
                    @include('admin.mlm.partials.tree-node', ['node' => $child, 'level' => $level + 1])
                </div>
            @endforeach
        </div>
    @endif
</div>