@php
    use App\Support\Badges\BadgeCatalog;
    use App\Support\Badges\BadgeDomain;
    use App\Support\Diff\ValueStringifier;
    use Illuminate\Support\Str;

    $badge = BadgeCatalog::spec(BadgeDomain::DiffRowStatus, $row->status);
    $stringifier = app(ValueStringifier::class);
    $rowId = 'diff-row-'.Str::slug($row->key.'-'.$row->status->value);
    $padding = $compact ? 'p-3' : 'p-4';
    $bodyClasses = $dimUnchanged
        ? 'text-gray-600 dark:text-gray-400'
        : 'text-gray-900 dark:text-gray-100';
@endphp

<article
    aria-labelledby="{{ $rowId }}"
    class="rounded-xl border border-gray-200 bg-white border-dashed opacity-95 {{ $padding }} dark:border-white/10 dark:bg-gray-900"
>
    <div class="flex flex-wrap items-start justify-between gap-3">
        <div class="space-y-1">
            <div class="flex flex-wrap items-center gap-2">
                <h4 id="{{ $rowId }}" class="text-sm font-semibold text-gray-950 dark:text-white">{{ $row->label }}</h4>
                <x-filament::badge :color="$badge->color" :icon="$badge->icon">{{ $badge->label }}</x-filament::badge>
            </div>
            <p class="text-xs text-gray-500 dark:text-gray-400">No material change</p>
        </div>
    </div>

    <div class="mt-3">
        @if ($row->isListLike)
            @include('filament.partials.diff.inline-list', [
                'row' => $row,
                'compact' => $compact,
                'dimUnchanged' => $dimUnchanged,
            ])
        @else
            <dl>
                <div>
                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Value</dt>
                    <dd class="mt-1 text-sm {{ $bodyClasses }}">{{ $stringifier->stringify($row->newValue ?? $row->oldValue) }}</dd>
                </div>
            </dl>
        @endif
    </div>
</article>