@props(['name','iconType'=>'material-icons','showHeader'=>true,'icon','items','configData'])

@if($showHeader)
    <li class="side-item side-item-category">{{ $name }}</li>
@endif

@foreach($items as $item)
    @continue($item['permission'] !== '' && !auth()->user()->can($item['permission']))
    @if(isset($item['items']))
        <x-sidebar.menu
                :name="$item['name']"
                :icon="$item['icon']"
                :items="$item['items']"
        />
    @else

        <li class="slide">
            <a class="side-menu__item @if(request()->fullUrl() === $item['url']) active @endif" href="{{ $item['url'] }}">

                <i class="{{$item['icon']}} la-2x "></i>
                <span class="side-menu__label m-2">{{ $item['name'] }}</span>

                {{--        <span class="badge badge-success side-badge">1</span>--}}

            </a>
        </li>

    @endif
@endforeach