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

{{--
    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.
--}}
<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')">
        <x-cms::form-group name="q" :label="__('noticias::cms.search')" :value="$filters['q']" />

        <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-cms::filter-card>

    <div class="mt-4">
        <x-cms::card>
            @if ($noticias->isEmpty())
                <x-cms::empty-state />
            @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="sr-only">{{ __('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="sr-only">{{ __('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="sr-only">{{ __('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="sr-only">{{ __('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>