@php
    $menus = config('breadcrumbs.menus');
    $currentUrl = url()->current();
@endphp
<nav class="text-sm flex-1 px-4  ">
    <ul class="space-y-2">
        @foreach ($menus as $menu)
            @php
                $showMenu = true;

                if (isset($menu['roles']) && isset($menu['permissions'])) {
                    // fleksibel OR
                    $showMenu = auth()->user()->hasAnyRole($menu['roles'])
                              || auth()->user()->hasAnyPermission($menu['permissions']);
                } elseif (isset($menu['roles'])) {
                    $showMenu = auth()->user()->hasAnyRole($menu['roles']);
                } elseif (isset($menu['permissions'])) {
                    $showMenu = auth()->user()->hasAnyPermission($menu['permissions']);
                }
            @endphp

            @if($showMenu)
                <li>
                    @if(isset($menu['children']))
                        <!-- Parent Menu -->
                        <details class="group">
                            <summary class="flex items-center p-2 rounded hover:bg-blue-100 cursor-pointer">
                                <i class="{{ $menu['icon'] ?? 'fas fa-circle' }} mr-3 "></i>
                                <span class="ml-3">{{ $menu['label'] }}</span>
                            </summary>
                            <ul class="ml-6 mt-2 space-y-1">
                                @foreach ($menu['children'] as $child)
                                    @php
                                        $showChild = true;
                                        if (isset($child['roles']) && isset($child['permissions'])) {
                                            $showChild = auth()->user()->hasAnyRole($child['roles'])
                                                        || auth()->user()->hasAnyPermission($child['permissions']);
                                        } elseif (isset($child['roles'])) {
                                            $showChild = auth()->user()->hasAnyRole($child['roles']);
                                        } elseif (isset($child['permissions'])) {
                                            $showChild = auth()->user()->hasAnyPermission($child['permissions']);
                                        }
                                    @endphp

                                    @if($showChild)
                                        <li>
                                            <a href="{{ url($child['url']) }}"
                                               class="block px-2 py-1 rounded hover:bg-blue-100 {{ $currentUrl == url($child['url']) ? 'bg-blue-200 font-semibold' : '' }}">
                                                <i class="{{ $child['icon'] ?? 'fas fa-circle' }} mr-3"></i> 
                                               {{ $child['label'] }}
                                            </a>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </details>
                    @else
                        <!-- Single Menu -->
                        @if(isset($menu['url']))
                            <a href="{{ url($menu['url']) }}"
                               class="flex items-center p-2 rounded hover:bg-blue-100 {{ $currentUrl == url($menu['url']) ? 'bg-blue-200 font-semibold' : '' }}">
                                <i class="{{ $menu['icon'] ?? 'fas fa-circle' }} mr-3"></i>
                                <span class="ml-3">{{ $menu['label'] }}</span>
                            </a>
                        @endif
                    @endif
                </li>
            @endif
        @endforeach
    </ul>
</nav>