@php
    $preview = $getState() ?? [];
@endphp

@if (empty($preview))
    <p class="text-sm text-gray-600">No preview available.</p>
@else
    <div class="space-y-2">
        @foreach ($preview as $item)
            <div class="rounded border border-gray-200 bg-white p-3 shadow-sm">
                <div class="flex items-center justify-between text-sm text-gray-800">
                    <span class="font-semibold">{{ $item['policy_identifier'] ?? 'Policy' }}</span>
                    <span class="rounded bg-gray-100 px-2 py-0.5 text-xs uppercase tracking-wide text-gray-700">
                        {{ $item['action'] ?? 'action' }}
                    </span>
                </div>
                <div class="mt-1 text-xs text-gray-600">
                    {{ $item['policy_type'] ?? 'type' }} • {{ $item['platform'] ?? 'platform' }}
                </div>

                @if (! empty($item['validation_warning']))
                    <div class="mt-2 rounded border border-amber-300 bg-amber-50 px-2 py-1 text-xs text-amber-800">
                        {{ $item['validation_warning'] }}
                    </div>
                @endif
            </div>
        @endforeach
    </div>
@endif