{{-- resources/views/filament/pages/my-wizard-page.blade.php --}}
<x-filament::page>
    <div class="relative">

        {{-- full-page spinner while nextStep() or save() is running --}}
        <div
            wire:loading
            wire:target="nextStep,save"
            class="absolute inset-0 z-50 flex items-center justify-center bg-white bg-opacity-75"
        >
            <x-filament::loading-indicator size="lg" />
        </div>

        <form
            wire:submit.prevent="{{ $currentStep === 1 ? 'nextStep' : 'save' }}"
            class="space-y-6"
        >
            {{ $this->form }}

            @error('api')
                <p class="text-sm text-danger-600">{{ $message }}</p>
            @enderror

            <x-filament::button type="submit" class="w-full">
                {{ $currentStep === 1 ? 'Next →' : 'Finish' }}
            </x-filament::button>
        </form>
    </div>
</x-filament::page>