<div class="flex items-start gap-x-3 px-5 py-4 border-b border-gray-100 dark:border-gray-700 last:border-b-0">
    <span class="mt-0.5 inline-flex shrink-0 items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $entry->type === App\Enums\ActivityTypeEnum::ERROR ? 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300' : 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300' }}">
        {{ $entry->type->label() }}
    </span>

    <div class="min-w-0 flex-1">
        <p class="text-sm text-gray-900 dark:text-gray-100">{{ $entry->message }}</p>
        @if ($entry->subject instanceof App\Models\Article)
            <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $entry->subject->feed?->name }}</p>
        @endif
        @if (($entry->context['reason'] ?? null) !== null)
            <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">{{ $entry->context['reason'] }}</p>
        @endif
    </div>

    <time
        datetime="{{ $entry->logged_at->toIso8601String() }}"
        title="{{ $entry->logged_at->toDayDateTimeString() }}"
        class="shrink-0 text-xs text-gray-500 dark:text-gray-400"
    >
        {{ $entry->logged_at->diffForHumans() }}
    </time>
</div>
