@if ($menu->products && $menu->products->isNotEmpty())
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" role="button"
            data-bs-toggle="dropdown">
            {{ $menu->name }}
        </a>
        <ul class="dropdown-menu">
            @foreach ($menu->products as $product)
                <li class="{{ $product->children && $product->children->isNotEmpty() ? 'dropdown-submenu' : '' }}">
                    <a class="dropdown-item d-flex align-items-center justify-content-between"
                        href="{{ $product->link }}">
                        {{ $product->name }}
                        @if ($product->children && $product->children->isNotEmpty())
                            <i class="fa-solid fa-angle-right ms-2"></i>
                        @endif
                    </a>
                    @if ($product->children && $product->children->isNotEmpty())
                        <ul class="dropdown-menu">
                            @foreach ($product->children as $child)
                                <li>
                                    <a class="dropdown-item" href="{{ $child->link }}">{{ $child->name }}</a>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endforeach
        </ul>
    </li>
@endif