@use('Core\Localization\LocalizedDate')
@use('Modules\Portal\Destaques\Logic\Enums\DestaqueState')

{{--
    Listagem de destaques no painel (P5.S4.1): o módulo informa `title`/`breadcrumbs` e preenche
    **apenas** o conteúdo — a estrutura é do shell (ADR-009/ADR-016).

    A ordem da tabela é a pilha pública (slot → posição → id) e o estado efetivo vem do
    `DestaqueWindow` (Clock injetado) — vigência é dado, não texto solto. As ações de linha são
    `POST` com CSRF (nunca `GET` mutando) e o arquivamento usa confirmação nativa (Popover), sem JS.
--}}

<x-layout::cms
    :title="__('destaques::cms.title')"
    :breadcrumbs="[
        ['label' => __('destaques::index.title')],
        ['label' => __('destaques::cms.title')],
    ]">
    @if (session('status'))
        <x-cms::alert variant="success">{{ session('status') }}</x-cms::alert>
    @endif

    <p class="text-sm opacity-70">{{ __('destaques::cms.intro') }}</p>

    @if ($canEdit)
        <div class="mt-4 flex justify-end">
            <x-cms::button variant="primary" :href="route('destaques.cms.create')">
                <x-ui::icon name="plus" />
                <span>{{ __('destaques::cms.new') }}</span>
            </x-cms::button>
        </div>
    @endif

    <div class="mt-4">
        <x-cms::filter-card :title="__('destaques::cms.filters')">
            <x-cms::form-group name="q" :label="__('destaques::cms.search')" :value="$filters['q']" />

            <label class="form-control w-full">
                <span class="label"><span class="label-text">{{ __('destaques::cms.filter_slot') }}</span></span>
                <select name="slot" class="select select-bordered w-full">
                    <option value="">{{ __('destaques::cms.filter_all_slots') }}</option>
                    @foreach ($slots as $slot)
                        <option value="{{ $slot->value }}" @selected($filters['slot'] === $slot->value)>
                            {{ __($slot->labelKey()) }}
                        </option>
                    @endforeach
                </select>
            </label>

            <label class="form-control w-full">
                <span class="label"><span class="label-text">{{ __('destaques::cms.filter_state') }}</span></span>
                <select name="state" class="select select-bordered w-full">
                    <option value="" @selected($filters['state'] === '')>{{ __('destaques::cms.filter_active_all') }}</option>
                    <option value="ativos" @selected($filters['state'] === 'ativos')>{{ __('destaques::cms.filter_ativos') }}</option>
                    <option value="inativos" @selected($filters['state'] === 'inativos')>{{ __('destaques::cms.filter_inativos') }}</option>
                    <option value="arquivados" @selected($filters['state'] === 'arquivados')>{{ __('destaques::cms.filter_arquivados') }}</option>
                </select>
            </label>
        </x-cms::filter-card>
    </div>

    <div class="mt-4">
        <x-cms::card>
            @if ($destaques->isEmpty())
                <x-cms::empty-state :title="__('destaques::cms.empty')" />
            @else
                <x-cms::table :caption="__('destaques::cms.caption')">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('destaques::cms.col_title') }}</th>
                            <th scope="col">{{ __('destaques::cms.col_slot') }}</th>
                            <th scope="col">{{ __('destaques::cms.col_position') }}</th>
                            <th scope="col">{{ __('destaques::cms.col_window') }}</th>
                            <th scope="col">{{ __('destaques::cms.col_state') }}</th>
                            <th scope="col" class="text-end">{{ __('destaques::cms.col_actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($destaques as $destaque)
                            @php
                                $state = $states[$destaque->id] ?? DestaqueState::Inativo;
                            @endphp
                            <tr>
                                <td>
                                    @if ($canEdit && ! $destaque->isArchived())
                                        <a href="{{ route('destaques.cms.edit', $destaque) }}" class="font-medium link link-hover">
                                            {{ $destaque->title ?? $destaque->alt }}
                                        </a>
                                    @else
                                        <span class="font-medium">{{ $destaque->title ?? $destaque->alt }}</span>
                                    @endif
                                    <span class="block text-xs opacity-70">{{ $destaque->alt }}</span>
                                </td>
                                <td>{{ __($destaque->slot->labelKey()) }}</td>
                                <td>{{ $destaque->position }}</td>
                                <td>
                                    @if ($destaque->starts_at === null && $destaque->ends_at === null)
                                        <span class="text-sm opacity-70">{{ __('destaques::cms.window_always') }}</span>
                                    @elseif ($destaque->starts_at !== null && $destaque->ends_at !== null)
                                        <span class="block text-sm">
                                            {{ LocalizedDate::dateTime($destaque->starts_at) }} — {{ LocalizedDate::dateTime($destaque->ends_at) }}
                                        </span>
                                    @elseif ($destaque->starts_at !== null)
                                        <span class="block text-sm">
                                            {{ __('destaques::cms.window_from') }} {{ LocalizedDate::dateTime($destaque->starts_at) }}
                                        </span>
                                    @else
                                        <span class="block text-sm">
                                            {{ __('destaques::cms.window_until') }} {{ LocalizedDate::dateTime($destaque->ends_at) }}
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    <x-cms::badge :variant="$state === DestaqueState::Vigente ? 'success' : ($state === DestaqueState::Agendado ? 'info' : ($state === DestaqueState::Expirado ? 'warning' : 'neutral'))">
                                        {{ __('destaques::cms.state_'.$state->value) }}
                                    </x-cms::badge>
                                </td>
                                <x-cms::table-actions :label="__('destaques::cms.col_actions')">
                                        @if ($canEdit && ! $destaque->isArchived())
                                            <x-cms::button variant="ghost" :href="route('destaques.cms.edit', $destaque)">
                                                <x-ui::icon name="pencil" />
                                                <span class="sr-only">{{ __('destaques::cms.action_edit') }}</span>
                                            </x-cms::button>

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

                                        @if ($canArchive && ! $destaque->isArchived())
                                            <x-cms::confirm
                                                :id="'destaque-archive-'.$destaque->id"
                                                :action="route('destaques.cms.archive', $destaque)"
                                                :title="__('destaques::cms.archive')"
                                                :label="__('destaques::cms.action_archive')"
                                                :message="__('destaques::cms.archive_confirm', ['title' => $destaque->title ?? $destaque->alt])"
                                                :confirm-label="__('destaques::cms.archive')"
                                                variant="ghost" />
                                        @endif
                                </x-cms::table-actions>
                            </tr>
                        @endforeach
                    </tbody>
                </x-cms::table>

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