<x-filament-panels::page>
    <x-filament::section heading="Sync Status">
        @if ($syncJobId)
            <div wire:poll.2s="pollSyncStatus" class="text-sm">
                Job {{ $syncJobId }}: {{ $syncStatus }}...
            </div>
        @elseif ($syncResult)
            <pre class="whitespace-pre-wrap text-sm">{{ json_encode($syncResult, JSON_PRETTY_PRINT) }}</pre>
        @else
            <p class="text-sm text-gray-500">No sync running.</p>
        @endif
    </x-filament::section>

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