@php
    use App\Enums\AdminAction;

    $label = AdminAction::tryFrom($entry->action)?->label() ?? $entry->action;
    $scalar = function ($v): string {
        if (is_bool($v)) return $v ? 'true' : 'false';
        if (is_null($v)) return '—';
        if (is_array($v)) return json_encode($v, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE);
        return (string) $v;
    };
    $old = $entry->old_value ?? [];
    $new = $entry->new_value ?? [];
    $keys = array_values(array_unique([...array_keys($old), ...array_keys($new)]));

    // Resolve a link to the affected entity where we own a detail screen.
    $entityUrl = match ($entry->entity_type) {
        'user' => $entry->entity_id ? route('admin.users.show', $entry->entity_id) : null,
        'donation' => $entry->entity_id ? route('admin.donations.show', $entry->entity_id) : null,
        default => null,
    };
@endphp

<x-admin.layout :title="'Audit · '.$label" active="audit">
    <x-admin.backlink :href="route('admin.audit')">Audit log</x-admin.backlink>

    <div class="view-head">
        <div style="display:flex;gap:.9rem;align-items:center;min-width:0;">
            <span class="avatar" style="width:52px;height:52px;font-size:1rem;"><i class="fa-light fa-scroll"></i></span>
            <div style="min-width:0;">
                <h2>Audit record · #{{ $entry->id }}</h2>
                <p class="lede">{{ $entry->created_at?->format('d M Y, H:i:s') ?: '—' }}</p>
            </div>
        </div>
        <div style="display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;">
            <x-admin.pill variant="navy"><i class="fa-light fa-lock"></i> Append-only</x-admin.pill>
        </div>
    </div>

    <div class="grid-2">
        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-circle-info">Record</x-admin.eyebrow>
                <div class="mt-1">
                    <x-admin.kv label="Action">{{ $label }} <span class="sub">· {{ $entry->action }}</span></x-admin.kv>
                    <x-admin.kv label="Entity">
                        @if ($entry->entity_type)
                            @if ($entityUrl)<a class="lk" href="{{ $entityUrl }}" wire:navigate>{{ $entry->entity_type }} #{{ $entry->entity_id }}</a>@else{{ $entry->entity_type }}@if ($entry->entity_id) <span>#{{ $entry->entity_id }}</span>@endif @endif
                        @else — @endif
                    </x-admin.kv>
                    <x-admin.kv label="Acting admin">
                        {{ $entry->actor?->full_name ?: 'System' }}
                        @if ($entry->actor_u_ident)<span class="sub">· {{ $entry->actor_u_ident }}</span>@endif
                    </x-admin.kv>
                    <x-admin.kv label="Affected fundraiser">
                        @if ($entry->affectedUser && (int) $entry->affectedUser->role_id === 3)
                            <a class="lk" href="{{ route('admin.users.show', $entry->affectedUser) }}" wire:navigate>{{ $entry->affectedUser->full_name }}</a> <span class="sub">· {{ $entry->affected_u_ident }}</span>
                        @else
                            <span>{{ $entry->affected_u_ident ?: '—' }}</span>
                        @endif
                    </x-admin.kv>
                    <x-admin.kv label="Reason">{{ $entry->reason ?: '—' }}</x-admin.kv>
                    <x-admin.kv label="Timestamp">{{ $entry->created_at?->format('d M Y, H:i:s') ?: '—' }}</x-admin.kv>
                    <x-admin.kv label="User agent"><span class="sub">{{ $entry->user_agent ?: '—' }}</span></x-admin.kv>
                </div>
            </x-admin.panel>

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-right-left">Change</x-admin.eyebrow>
                @if ($keys === [])
                    <p class="sub" style="margin:.6rem 0 0;">No before/after values recorded for this action.</p>
                @else
                    <div class="mt-1">
                        @foreach ($keys as $k)
                            <x-admin.kv :label="$k">
                                @php $hasOld = array_key_exists($k, $old); $hasNew = array_key_exists($k, $new); @endphp
                                @if ($hasOld && $hasNew)
                                    <x-admin.diff :old="$scalar($old[$k])" :new="$scalar($new[$k])" />
                                @elseif ($hasNew)
                                    <span class="new">{{ $scalar($new[$k]) }}</span>
                                @else
                                    <span class="old">{{ $scalar($old[$k]) }}</span>
                                @endif
                            </x-admin.kv>
                        @endforeach
                    </div>
                @endif
            </x-admin.panel>
        </div>

        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-clock-rotate-left">Related activity</x-admin.eyebrow>
                @if ($related->isEmpty())
                    <p class="sub" style="margin:.6rem 0 0;">No other audit entries for this {{ $entry->affected_u_ident ? 'fundraiser' : 'entity' }}.</p>
                @else
                    <x-admin.timeline class="mt-1">
                        @foreach ($related as $r)
                            <x-admin.timeline-item :when="$r->created_at?->diffForHumans()">
                                <a href="{{ route('admin.audit.show', $r) }}" wire:navigate>{{ AdminAction::tryFrom($r->action)?->label() ?? $r->action }}</a>
                                <span class="sub">· {{ $r->actor?->full_name ?: 'System' }}</span>
                            </x-admin.timeline-item>
                        @endforeach
                    </x-admin.timeline>
                @endif
            </x-admin.panel>
        </div>
    </div>
</x-admin.layout>