@php
    $state = $getState();
    $state = is_array($state) ? $state : [];

    $metrics = is_array($state['metrics'] ?? null) ? $state['metrics'] : [];
    $highlights = is_array($state['highlights'] ?? null) ? $state['highlights'] : [];
    $nextActions = is_array($state['next_actions'] ?? null) ? $state['next_actions'] : [];
    $publishBlockers = is_array($state['publish_blockers'] ?? null) ? $state['publish_blockers'] : [];
@endphp

<div class="space-y-4">
    <dl class="grid grid-cols-2 gap-3 xl:grid-cols-4">
        @foreach ($metrics as $metric)
            @php
                $label = is_string($metric['label'] ?? null) ? $metric['label'] : null;
                $value = is_string($metric['value'] ?? null) ? $metric['value'] : null;
            @endphp

            @continue($label === null || $value === null)

            <div class="rounded-md border border-gray-100 bg-gray-50 px-3 py-2 dark:border-gray-800 dark:bg-gray-950/60">
                <dt class="text-[11px] font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">{{ $label }}</dt>
                <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $value }}</dd>
            </div>
        @endforeach
    </dl>

    @if ($highlights !== [])
        <div class="space-y-2">
            <div class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Highlights</div>
            <ul class="space-y-1 text-sm text-gray-700 dark:text-gray-300">
                @foreach ($highlights as $highlight)
                    @continue(! is_string($highlight) || trim($highlight) === '')

                    <li class="rounded-md border border-gray-100 bg-gray-50 px-3 py-2 dark:border-gray-800 dark:bg-gray-950/60">{{ $highlight }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if ($nextActions !== [])
        <div class="space-y-2">
            <div class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Next actions</div>
            <ul class="space-y-1 text-sm text-gray-700 dark:text-gray-300">
                @foreach ($nextActions as $action)
                    @continue(! is_string($action) || trim($action) === '')

                    <li class="rounded-md border border-primary-100 bg-primary-50 px-3 py-2 dark:border-primary-900/40 dark:bg-primary-950/30">{{ $action }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="space-y-2">
        <div class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Publication readiness</div>

        @if ($publishBlockers === [])
            <div class="rounded-md border border-emerald-100 bg-emerald-50 px-3 py-2 text-sm text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/30 dark:text-emerald-200">
                This review is ready for publication and executive-pack export.
            </div>
        @else
            <ul class="space-y-1 text-sm text-amber-800 dark:text-amber-200">
                @foreach ($publishBlockers as $blocker)
                    @continue(! is_string($blocker) || trim($blocker) === '')

                    <li class="rounded-md border border-amber-100 bg-amber-50 px-3 py-2 dark:border-amber-900/40 dark:bg-amber-950/30">{{ $blocker }}</li>
                @endforeach
            </ul>
        @endif
    </div>
</div>