{{-- resources/views/admin/menu/partials/menu-item.blade.php --}}
<div class="menu-item" data-id="{{ $item->id }}">
    <div class="card {{ $level > 0 ? 'mb-0' : 'mb-2' }} menu-card">
        <div class="card-body d-flex justify-content-between align-items-center py-2">
            <div class="d-flex align-items-center flex-grow-1">
                <span class="drag-handle me-3" title="{{ __('admin/menu.actions.drag_to_reorder') }}">
                    <i class="ri-drag-move-2-line fs-18 text-muted"></i>
                </span>
                <div class="flex-grow-1">
                    <h6 class="mb-1 d-flex align-items-center">
                        {{ $item->title ?? __('admin/menu.untitled') }}
                        @if(!$item->is_active)
                            <span class="badge bg-warning-subtle text-warning ms-2 fs-12">{{ __('admin/menu.status.inactive') }}</span>
                        @endif
                        @if($item->open_link_in === '_blank')
                            <i class="ri-external-link-line ms-2 text-muted fs-14" title="{{ __('admin/menu.form.new_window') }}"></i>
                        @endif
                    </h6>
                    <small class="text-muted d-block">
                        <strong>{{ __('admin/menu.form.type') }}:</strong> 
                        <span class="badge bg-info-subtle text-info">
                            {{ ucfirst(str_replace('_', ' ', $item->type)) }}
                        </span>
                        
                        @if($item->type === 'external' && $item->url)
                            <span class="ms-2">
                                <strong>URL:</strong> {{ Str::limit($item->url, 40) }}
                            </span>
                        @elseif($item->type === 'route' && $item->route_name)
                            <span class="ms-2">
                                <strong>{{ __('admin/menu.form.route') }}:</strong> {{ $item->route_name }}
                            </span>
                        @elseif(in_array($item->type, ['page', 'training', 'training_category']) && $item->resource_id)
                            <span class="ms-2">
                                <strong>ID:</strong> {{ $item->resource_id }}
                            </span>
                        @endif
                    </small>
                </div>
            </div>
            <div class="d-flex gap-1" role="group">
                <button type="button" 
                        class="btn btn-icon bg-primary-subtle text-primary" 
                        onclick="openMenuItemModal({{ $item->id }})"
                        data-bs-toggle="tooltip" 
                        data-bs-title="{{ __('admin/menu.actions.edit') }}">
                        <i class="ri-pencil-line"></i>
                </button>
                <span data-bs-toggle="tooltip" data-bs-placement="top" title="{{ __('admin/menu.actions.delete') }}">
                    <button type="button"
                            class="btn btn-icon bg-danger-subtle text-danger open-delete-modal"
                            data-bs-toggle="modal"
                            href="#deleteRecordModal"
                            data-delete-url="{{ route('admin.menuitem.destroy', $item->id) }}"
                            data-item-name="{{ $item->title ?? __('admin/menu.untitled') }}"
                            data-item-type="{{ __('admin/menu.delete_modal.item_type') }}"
                            data-bs-toggle="tooltip"
                            data-bs-title="{{ __('admin/menu.actions.delete') }}">
                            <i class="ri-delete-bin-line align-bottom"></i>
                    </button>
                </span>
            </div>
        </div>
    </div>
    
    {{-- Zone pour les enfants avec classe sortable pour permettre le drop --}}
    @if($item->children && $item->children->count() > 0)
        <div class="nested-sortable ms-4">
            @foreach($item->children as $child)
                @include('admin.menu.partials.menu-item', ['item' => $child, 'level' => $level + 1])
            @endforeach
        </div>
    @else
        {{-- Zone de drop vide pour permettre d'ajouter des enfants --}}
        <div class="nested-sortable ms-4" style="min-height: 10px;"></div>
    @endif
</div>