@use('Core\Localization\LocalizedDate')
@use('Modules\Portal\Lgpd\Database\Models\LgpdDsarRequest')

{{--
    Acompanhamento dos DSARs no painel: o módulo informa `title`/`breadcrumbs` e preenche o conteúdo
    (ADR-009/ADR-016).
--}}
<x-layout::cms
    :title="__('lgpd::cms.title')"
    :breadcrumbs="[
        ['label' => __('lgpd::menu.title')],
        ['label' => __('lgpd::cms.title')],
    ]">
    @if (session('status'))
        <x-cms::alert variant="success">{{ session('status') }}</x-cms::alert>
    @endif

    <x-cms::filter-card :title="__('lgpd::cms.filters')">
        <label class="form-control w-full">
            <span class="label"><span class="label-text">{{ __('lgpd::cms.filter_status') }}</span></span>
            <select name="status" class="select select-bordered w-full">
                <option value="">{{ __('lgpd::cms.filter_all') }}</option>
                @foreach (LgpdDsarRequest::STATUSES as $status)
                    <option value="{{ $status }}" @selected($filters['status'] === $status)>{{ __('lgpd::cms.status_'.$status) }}</option>
                @endforeach
            </select>
        </label>
    </x-cms::filter-card>

    <div class="mt-4">
        <x-cms::card>
            @if ($requests->isEmpty())
                <x-cms::empty-state />
            @else
                <x-cms::table :caption="__('lgpd::cms.caption')">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('lgpd::cms.col_protocol') }}</th>
                            <th scope="col">{{ __('lgpd::cms.col_type') }}</th>
                            <th scope="col">{{ __('lgpd::cms.col_due') }}</th>
                            <th scope="col">{{ __('lgpd::cms.col_status') }}</th>
                            <th scope="col" class="text-end">{{ __('lgpd::cms.col_actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($requests as $dsar)
                            <tr>
                                <td>
                                    <a href="{{ route('lgpd.cms.show', $dsar) }}" class="font-medium link link-hover">{{ $dsar->protocol }}</a>
                                </td>
                                <td>{{ __('lgpd::index.type_'.$dsar->type) }}</td>
                                <td>
                                    {{ LocalizedDate::short($dsar->due_at) }}
                                    @if ($dsar->isOverdue($now))
                                        <span class="badge badge-error">{{ __('lgpd::cms.overdue') }}</span>
                                    @endif
                                </td>
                                <td><span class="badge">{{ __('lgpd::cms.status_'.$dsar->status) }}</span></td>
                                <x-cms::table-actions :label="__('lgpd::cms.col_actions')">
                                        <x-cms::button variant="ghost" :href="route('lgpd.cms.show', $dsar)">
                                            <x-ui::icon name="pencil" />
                                            <span class="sr-only">{{ __('lgpd::cms.action_open') }}</span>
                                        </x-cms::button>
                                </x-cms::table-actions>
                            </tr>
                        @endforeach
                    </tbody>
                </x-cms::table>

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