@php
    use Modules\Menu\Models\Menu;
    $menus = Menu::whereNull('parent_id')->with('children')->orderBy('order')->get();
@endphp

@foreach($menus as $menu)
    <li class="relative md:p-4 py-2 font-semibold block hover:text-purple-400 {{ $menu->children->isNotEmpty() ? 'dropdown' : '' }}">
        <a href="{{ $menu->url ? config('app.url') . $menu->url : '#' }}" 
           class="text-gray-700 hover:text-purple-400 flex items-center {{ $menu->children->isNotEmpty() ? 'dropdown-toggle' : '' }}"
           {{ $menu->children->isNotEmpty() ? 'data-toggle=dropdown aria-haspopup=true aria-expanded=false' : '' }}>
            {{ $menu->name }}
        </a>
        @if($menu->children->isNotEmpty())
            <ul class="dropdown-menu absolute bg-white shadow-md rounded-md border border-gray-200 mt-2 hidden group-hover:block">
                @foreach($menu->children as $child)
                    <li class="hover:bg-purple-100">
                        <a href="{{ $child->url ? config('app.url') . $child->url : '#' }}" 
                           class="block px-4 py-2 text-gray-600 hover:text-purple-400">
                            {{ $child->name }}
                        </a>
                        @if($child->children->isNotEmpty())
                            @include('menu::frontend.menu.navigation', ['menus' => $child->children])
                        @endif
                    </li>
                @endforeach
            </ul>
        @endif
    </li>
@endforeach