@use('Core\Localization\LocalizedDate')

{{--
    Detalhe de um evento da trilha (P3.S4): leitura imutável, sem formulário de escrita. O shell é
    o único dono da estrutura e do título da página; os payloads (JSON) são exibidos como texto
    escapado — nenhum HTML da trilha é renderizado (ADR-035).
--}}
<x-layout::cms
    :title="__('painel::audit.detail_title')"
    :breadcrumbs="[
        ['label' => __('painel::index.title'), 'url' => route('painel.cms.index')],
        ['label' => __('painel::audit.title'), 'url' => route('painel.cms.audit')],
        ['label' => __('painel::audit.detail_title')],
    ]">
    <div class="mb-4">
        <x-cms::button variant="ghost" :href="route('painel.cms.audit')">
            <x-ui::icon name="arrow-left" />
            <span>{{ __('painel::audit.back') }}</span>
        </x-cms::button>
    </div>

    <p class="mb-4 max-w-prose text-xs opacity-70">{{ __('painel::audit.immutable') }}</p>

    <x-cms::card :title="__('painel::audit.details')">
        <dl class="grid gap-4 sm:grid-cols-2">
            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_created_at') }}</dt>
                <dd>
                    <time datetime="{{ $entry->createdAt->toIso8601String() }}">{{ LocalizedDate::dateTime($entry->createdAt) }}</time>
                </dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_event') }}</dt>
                <dd><code class="text-xs">{{ $entry->event }}</code></dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_module') }}</dt>
                <dd>{{ $entry->module ?? __('painel::audit.none') }}</dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_area') }}</dt>
                <dd>{{ $entry->area ?? __('painel::audit.none') }}</dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_origin') }}</dt>
                <dd><code class="text-xs">{{ $entry->origin ?? __('painel::audit.none') }}</code></dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_target') }}</dt>
                <dd><code class="text-xs">{{ $entry->entityType }} · {{ $entry->entityId }}</code></dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_actor') }}</dt>
                <dd>
                    @if ($entry->actorName !== null)
                        <span class="font-medium">{{ $entry->actorName }}</span>
                    @endif
                    @if ($entry->actorEmail !== null)
                        <span class="block text-xs opacity-70">{{ $entry->actorEmail }}</span>
                    @endif
                    @if ($entry->actorId !== null)
                        <code class="block text-xs opacity-70">{{ $entry->actorId }}</code>
                    @endif
                    @if ($entry->actorName === null && $entry->actorEmail === null && $entry->actorId === null)
                        <span class="opacity-70">{{ __('painel::audit.anonymous') }}</span>
                    @endif
                </dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_request_id') }}</dt>
                <dd><code class="text-xs">{{ $entry->requestId ?? __('painel::audit.none') }}</code></dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_trace_id') }}</dt>
                <dd><code class="text-xs">{{ $entry->traceId ?? __('painel::audit.none') }}</code></dd>
            </div>

            <div>
                <dt class="text-sm opacity-70">{{ __('painel::audit.field_integrity_hash') }}</dt>
                <dd><code class="break-all text-xs">{{ $entry->integrityHash }}</code></dd>
            </div>
        </dl>
    </x-cms::card>

    <div class="mt-4 grid gap-4 lg:grid-cols-3">
        <x-cms::card :title="__('painel::audit.before')">
            @if ($entry->before !== null)
                <pre class="overflow-x-auto text-xs" data-payload="before">{{ $entry->before }}</pre>
            @else
                <p class="text-sm opacity-70">{{ __('painel::audit.none') }}</p>
            @endif
        </x-cms::card>

        <x-cms::card :title="__('painel::audit.after')">
            @if ($entry->after !== null)
                <pre class="overflow-x-auto text-xs" data-payload="after">{{ $entry->after }}</pre>
            @else
                <p class="text-sm opacity-70">{{ __('painel::audit.none') }}</p>
            @endif
        </x-cms::card>

        <x-cms::card :title="__('painel::audit.changes')">
            @if ($entry->changes !== null)
                <pre class="overflow-x-auto text-xs" data-payload="changes">{{ $entry->changes }}</pre>
            @else
                <p class="text-sm opacity-70">{{ __('painel::audit.none') }}</p>
            @endif
        </x-cms::card>
    </div>
</x-layout::cms>