@foreach ($nodes as $node)
    @php
        $isDir = ($node['type'] ?? '') === 'dir';
        $path = $node['path'] ?? '';
        $name = $node['name'] ?? '';
        $isOpen = $isDir && $currentPath && str_starts_with($currentPath, rtrim($path, '/') . '/');
        if ($isDir && !$currentPath && $path === 'grading_results') {
            $isOpen = false;
        } elseif ($isDir && !$currentPath) {
            $isOpen = true;
        }
        $searchText = strtolower($path . ' ' . $name);
        $deletable = !empty($node['deletable']);
    @endphp
    <div
        class="tree-item {{ $isDir ? 'tree-dir' : 'tree-file' }}{{ $isDir && !$isOpen ? ' collapsed' : '' }}"
        data-search="{{ e($searchText) }}"
        @if ($isDir) data-dir-path="{{ e($path) }}" @endif
    >
        @if ($isDir)
            <button
                type="button"
                class="tree-label tree-dir-toggle"
                data-toggle-dir="{{ e($path) }}"
                title="{{ e($path) }}"
            >
                <span class="chevron" aria-hidden="true"></span>
                <span class="name">{{ $name }}/</span>
                <span class="count">{{ count($node['children'] ?? []) }}</span>
            </button>
            <div class="tree-children">
                @include('dm-files.partials.tree', ['nodes' => $node['children'] ?? [], 'currentPath' => $currentPath])
            </div>
        @else
            <div class="tree-file-row">
                @if ($deletable)
                    <input
                        type="checkbox"
                        class="grade-check"
                        data-path="{{ e($path) }}"
                        title="Chọn để xóa"
                    >
                @endif
                <button
                    type="button"
                    class="tree-label tree-file-btn {{ ($currentPath ?? null) === $path ? 'active' : '' }}"
                    data-path="{{ e($path) }}"
                    data-deletable="{{ $deletable ? '1' : '0' }}"
                    title="{{ e($path) }}"
                >
                    <span class="name">{{ $name }}</span>
                    @if (!empty($node['editable']))
                        <span class="badge">edit</span>
                    @elseif (($node['kind'] ?? '') === 'grading')
                        <span class="badge readonly">grade</span>
                    @endif
                </button>
            </div>
        @endif
    </div>
@endforeach