@foreach ($menus as $menu)
    @if ($menu->segment == '/services')
        <li class="nav-item dropdown">
            <a class="nav-link fw-medium d-flex align-items-center" role="button" data-bs-toggle="dropdown"
                aria-expanded="false">
                {{ $menu->name }}
                <i class="fa-solid fa-angle-down ms-2"></i>
            </a>
            <ul class="dropdown-menu border-0 shadow">
                @foreach ($services as $service)
                    @if ($service->children->isNotEmpty())
                        <li class="dropdown-submenu">
                            <a class="dropdown-item d-flex align-items-center justify-content-between"
                                href="{{ $service->link }}">
                                {{ $service->name }}
                                <i class="fa-solid fa-angle-right ms-2"></i>
                            </a>
                            <ul class="dropdown-menu border-0 shadow">
                                @foreach ($service->children as $child)
                                    @if ($child->children->isNotEmpty())
                                        <li class="dropdown-submenu">
                                            <a class="dropdown-item d-flex align-items-center justify-content-between"
                                                href="{{ $child->link }}">
                                                {{ $child->name }}
                                                <i class="fa-solid fa-angle-right ms-2"></i>
                                            </a>
                                            <ul class="dropdown-menu border-0 shadow">
                                                @foreach ($child->children as $subchild)
                                                    <li>
                                                        <a class="dropdown-item"
                                                            href="{{ $subchild->link }}">{{ $subchild->name }}</a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </li>
                                    @else
                                    <li>
                                        <a class="dropdown-item" href="{{ $child->link }}">{{ $child->name }}</a>
                                    </li>
                                    @endif
                                    
                                @endforeach
                            </ul>
                        </li>
                    @else
                        <li>
                            <a class="dropdown-item" href="{{ $service->link }}">
                                {{ $service->name }}</a>
                        </li>
                    @endif
                @endforeach
                <li><hr class="dropdown-divider" /></li>
                <li>
                    <a class="dropdown-item fw-medium" href="{{$menu->link}}">
                    {{__('website.all_services')}}
                    </a>
                </li>
            </ul>
        </li>
    @else
        <li class="nav-item">
            <a class="nav-link fw-medium" href="{{ $menu->link }}">{{ $menu->name }}</a>
        </li>
    @endif
@endforeach