<x-filament-panels::page>
    <x-filament::tabs label="Operations tabs">
        <x-filament::tabs.item
            :active="$this->activeTab === 'all'"
            wire:click="$set('activeTab', 'all')"
        >
            All
        </x-filament::tabs.item>
        <x-filament::tabs.item
            :active="$this->activeTab === 'active'"
            wire:click="$set('activeTab', 'active')"
        >
            Active
        </x-filament::tabs.item>
        <x-filament::tabs.item
            :active="$this->activeTab === 'blocked'"
            wire:click="$set('activeTab', 'blocked')"
        >
            Blocked by prerequisite
        </x-filament::tabs.item>
        <x-filament::tabs.item
            :active="$this->activeTab === 'succeeded'"
            wire:click="$set('activeTab', 'succeeded')"
        >
            Completed successfully
        </x-filament::tabs.item>
        <x-filament::tabs.item
            :active="$this->activeTab === 'partial'"
            wire:click="$set('activeTab', 'partial')"
        >
            Needs follow-up
        </x-filament::tabs.item>
        <x-filament::tabs.item
            :active="$this->activeTab === 'failed'"
            wire:click="$set('activeTab', 'failed')"
        >
            Execution failed
        </x-filament::tabs.item>
    </x-filament::tabs>

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