@php
    /** @var ?\App\Models\Tenant $tenant */
    /** @var \Illuminate\Support\Collection<int, \App\Models\OperationRun> $runs */
    /** @var string $operationsIndexUrl */
    /** @var string $operationsIndexLabel */
    /** @var string $operationsIndexDescription */
@endphp

<x-filament::section heading="Recent operations">
    @if ($runs->isEmpty())
        <div class="text-sm text-gray-500 dark:text-gray-400">
            No operations yet.
        </div>
    @else
        <ul class="divide-y divide-gray-100 dark:divide-gray-800">
            @foreach ($runs as $run)
                @php
                    $statusSpec = \App\Support\Badges\BadgeRenderer::spec(
                        \App\Support\Badges\BadgeDomain::OperationRunStatus,
                        (string) $run->status,
                    );
                    $outcomeSpec = \App\Support\Badges\BadgeRenderer::spec(
                        \App\Support\Badges\BadgeDomain::OperationRunOutcome,
                        (string) $run->outcome,
                    );
                    $guidance = \App\Support\OpsUx\OperationUxPresenter::surfaceGuidance($run);
                @endphp
                <li class="flex items-center justify-between gap-3 py-2">
                    <div class="min-w-0">
                        <div class="truncate text-sm font-medium">
                            {{ \App\Support\OperationCatalog::label((string) $run->type) }}
                        </div>

                        <div class="mt-1 flex flex-wrap items-center gap-2">
                            <x-filament::badge :color="$statusSpec->color" size="sm">
                                {{ $statusSpec->label }}
                            </x-filament::badge>
                            <x-filament::badge :color="$outcomeSpec->color" size="sm">
                                {{ $outcomeSpec->label }}
                            </x-filament::badge>
                        </div>

                        <div class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                            {{ $run->created_at?->diffForHumans() ?? '—' }}
                        </div>

                        @if ($guidance)
                            <div class="mt-1 text-xs text-gray-600 dark:text-gray-300">
                                {{ $guidance }}
                            </div>
                        @endif
                    </div>

                    <div class="shrink-0">
                        <a
                            href="{{ \App\Support\OperationRunLinks::tenantlessView($run) }}"
                            class="text-sm font-medium text-primary-600 hover:text-primary-500 dark:text-primary-400 dark:hover:text-primary-300"
                        >
                            Open operation
                        </a>
                    </div>
                </li>
            @endforeach
        </ul>

        @if (! empty($operationsIndexUrl))
            <div class="mt-4 border-t border-gray-200 pt-3 dark:border-gray-800">
                <div class="text-xs text-gray-500 dark:text-gray-400">
                    {{ $operationsIndexDescription }}
                </div>

                <a
                    href="{{ $operationsIndexUrl }}"
                    class="mt-2 inline-flex items-center gap-2 text-xs font-medium text-primary-600 hover:text-primary-500 dark:text-primary-400 dark:hover:text-primary-300"
                >
                    {{ $operationsIndexLabel }}
                </a>
            </div>
        @endif
    @endif
</x-filament::section>