@php
    $isActive  = $currentFolderId && $currentFolderId == $folder->id;
    $children  = $folder->children;
    $hasKids   = $children->count() > 0;
    $colId     = 'dmsf-' . $folder->id;
@endphp

<li class="dms-tree-item">
    <div class="dms-tree-row {{ $isActive ? 'active-folder' : '' }}" data-folder-id="{{ $folder->id }}">

        {{-- Pfeil-Toggle (nur wenn Unterordner vorhanden) --}}
        @if($hasKids)
        <button class="dms-toggle btn p-0" type="button"
                data-bs-toggle="collapse" data-bs-target="#{{ $colId }}"
                aria-expanded="false" aria-controls="{{ $colId }}">
            <i class="bi bi-chevron-right dms-chevron"></i>
        </button>
        @else
        <span class="dms-toggle-placeholder"></span>
        @endif

        {{-- Ordner-Link --}}
        <a href="{{ route('dms.index', ['folder' => $folder->id]) }}"
           class="dms-tree-link text-truncate {{ $isActive ? 'fw-semibold text-primary' : 'text-dark' }}">
            <i class="bi {{ $hasKids ? 'bi-folder-fill' : 'bi-folder' }} {{ $isActive ? 'text-primary' : 'text-warning' }} me-1"></i>
            {{ $folder->name }}
        </a>

        @if($folder->fileLinks->count())
            <span class="ms-auto badge rounded-pill bg-secondary" style="font-size:.6rem;flex-shrink:0;">
                {{ $folder->fileLinks->count() }}
            </span>
        @endif

    </div>

    @if($hasKids)
    <div class="collapse dms-children" id="{{ $colId }}">
        <ul class="list-unstyled mb-0 dms-tree">
            @foreach($children as $child)
                @include('dms._folder_node', [
                    'folder'          => $child,
                    'depth'           => $depth + 1,
                    'currentFolderId' => $currentFolderId,
                ])
            @endforeach
        </ul>
    </div>
    @endif
</li>