@props([
    'item',
    'top' => false,
    'badge' => false,
    'badgeIcon' => false,
    'classes' => false
])
@if($item instanceof MoonShine\Menu\MenuDivider)
    <li {{ $item->attributes()->merge(['class' => 'menu-inner-divider']) }}>
        {!! $item->label() ? "<span>{$item->label()}</span>" : '' !!}
        {{ $slot }}
    </li>
@else
    <li class="menu-inner-item {{ $classes }}" {{ $item->attributes()->class(['menu-inner-item', '_is-active' => $item->isActive(),'class' => $badge ? 'flex items-center' : '']) }}>
        <a
            href="{{ $item->url() }}" {!! $item->isBlank() ? 'target="_blank"' : '' !!}
        {{ $item->linkAttributes()->merge(['class' => 'menu-inner-link']) }}
        x-data="navTooltip"
            @mouseenter="toggleTooltip()"
        >
            @if($item->iconValue())
                @if(request()->routeIs('forum.*') )
                    <x-moonshine::tooltip placement="right" content="{{ $item->label() }}">
                        {!! $item->getIcon(6) !!}
                    </x-moonshine::tooltip>
                @else
                    {!! $item->getIcon(6) !!}
                @endif
            @elseif(!$top)
                <span class="menu-inner-item-char">
                    {{ str($item->label())->limit(2) }}
                </span>
            @endif

            <span class="menu-inner-text">{{ $item->label() }}</span>


            @if($item->hasBadge() && $badge = $item->getBadge())
                <span class="menu-inner-counter">{{ $badge }}</span>
            @endif
            @if($badge)
                <x-moonshine::badge style="{{ $badgeIcon ? 'display:flex;align-items:center;gap:5px' : '' }};background: #fff;color:#343434;font-weight: 600;">
                    {{ $badge }}
                    @if($badgeIcon ?? false)
                        <x-moonshine::icon :icon="$badgeIcon"/>
                    @endif
                </x-moonshine::badge>
            @endif
        </a>
        {{ $slot }}

    </li>
@endif