{{--
    Listagem de perfis de layout no painel (ADR-016). O service informa `title`/`breadcrumbs` e
    preenche **apenas** o conteúdo — a estrutura é do shell (ADR-009/ADR-016).
--}}
<x-layout::cms
    :title="__('layout-service::cms.title')"
    :breadcrumbs="[['label' => __('layout-service::cms.title')]]">
    @if (session('status'))
        <x-cms::alert variant="success">{{ session('status') }}</x-cms::alert>
    @endif

    <div class="mb-4 flex justify-end">
        <x-cms::button variant="primary" :href="route('layout.cms.create')">
            <x-ui::icon name="plus" />
            <span>{{ __('layout-service::cms.new') }}</span>
        </x-cms::button>
    </div>

    <x-cms::table>
        <caption class="sr-only">{{ __('layout-service::cms.title') }}</caption>
        <thead>
            <tr>
                <th scope="col">{{ __('layout-service::cms.scope') }}</th>
                <th scope="col">{{ __('layout-service::cms.placements') }}</th>
                <th scope="col">{{ __('layout-service::cms.status') }}</th>
                <th scope="col">{{ __('layout-service::cms.actions') }}</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($profiles as $profile)
                <tr>
                    <td><code>{{ $profile->scope }}</code></td>
                    <td>{{ count(is_array($profile->placements) ? $profile->placements : []) }}</td>
                    <td>{{ $profile->is_active ? __('layout-service::cms.active') : __('layout-service::cms.inactive') }}</td>
                    <td>
                        <a class="link" href="{{ route('layout.cms.edit', $profile) }}">{{ __('layout-service::cms.edit') }}</a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="4">{{ __('layout-service::cms.empty') }}</td>
                </tr>
            @endforelse
        </tbody>
    </x-cms::table>

    <section class="mt-10" aria-labelledby="layout-widget-catalog-title">
        <h2 id="layout-widget-catalog-title" class="text-xl font-bold">{{ __('layout-service::cms.catalog_title') }}</h2>
        <p class="mt-1 text-sm">{{ __('layout-service::cms.catalog_hint') }}</p>

        <x-cms::table class="mt-4">
            <caption class="sr-only">{{ __('layout-service::cms.catalog_title') }}</caption>
            <thead>
                <tr>
                    <th scope="col">{{ __('layout-service::cms.slot') }}</th>
                    <th scope="col">{{ __('layout-service::cms.widget') }}</th>
                    <th scope="col">{{ __('layout-service::cms.owner') }}</th>
                    <th scope="col">{{ __('layout-service::cms.embeddable') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($slots as $entry)
                    @forelse ($entry['widgets'] as $widget)
                        <tr>
                            <td><code>{{ $entry['slot'] }}</code></td>
                            <td>
                                <span class="inline-flex items-center gap-2">
                                    <x-ui::icon :name="$widget['icon']" class="h-4 w-4" />
                                    <span>{{ __($widget['title']) }}</span>
                                </span>
                                <code class="block text-xs">{{ $widget['id'] }}</code>
                            </td>
                            <td>
                                @if ($widget['owner'] !== null)
                                    {{ $widget['group'] !== null ? $widget['group'].' / ' : '' }}{{ $widget['owner'] }}
                                @else
                                    {{ __('layout-service::cms.owner_unknown') }}
                                @endif
                            </td>
                            <td>{{ $widget['embeddable'] ? __('layout-service::cms.yes') : __('layout-service::cms.no') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td><code>{{ $entry['slot'] }}</code></td>
                            <td colspan="3">{{ __('layout-service::cms.catalog_empty_slot') }}</td>
                        </tr>
                    @endforelse
                @endforeach
            </tbody>
        </x-cms::table>
    </section>
</x-layout::cms>