@php
    $depth = $depth ?? 0;
@endphp

<li @class(['has-dropdown' => $item->children->isNotEmpty()])>
    <a href="{{ $this->resolveMenuItemLink($item) }}" @if ($item->target) target="{{ $item->target }}" @endif>
        {{ $item->menu_name }}
        @if ($item->children->isNotEmpty())
            <span>
                <i @class([
                    'fa-solid',
                    'fa-angle-down d-xl-inline d-none' => $depth === 0,
                    'fa-angle-right d-xl-inline-block d-none' => $depth > 0,
                ])></i>
            </span>
        @endif
    </a>

    @if ($item->children->isNotEmpty())
        <ul @class(['sub-menu', 'menu1' => $depth > 0])>
            @foreach ($item->children as $child)
                @include('livewire.components.partials.top-menu-item', ['item' => $child, 'depth' => $depth + 1])
            @endforeach
        </ul>
    @endif
</li>