@php
    use Illuminate\Support\Str;
    use Illuminate\Support\Js;

    // Extract state from Filament ViewEntry
    $state = $getState();
    $status = $state['status'] ?? 'success';
    $warnings = $state['warnings'] ?? [];
    $settings = $state['settings'] ?? [];
    $settingsTable = $state['settings_table'] ?? null;

    $stringifyValue = function (mixed $value): string {
        if (is_null($value)) {
            return 'N/A';
        }

        if (is_bool($value)) {
            return $value ? 'Enabled' : 'Disabled';
        }

        if (is_scalar($value)) {
            return (string) $value;
        }

        if (is_array($value)) {
            return Js::from($value)->toHtml();
        }

        if (is_object($value)) {
            if (method_exists($value, '__toString')) {
                return (string) $value;
            }

            return Js::from((array) $value)->toHtml();
        }

        return 'N/A';
    };
@endphp

<div class="space-y-4">
    {{-- Warnings --}}
    @if(!empty($warnings))
        <x-filament::section>
            <div class="space-y-2">
                @foreach($warnings as $warning)
                    <div class="flex items-start gap-2 text-sm text-warning-600 dark:text-warning-400">
                        <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
                        </svg>
                        <span>{{ $warning }}</span>
                    </div>
                @endforeach
            </div>
        </x-filament::section>
    @endif

    {{-- Settings Table (for Settings Catalog legacy format) --}}
    @if($settingsTable && !empty($settingsTable['rows']))
        <x-filament::section
            :heading="$settingsTable['title'] ?? 'Settings'"
            :description="$settingsTable['description'] ?? null"
        >
            <x-slot name="headerEnd">
                <span class="text-sm text-gray-500 dark:text-gray-400">
                    {{ count($settingsTable['rows']) }} {{ Str::plural('setting', count($settingsTable['rows'])) }}
                </span>
            </x-slot>

            <div class="divide-y divide-gray-200 dark:divide-gray-700">
                @foreach($settingsTable['rows'] as $row)
                    <div class="py-3 sm:grid sm:grid-cols-3 sm:gap-4">
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">
                            {{ $row['definition'] ?? $row['label'] ?? $row['path'] ?? 'Setting' }}
                        </dt>
                        <dd class="mt-1 sm:mt-0 sm:col-span-2">
                            <span class="text-sm text-gray-900 dark:text-white">
                                @if(is_bool($row['value']))
                                    <x-filament::badge :color="$row['value'] ? 'success' : 'gray'" size="sm">
                                        {{ $row['value'] ? 'Enabled' : 'Disabled' }}
                                    </x-filament::badge>
                                @elseif(is_numeric($row['value']))
                                    <span class="font-mono font-semibold">{{ $row['value'] }}</span>
                                @else
                                    {{ $row['value'] ?? 'N/A' }}
                                @endif
                            </span>
                        </dd>
                    </div>
                @endforeach
            </div>
        </x-filament::section>
    @endif

    {{-- Settings Blocks (for OMA Settings, Key/Value pairs, etc.) --}}
    @foreach($settings as $block)
        @if($block['type'] === 'table')
            <x-filament::section
                :heading="$block['title'] ?? 'Settings'"
                collapsible
            >
                <x-slot name="headerEnd">
                    <span class="text-sm text-gray-500 dark:text-gray-400">
                        {{ count($block['rows'] ?? []) }} {{ Str::plural('item', count($block['rows'] ?? [])) }}
                    </span>
                </x-slot>

                <div class="divide-y divide-gray-200 dark:divide-gray-700">
                    @foreach($block['rows'] ?? [] as $row)
                        <div class="py-3 sm:grid sm:grid-cols-3 sm:gap-4">
                            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">
                                {{ $row['label'] ?? $row['path'] ?? 'Setting' }}
                                @if(!empty($row['description']))
                                    <p class="text-xs text-gray-400 mt-0.5">{{ Str::limit($row['description'], 80) }}</p>
                                @endif
                            </dt>
                            <dd class="mt-1 sm:mt-0 sm:col-span-2">
                                @if(is_bool($row['value']))
                                    <x-filament::badge :color="$row['value'] ? 'success' : 'gray'" size="sm">
                                        {{ $row['value'] ? 'Enabled' : 'Disabled' }}
                                    </x-filament::badge>
                                @elseif(is_numeric($row['value']))
                                    <span class="font-mono text-sm font-semibold text-gray-900 dark:text-white">
                                        {{ $row['value'] }}
                                    </span>
                                @else
                                    <span class="text-sm text-gray-900 dark:text-white break-words">
                                        {{ Str::limit($stringifyValue($row['value'] ?? null), 200) }}
                                    </span>
                                @endif
                            </dd>
                        </div>
                    @endforeach
                </div>
            </x-filament::section>

        @elseif($block['type'] === 'keyValue')
            <x-filament::section
                :heading="$block['title'] ?? 'Settings'"
                collapsible
            >
                <x-slot name="headerEnd">
                    <span class="text-sm text-gray-500 dark:text-gray-400">
                        {{ count($block['entries'] ?? []) }} {{ Str::plural('entry', count($block['entries'] ?? [])) }}
                    </span>
                </x-slot>

                <div class="divide-y divide-gray-200 dark:divide-gray-700">
                    @foreach($block['entries'] ?? [] as $entry)
                        <div class="py-3 sm:grid sm:grid-cols-3 sm:gap-4">
                            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">
                                {{ $entry['key'] }}
                            </dt>
                            <dd class="mt-1 sm:mt-0 sm:col-span-2">
                                <span class="text-sm text-gray-900 dark:text-white break-words">
                                    {{ Str::limit($stringifyValue($entry['value'] ?? null), 200) }}
                                </span>
                            </dd>
                        </div>
                    @endforeach
                </div>
            </x-filament::section>
        @endif
    @endforeach

    {{-- Empty state --}}
    @if(empty($settings) && (!$settingsTable || empty($settingsTable['rows'])))
        <div class="text-center py-12">
            <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
            </svg>
            <p class="mt-4 text-sm text-gray-500 dark:text-gray-400">
                No settings data available
            </p>
            <p class="mt-1 text-xs text-gray-400 dark:text-gray-500">
                This policy may not contain settings, or they are in an unsupported format
            </p>
        </div>
    @endif
</div>