@php
    $contextBanner = $this->canonicalContextBanner();
    $blockedBanner = $this->blockedExecutionBanner();
    $pollInterval = $this->pollInterval();
@endphp

<x-filament-panels::page>
    <div
        x-data
        x-init="$wire.set('opsUxIsTabHidden', document.hidden)"
        x-on:visibilitychange.window="$wire.set('opsUxIsTabHidden', document.hidden)"
        @if ($pollInterval !== null) wire:poll.{{ $pollInterval }} @endif
    >
        @if ($contextBanner !== null)
            @php
                $bannerClasses = match ($contextBanner['tone']) {
                    'amber' => 'border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100',
                    'slate' => 'border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-500/30 dark:bg-slate-500/10 dark:text-slate-100',
                    default => 'border-sky-200 bg-sky-50 text-sky-900 dark:border-sky-500/30 dark:bg-sky-500/10 dark:text-sky-100',
                };
            @endphp

            <div class="mb-6 rounded-lg border px-4 py-3 text-sm {{ $bannerClasses }}">
                <p class="font-semibold">{{ $contextBanner['title'] }}</p>
                <p class="mt-1">{{ $contextBanner['body'] }}</p>
            </div>
        @endif

        @if ($blockedBanner !== null)
            @php
                $blockedBannerClasses = 'border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100';
            @endphp

            <div class="mb-6 rounded-lg border px-4 py-3 text-sm {{ $blockedBannerClasses }}">
                <p class="font-semibold">{{ $blockedBanner['title'] }}</p>
                <p class="mt-1">{{ $blockedBanner['body'] }}</p>
            </div>
        @endif

        @if ($this->redactionIntegrityNote())
            <div class="mb-6 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100">
                {{ $this->redactionIntegrityNote() }}
            </div>
        @endif

        {{ $this->infolist }}
    </div>
</x-filament-panels::page>