@php
    $terms = $event->matched_terms ?? [];
    $isUsername = $event->source === \App\Enums\ModerationSource::Username;
@endphp

<x-admin.layout :title="'Moderation · '.$event->type->label()" active="moderation">
    <x-admin.backlink :href="route('admin.moderation')">Moderation</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="{{ $event->source->icon() }}"></i></span>
            <div style="min-width:0;">
                <h2>{{ $event->source->label() }} · {{ $event->type->label() }}</h2>
                <p class="lede">{{ $event->created_at?->format('d M Y, H:i') ?: '—' }}</p>
            </div>
        </div>
        <div style="display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;">
            <x-admin.pill :variant="$event->type->tone()" icon="fa-solid fa-circle">{{ $event->type->label() }}</x-admin.pill>
            @if ($event->type->isAutomatic())<x-admin.pill variant="neutral"><i class="fa-light fa-robot"></i> Automatic</x-admin.pill>@endif
        </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">Trigger</x-admin.eyebrow>
                <div class="mt-1">
                    <x-admin.kv label="Source">{{ $event->source->label() }}</x-admin.kv>
                    <x-admin.kv label="Event">{{ $event->type->label() }}</x-admin.kv>
                    <x-admin.kv label="When">{{ $event->created_at?->format('d M Y, H:i') ?: '—' }}</x-admin.kv>
                    <x-admin.kv label="User">@if ($user)<a class="lk" href="{{ route('admin.users.show', $user->id) }}" wire:navigate>{{ $user->full_name ?: $user->username }}</a> <span class="sub">· {{ $event->u_ident }}</span>@else<span>{{ $event->u_ident ?: '—' }}</span>@endif</x-admin.kv>
                    @if ($event->email)<x-admin.kv label="Email"><a class="lk" href="mailto:{{ $event->email }}">{{ $event->email }}</a></x-admin.kv>@endif
                    <x-admin.kv label="Matched terms">@if ($terms !== [])<span style="color:var(--coral);">{{ implode(', ', $terms) }}</span>@else—@endif</x-admin.kv>
                    <x-admin.kv label="By">{{ $event->type->isAutomatic() ? 'System (automatic)' : ($event->actor?->full_name ?: '—') }}</x-admin.kv>
                    @if ($event->subject_type === 'donation' && $event->subject_id)
                        <x-admin.kv label="Donation"><a class="lk" href="{{ route('admin.donations.show', $event->subject_id) }}" wire:navigate>View donation <i class="fa-light fa-arrow-right"></i></a></x-admin.kv>
                    @elseif ($event->subject_type === 'campaign' && $user)
                        <x-admin.kv label="Campaign"><a class="lk" href="{{ route('admin.users.show', $user->id) }}" wire:navigate>View fundraiser <i class="fa-light fa-arrow-right"></i></a></x-admin.kv>
                    @endif
                </div>
            </x-admin.panel>

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-file-lines">{{ $isUsername ? 'Attempted username' : 'Content' }}</x-admin.eyebrow>
                <div class="mt-1">
                    <div class="sub" style="margin-bottom:.3rem;">{{ $isUsername ? 'Rejected handle' : 'Original (as submitted, retained for appeal)' }}</div>
                    <div class="note-tile">{{ trim((string) $event->original_text) !== '' ? $event->original_text : '—' }}</div>

                    @unless ($isUsername)
                        <div class="sub" style="margin:.8rem 0 .3rem;">Cleaned (saved &amp; shown publicly)</div>
                        <div class="note-tile">{{ trim((string) $event->cleaned_text) !== '' ? $event->cleaned_text : '—' }}</div>
                    @endunless

                    @if ($event->note)
                        <div class="sub" style="margin:.8rem 0 .3rem;">Moderator note</div>
                        <div class="note-tile">{{ $event->note }}</div>
                    @endif
                </div>
            </x-admin.panel>
        </div>

        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            @if ($event->subject_type === 'donation' && $event->subject_id)
                <livewire:admin.moderation-actions
                    subject-type="donation"
                    :subject-id="(int) $event->subject_id"
                    :u-ident="$event->u_ident"
                    :return-to="route('admin.moderation.show', $event->id)" />
            @endif

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-clock-rotate-left">History</x-admin.eyebrow>
                @if ($related->isEmpty())
                    <p class="sub" style="margin:.6rem 0 0;">No other moderation events for this {{ $event->subject_id ? 'item' : 'user' }}.</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.moderation.show', $r) }}" wire:navigate>{{ $r->type->label() }}</a>
                                <span class="sub">· {{ $r->source->label() }}{{ $r->type->isAutomatic() ? '' : ' · '.($r->actor?->full_name ?: '—') }}</span>
                            </x-admin.timeline-item>
                        @endforeach
                    </x-admin.timeline>
                @endif
            </x-admin.panel>
        </div>
    </div>
</x-admin.layout>