Filament create page as a multi-step wizard

<?php

namespace App\Filament\Resources\Bookings\Pages;

use App\Filament\Resources\Bookings\BookingResource;
use App\Models\Service;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Toggle;
use Filament\Resources\Pages\CreateRecord;
use Filament\Resources\Pages\CreateRecord\Concerns\HasWizard;
use Filament\Schemas\Components\Utilities\Get;
use Filament\Schemas\Components\Utilities\Set;
use Filament\Schemas\Components\Wizard\Step;

class CreateBooking extends CreateRecord
{
    use HasWizard;

    protected static string $resource = BookingResource::class;

    /** @return array<Step> */
    protected function getSteps(): array
    {
        return [
            Step::make('Client')
                ->description('Who is this for?')
                ->icon('heroicon-o-user')
                ->schema([
                    Select::make('client_id')->relationship('client', 'name')->searchable()->preload()->required()
                        ->createOptionForm([TextInput::make('name')->required(), TextInput::make('phone')->tel()]),
                ]),

            Step::make('Service')
                ->description('What and for how long')
                ->icon('heroicon-o-scissors')
                ->schema([
                    Select::make('service_id')
                        ->options(fn () => Service::query()->orderBy('name')->pluck('name', 'id'))
                        ->required()
                        ->live()
                        // The chosen service sets the duration and price in the next fields.
                        ->afterStateUpdated(function (?int $state, Set $set) {
                            $service = Service::find($state);
                            $set('duration_minutes', $service?->duration_minutes);
                            $set('price', $service?->price);
                        }),
                    TextInput::make('duration_minutes')->numeric()->suffix('min')->required(),
                    TextInput::make('price')->numeric()->prefix('$')->required(),
                ])->columns(3),

            Step::make('Time')
                ->icon('heroicon-o-calendar')
                ->schema([
                    DateTimePicker::make('starts_at')->seconds(false)->minDate(now())->required()
                        ->minutesStep(15)->helperText(fn (Get $get) => $get('duration_minutes') ? 'Ends '.$get('duration_minutes').' minutes later.' : null),
                ])
                // Runs when the user presses Next, after validation passed.
                ->afterValidation(fn (Get $get) => logger()->info('Booking time chosen', ['at' => $get('starts_at')])),

            Step::make('Confirm')
                ->icon('heroicon-o-check-badge')
                ->schema([
                    Textarea::make('notes')->rows(3)->maxLength(500),
                    Toggle::make('send_reminder')->default(true),
                ]),
        ];
    }

    // Let staff jump around freely when editing; keep order enforced on create.
    protected function hasSkippableSteps(): bool
    {
        return false;
    }
}