Showing Table in Wizard (Custom Livewire component)

Hey guys! I'd like to recreate this (screenshot) in a public facing custom Livewire component using the Wizard schema but I'm not sure on how I should approach this. For some project background, I'm building an application that allows guests to register for an Activity which creates an Enrollment after the guest selected the activity, entered their Email address and agreed to the terms on the third page. For now, I've been able to create this page using the code in the GitHub Gist but this isn't really a perfect solution. For example, the "Next" button shows on the first page although guests should use the "Inschrijven" (Enroll) button in this example. I've also tried working with the Bulk selection while limiting to only one selection. https://gist.github.com/roelreijneveld/04c5936bb1b98e55c113d00e02ddd856 I'm not sure if this is even the best approach but I'm stuck. Any ideas? Thanks :)) Btw, I'm using Filament v4.1.

Gist

Filament: Public Facing Wizard, Using Table

Filament: Public Facing Wizard, Using Table. GitHub Gist: instantly share code, notes, and snippets.