<li wire:key="mi-{{ $item->id }}">
    <div class="flex items-center gap-2 rounded-lg px-3 py-2 hover:bg-gray-50" style="margin-inline-start: {{ $depth * 20 }}px">
        @if ($item->icon)
            <x-website.icon :name="$item->icon" class="w-4 h-4 text-gray-400 shrink-0" />
        @endif
        <span class="flex-1 min-w-0 truncate {{ $item->is_visible ? '' : 'line-through opacity-50' }}">
            {{ $item->label ?: $item->label_en }}
        </span>
        <span class="text-xs text-gray-400 shrink-0">
            @if ($item->isDropdownParent()) {{ __('قائمة منسدلة') }}
            @elseif ($item->href()) <span dir="ltr">{{ \Illuminate\Support\Str::limit($item->href(), 30) }}</span>
            @else <span class="text-amber-600">{{ __('بدون وجهة') }}</span>
            @endif
        </span>
        @can('settings.manage')
            <div class="flex items-center shrink-0">
                <button type="button" wire:click="move({{ $item->id }}, -1)" class="p-1 text-gray-300 hover:text-gray-700" aria-label="{{ __('لأعلى') }}"><x-ui.icon name="chevron-up" class="w-4 h-4" /></button>
                <button type="button" wire:click="move({{ $item->id }}, 1)" class="p-1 text-gray-300 hover:text-gray-700" aria-label="{{ __('لأسفل') }}"><x-ui.icon name="chevron-down" class="w-4 h-4" /></button>
                <button type="button" wire:click="toggleVisible({{ $item->id }})" class="p-1 text-gray-300 hover:text-gray-700" aria-label="{{ __('إظهار/إخفاء') }}"><x-ui.icon name="eye" class="w-4 h-4" /></button>
                <button type="button" wire:click="addItem({{ $item->id }})" class="px-2 text-xs text-primary-600">{{ __('+ فرعي') }}</button>
                <button type="button" wire:click="edit({{ $item->id }})" class="px-2 text-xs text-gray-600">{{ __('تعديل') }}</button>
                <button type="button" wire:click="delete({{ $item->id }})" wire:confirm="{{ __('حذف هذا العنصر؟') }}" class="px-2 text-xs text-red-600">{{ __('حذف') }}</button>
            </div>
        @endcan
    </div>
    @foreach ($item->children as $child)
        @include('website.builder.menu-row', ['item' => $child, 'depth' => $depth + 1])
    @endforeach
</li>
