@use('Core\Localization\LocalizedDate')

{{--
    Leitor da trilha de auditoria (P3.S4): somente leitura, filtros por `GET` e paginação por
    **cursor** (keyset `created_at desc, id desc`). Um único shell, só o conteúdo; o título e a
    estrutura são do layout (ADR-009/ADR-016/ADR-036). Nenhuma ação de edição/exclusão — a trilha é
    imutável (ADR-035). Sem estilo/JS inline; valores brutos sempre escapados.
--}}
<x-layout::cms
    :title="__('painel::audit.title')"
    :breadcrumbs="[
        ['label' => __('painel::index.title'), 'url' => route('painel.cms.index')],
        ['label' => __('painel::audit.title')],
    ]">
    <p class="mb-2 max-w-prose text-sm opacity-70">{{ __('painel::audit.intro') }}</p>
    <p class="mb-4 max-w-prose text-xs opacity-70">{{ __('painel::audit.immutable') }}</p>

    <x-cms::form-errors />

    <x-cms::filter-card :title="__('painel::audit.filters')">
        <x-cms::form-group
            name="event"
            :label="__('painel::audit.filter_event')"
            :value="$filters->event"
            :help="__('painel::audit.filter_event_help')"
            maxlength="191" />

        <x-cms::form-group
            name="module"
            :label="__('painel::audit.filter_module')"
            :value="$filters->module"
            maxlength="191" />

        <x-cms::form-group
            name="actor"
            :label="__('painel::audit.filter_actor')"
            :value="$filters->actor"
            :help="__('painel::audit.filter_actor_help')"
            maxlength="191" />

        <x-cms::form-group
            name="from"
            type="date"
            :label="__('painel::audit.filter_from')"
            :value="$filters->from?->format('Y-m-d')" />

        <x-cms::form-group
            name="to"
            type="date"
            :label="__('painel::audit.filter_to')"
            :value="$filters->to?->format('Y-m-d')" />

        <label class="form-control w-full">
            <span class="label"><span class="label-text">{{ __('painel::audit.filter_per_page') }}</span></span>
            <select name="per_page" class="select select-bordered w-full">
                @foreach ([10, 25, 50, 100] as $size)
                    <option value="{{ $size }}" @selected($filters->perPage === $size)>{{ $size }}</option>
                @endforeach

                @if (! in_array($filters->perPage, [10, 25, 50, 100], true))
                    <option value="{{ $filters->perPage }}" selected>{{ $filters->perPage }}</option>
                @endif
            </select>
        </label>
    </x-cms::filter-card>

    <div class="mt-4">
        <x-cms::card>
            <x-cms::data-table
                :caption="__('painel::audit.caption')"
                :columns="[
                    ['label' => __('painel::audit.col_created_at')],
                    ['label' => __('painel::audit.col_event')],
                    ['label' => __('painel::audit.col_module')],
                    ['label' => __('painel::audit.col_actor')],
                    ['label' => __('painel::audit.col_origin')],
                    ['label' => __('painel::audit.col_actions'), 'class' => 'text-end'],
                ]"
                :empty="$page->rows === []"
                :empty-label="$page->filtered ? __('painel::audit.empty_filtered') : __('painel::audit.empty')">
                @foreach ($page->rows as $row)
                    <tr data-audit-id="{{ $row->id }}" data-event="{{ $row->event }}">
                        <td>
                            <time datetime="{{ $row->createdAt->toIso8601String() }}">{{ LocalizedDate::dateTime($row->createdAt) }}</time>
                        </td>
                        <td><code class="text-xs">{{ $row->event }}</code></td>
                        <td>{{ $row->module ?? __('painel::audit.none') }}</td>
                        <td>
                            @if ($row->actorName !== null)
                                <span class="font-medium">{{ $row->actorName }}</span>
                                @if ($row->actorEmail !== null)
                                    <span class="block text-xs opacity-70">{{ $row->actorEmail }}</span>
                                @endif
                            @elseif ($row->actorEmail !== null)
                                {{ $row->actorEmail }}
                            @else
                                <span class="opacity-70">{{ __('painel::audit.anonymous') }}</span>
                            @endif
                        </td>
                        <td><code class="text-xs">{{ $row->origin ?? __('painel::audit.none') }}</code></td>
                        <td class="text-end">
                            <x-cms::button variant="ghost" :href="route('painel.cms.audit.show', ['log' => $row->id])">
                                <x-ui::icon name="eye" />
                                <span>{{ __('painel::audit.action_view') }}</span>
                            </x-cms::button>
                        </td>
                    </tr>
                @endforeach
            </x-cms::data-table>

            @if ($page->prevUrl !== null || $page->nextUrl !== null)
                <nav class="mt-4" aria-label="{{ __('layout::shell.pagination') }}">
                    <ul class="flex flex-wrap items-center justify-center gap-1">
                        <li>
                            @if ($page->prevUrl !== null)
                                <a class="btn min-h-11 min-w-11" href="{{ $page->prevUrl }}" rel="prev"
                                   aria-label="{{ __('layout::shell.pagination_previous') }}">«</a>
                            @else
                                <span class="btn min-h-11 min-w-11" aria-disabled="true"
                                      aria-label="{{ __('layout::shell.pagination_previous') }}">«</span>
                            @endif
                        </li>
                        <li>
                            @if ($page->nextUrl !== null)
                                <a class="btn min-h-11 min-w-11" href="{{ $page->nextUrl }}" rel="next"
                                   aria-label="{{ __('layout::shell.pagination_next') }}">»</a>
                            @else
                                <span class="btn min-h-11 min-w-11" aria-disabled="true"
                                      aria-label="{{ __('layout::shell.pagination_next') }}">»</span>
                            @endif
                        </li>
                    </ul>
                </nav>
            @endif
        </x-cms::card>
    </div>
</x-layout::cms>