@props(['links' => []])

@if(count($links) > 0)
    @foreach($links as $nav)
        @if (isset($nav['children']) && count($nav['children']) > 0)
            {{-- Dropdown link --}}
            <div class="relative">
                <x-dropdown>
                    <x-slot:trigger>
                        <div class="flex flex-col">
                            <span class="flex flex-row items-center p-3 text-sm font-semibold whitespace-nowrap text-base hover:text-base/80">
                                @if(isset($nav['icon']))
                                    <i class="{{ $nav['icon'] }} mr-2"></i>
                                @endif
                                {{ $nav['name'] }}
                            </span>
                        </div>
                    </x-slot:trigger>
                    <x-slot:content>
                        @foreach ($nav['children'] as $child)
                            <x-navbar-manager::custom-link :link="$child" />
                        @endforeach
                    </x-slot:content>
                </x-dropdown>
            </div>
        @else
            {{-- Single link --}}
            <x-navbar-manager::custom-link :link="$nav" class="flex items-center p-3" />
        @endif
    @endforeach
@endif