@if ($headerServices && $headerServices->isNotEmpty())
<li>
    <a href="#">{{ $menu->name }}
        <span><i class="fa-solid fa-angle-down d-xl-inline d-none"></i></span></a>
    <ul class="sub-menu">
        @foreach ($headerServices as $service)
            <li>
                <a href="{{ $service->link }}" class="span-arrow">{{ $service->name }}
                    <span><i class="fa-solid fa-angle-right d-xl-inline-block d-none"></i></span></a>
                @if ($service->relationLoaded('children') && $service->children->isNotEmpty())
                    <ul class="sub-menu menu1">
                        @foreach ($service->children as $child)
                            <li>
                                <a href="{{ $child->link }}">{{ $child->name }}</a>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </li>
        @endforeach
    </ul>
</li>
@endif