@foreach($items as $item)
    @php
        $url = (!empty($item['route']) && Route::has($item['route'])) ? route($item['route']) : '#';
    @endphp

    <div class="dropdown-item-wrapper">
        <a href="{{ $url }}" class="dropdown-item">
            <i class="fas fa-circle"></i>
            <span>{{ $item['name'] }}</span>
            @if(isset($item['children']) && count($item['children']))
                <svg viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" style="margin-left:auto;"><style>@keyframes slide-17{to{transform:translateX(2px)}}</style><path fill="#0A0A30" d="M11.039 17.692a.857.857 0 01-1.317-1.098L13.55 12 9.722 7.406a.857.857 0 111.317-1.098l4.276 5.132a.848.848 0 01.208.56.854.854 0 01-.208.56l-4.276 5.132z" style="animation:slide-17 1s infinite alternate both cubic-bezier(1,-.01,0,.98)"/></svg>
            @endif
        </a>

        @if(isset($item['children']) && count($item['children']))
            <div class="nested-dropdown">
                @include('components.menu-item', ['items' => $item['children']])
            </div>
        @endif
    </div>
@endforeach