{{-- One line of the journal. Expects $activity; $showProject and $showTicket are optional. --}}
@php
    $viewer = auth()->user();
    $changes = $activity->event === 'ticket.updated' ? $activity->changes() : [];
    if ($viewer->isClient()) {
        $changes = array_diff_key($changes, array_flip(['is_visible_to_client', 'assigned_to_id']));
    }
    $dot = match (true) {
        str_starts_with($activity->event, 'ticket.moved') => ! empty($activity->properties['closed']) ? 'bg-emerald-500' : 'bg-indigo-500',
        str_starts_with($activity->event, 'comment.') => 'bg-sky-500',
        str_starts_with($activity->event, 'auth.failed') => 'bg-rose-500',
        str_ends_with($activity->event, '.deleted') || str_ends_with($activity->event, '.removed') || $activity->event === 'token.revoked' => 'bg-rose-400',
        default => 'bg-slate-400',
    };
@endphp
<li class="relative pl-5 py-2 text-xs">
    <span class="absolute left-0 top-3.5 w-2 h-2 rounded-full {{ $dot }}"></span>
    <div class="flex flex-wrap items-baseline justify-between gap-x-3">
        <p class="text-slate-700">
            <strong class="text-slate-900">{{ $activity->actorNameFor($viewer) }}</strong>
            {{ $activity->description($viewer) }}
            @if(($showProject ?? false) && $activity->project)
                <span class="text-slate-400">— {{ $activity->project->name }}</span>
            @endif
            @if(($showTicket ?? false) && $activity->ticket)
                <a href="{{ route('tickets.show', [$activity->ticket->project_id, $activity->ticket]) }}" class="text-indigo-600 hover:underline">« {{ \Illuminate\Support\Str::limit($activity->ticket->title, 60) }} »</a>
            @endif
        </p>
        <time class="text-[11px] text-slate-400 shrink-0" datetime="{{ $activity->created_at->toIso8601String() }}" title="{{ $activity->created_at->format('d/m/Y à H:i:s') }}">
            {{ $activity->created_at->format('d/m/Y H:i') }}
        </time>
    </div>
    @if($changes !== [])
        <ul class="mt-1 space-y-0.5 text-[11px] text-slate-500">
            @foreach($changes as $field => [$before, $after])
                <li>
                    <span class="font-semibold">{{ ucfirst(\App\Models\Activity::TRACKED_TICKET_FIELDS[$field] ?? ($field === 'labels' ? 'les étiquettes' : $field)) }}</span> :
                    @if(in_array($field, ['description', 'test_instructions'], true))
                        <details class="inline">
                            <summary class="inline cursor-pointer text-indigo-600">voir l'avant / l'après</summary>
                            <div class="mt-1 grid sm:grid-cols-2 gap-2">
                                <div class="p-2 rounded-lg bg-rose-50 whitespace-pre-line">{{ \App\Models\Activity::displayValue($field, $before) }}</div>
                                <div class="p-2 rounded-lg bg-emerald-50 whitespace-pre-line">{{ \App\Models\Activity::displayValue($field, $after) }}</div>
                            </div>
                        </details>
                    @else
                        <span class="line-through">{{ \App\Models\Activity::displayValue($field, $before) }}</span>
                        → <span class="text-slate-700">{{ \App\Models\Activity::displayValue($field, $after) }}</span>
                    @endif
                </li>
            @endforeach
        </ul>
    @elseif($activity->event === 'comment.added' && ! empty($activity->properties['excerpt']) && ! $viewer->isClient())
        <p class="mt-0.5 text-[11px] text-slate-500 italic">« {{ $activity->properties['excerpt'] }} »</p>
    @endif
</li>