@use('Core\Localization\Locales')
@use('Modules\Infraestrutura\Menus\Logic\Support\MenusTree')

{{--
    Árvore de itens do menu. Parcial (sem shell): usada por `cms/items.blade.php`.
    Subárvore é recursão por `children`; a profundidade é limitada a 3 pela Action.
--}}
@foreach ($nodes as $node)
    @php
        $item = $node['item'];
        $indent = match ($node['level']) {
            2 => 'ps-6',
            3 => 'ps-12',
            default => '',
        };
    @endphp
    <tr>
        <td class="{{ $indent }}">
            <span class="inline-flex items-center gap-2">
                @if (filled($item->icon))
                    <x-ui::icon :name="$item->icon" />
                @endif
                <span class="font-medium">{{ MenusTree::label($item, $locale) }}</span>
            </span>
            <span class="sr-only">{{ __('menus::cms.level_label', ['level' => $node['level']]) }}</span>
            <span class="block text-xs opacity-70">
                <code>{{ $item->type }}: {{ $item->type === 'url' ? ($item->target['url'] ?? '') : ($item->target['route'] ?? ($item->target['page'] ?? '')) }}</code>
            </span>
        </td>
        <td>{{ $item->position }}</td>
        <td>
            <x-cms::status-badge
                :status="$item->active ? 'publicado' : 'arquivado'"
                :label="__($item->active ? 'menus::cms.active' : 'menus::cms.inactive')"
            />
        </td>
        <x-cms::table-actions :label="__('menus::cms.col_actions')">
                <form method="post" action="{{ route('menus.cms.items.move', ['menu' => $menu, 'item' => $item, 'direction' => 'up']) }}">
                    @csrf
                    <x-cms::button type="submit" variant="ghost">
                        <x-ui::icon name="arrow-left" />
                        <span class="sr-only">{{ __('menus::cms.move_up') }}</span>
                    </x-cms::button>
                </form>

                <form method="post" action="{{ route('menus.cms.items.move', ['menu' => $menu, 'item' => $item, 'direction' => 'down']) }}">
                    @csrf
                    <x-cms::button type="submit" variant="ghost">
                        <x-ui::icon name="arrow-right" />
                        <span class="sr-only">{{ __('menus::cms.move_down') }}</span>
                    </x-cms::button>
                </form>

                <form method="post" action="{{ route('menus.cms.items.toggle', ['menu' => $menu, 'item' => $item]) }}">
                    @csrf
                    <x-cms::button type="submit" variant="ghost">
                        <x-ui::icon :name="$item->active ? 'eye-off' : 'eye'" />
                        <span class="sr-only">{{ __($item->active ? 'menus::cms.deactivate' : 'menus::cms.activate') }}</span>
                    </x-cms::button>
                </form>

                <x-cms::button variant="ghost" :href="route('menus.cms.items.edit', ['menu' => $menu, 'item' => $item])">
                    <x-ui::icon name="pencil" />
                    <span class="sr-only">{{ __('menus::cms.action_edit') }}</span>
                </x-cms::button>

                <form method="post" action="{{ route('menus.cms.items.destroy', ['menu' => $menu, 'item' => $item]) }}">
                    @csrf
                    @method('DELETE')
                    <x-cms::button type="submit" variant="ghost">
                        <x-ui::icon name="trash-2" />
                        <span class="sr-only">{{ __('menus::cms.action_delete') }}</span>
                    </x-cms::button>
                </form>
        </x-cms::table-actions>
    </tr>

    @if ($node['children'] !== [])
        @include('menus::cms.partials.menu-tree', [
            'nodes' => $node['children'],
            'menu' => $menu,
            'locale' => $locale,
        ])
    @endif
@endforeach