@use('Core\Localization\LocalizedDate')
@use('Modules\Publicacoes\Noticias\Database\Models\Noticia')

@php
    // Resumo dos filtros ativos: só o que **de fato** filtra a lista entra no resumo. A remoção é
    // um `GET` para a mesma rota sem aquela chave (o componente preserva as demais).
    $activeFilters = [];

    if ($filters['q'] !== '') {
        $activeFilters[] = ['key' => 'q', 'label' => __('noticias::cms.search'), 'value' => $filters['q']];
    }

    if ($filters['status'] !== '') {
        $activeFilters[] = [
            'key' => 'status',
            'label' => __('noticias::cms.filter_status'),
            'value' => __('noticias::cms.status_'.$filters['status']),
        ];
    }

    if ($filters['category'] !== '') {
        $activeFilters[] = [
            'key' => 'category',
            'label' => __('noticias::cms.filter_category'),
            'value' => __('noticias::index.categories.'.$filters['category']),
        ];
    }
@endphp

{{--
    Listagem de notícias no painel (CMS): o módulo informa `title`/`breadcrumbs` e preenche **apenas**
    o conteúdo — a estrutura é do shell (ADR-009/ADR-016). O title da tela é do shell, nunca do módulo.
    Busca sempre visível, filtros avançados em `<details>` nativo, contagem/página no cartão de
    filtros e estado vazio com ação primária (P5.6.S3) — tudo por `GET`, compartilhável.
--}}
<x-layout::cms
    :title="__('noticias::cms.title')"
    :breadcrumbs="[
        ['label' => __('noticias::index.title')],
        ['label' => __('noticias::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('noticias.cms.create')">
            <x-ui::icon name="plus" />
            <span>{{ __('noticias::cms.new') }}</span>
        </x-cms::button>
    </div>

    <x-cms::filter-card
        :title="__('noticias::cms.filters')"
        :action="route('noticias.cms.index')"
        :active="$activeFilters"
        :paginator="$noticias"
        :advanced-open="$filters['status'] !== '' || $filters['category'] !== ''">
        <x-cms::form-group name="q" :label="__('noticias::cms.search')" :value="$filters['q']" />

        <x-slot:advanced>
            <label class="form-control w-full">
                <span class="label"><span class="label-text">{{ __('noticias::cms.filter_status') }}</span></span>
                <select name="status" class="select select-bordered w-full">
                    <option value="">{{ __('noticias::cms.filter_all') }}</option>
                    <option value="publicado" @selected($filters['status'] === 'publicado')>{{ __('noticias::cms.status_publicado') }}</option>
                    <option value="rascunho" @selected($filters['status'] === 'rascunho')>{{ __('noticias::cms.status_rascunho') }}</option>
                </select>
            </label>

            <label class="form-control w-full">
                <span class="label"><span class="label-text">{{ __('noticias::cms.filter_category') }}</span></span>
                <select name="category" class="select select-bordered w-full">
                    <option value="">{{ __('noticias::cms.filter_all') }}</option>
                    @foreach (Noticia::CATEGORIES as $category)
                        <option value="{{ $category }}" @selected($filters['category'] === $category)>{{ __('noticias::index.categories.'.$category) }}</option>
                    @endforeach
                </select>
            </label>
        </x-slot:advanced>
    </x-cms::filter-card>

    <div class="mt-4">
        <x-cms::card>
            @if ($noticias->isEmpty())
                <x-cms::empty-state
                    :title="__('noticias::cms.empty')"
                    :action-url="route('noticias.cms.create')"
                    :action-label="__('noticias::cms.new')"
                    :clear-url="$activeFilters === [] ? null : route('noticias.cms.index')" />
            @else
                <x-cms::table :caption="__('noticias::cms.caption')">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('noticias::cms.col_title') }}</th>
                            <th scope="col">{{ __('noticias::cms.col_category') }}</th>
                            <th scope="col">{{ __('noticias::cms.col_updated') }}</th>
                            <th scope="col">{{ __('noticias::cms.col_status') }}</th>
                            <th scope="col" class="text-end">{{ __('noticias::cms.col_actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($noticias as $noticia)
                            <tr>
                                <td>
                                    <a href="{{ route('noticias.cms.edit', $noticia) }}" class="font-medium link link-hover">
                                        {{ $noticia->title }}
                                    </a>
                                    <span class="block text-xs opacity-70">{{ $noticia->slug }}</span>
                                </td>
                                <td>{{ __('noticias::index.categories.'.$noticia->category) }}</td>
                                <td>{{ LocalizedDate::short($noticia->updated_at) }}</td>
                                <td>
                                    <x-cms::status-badge :status="$noticia->status" :label="__('noticias::cms.status_'.$noticia->status)" />
                                </td>
                                <x-cms::table-actions :label="__('noticias::cms.col_actions')">
                                    <x-cms::button variant="ghost" :href="route('noticias.cms.edit', $noticia)">
                                        <x-ui::icon name="pencil" />
                                        <span class="cms-action-label">{{ __('noticias::cms.action_edit') }}</span>
                                    </x-cms::button>

                                    @if ($noticia->status === 'publicado')
                                        <form method="post" action="{{ route('noticias.cms.status', ['noticia' => $noticia, 'state' => 'despublicar']) }}">
                                            @csrf
                                            <x-cms::button type="submit" variant="ghost">
                                                <x-ui::icon name="eye-off" />
                                                <span class="cms-action-label">{{ __('noticias::cms.action_unpublish') }}</span>
                                            </x-cms::button>
                                        </form>
                                    @else
                                        <form method="post" action="{{ route('noticias.cms.status', ['noticia' => $noticia, 'state' => 'publicar']) }}">
                                            @csrf
                                            <x-cms::button type="submit" variant="ghost">
                                                <x-ui::icon name="send" />
                                                <span class="cms-action-label">{{ __('noticias::cms.action_publish') }}</span>
                                            </x-cms::button>
                                        </form>
                                    @endif

                                    <form method="post" action="{{ route('noticias.cms.destroy', $noticia) }}">
                                        @csrf
                                        @method('DELETE')
                                        <x-cms::button type="submit" variant="ghost">
                                            <x-ui::icon name="archive" />
                                            <span class="cms-action-label">{{ __('noticias::cms.action_archive') }}</span>
                                        </x-cms::button>
                                    </form>
                                </x-cms::table-actions>
                            </tr>
                        @endforeach
                    </tbody>
                </x-cms::table>

                <x-cms::pagination :paginator="$noticias" />
            @endif
        </x-cms::card>
    </div>
</x-layout::cms>