Draggable Elements for Restaurant Seat Planner

Hello everyone,
I’m currently stuck on a challenge.

I want to build a seating planner for restaurants where each restaurant can display and move a certain number of seats on a “map.” Customers can then book these seats in the booking view.

I’ve tried doing this with “draggable elements” and repeating groups, similar to a German video.

In the admin interface, I can say that I offer 50 seats, for example. These are then also displayed on the map, but I want to be able to move them and then save them for the booking view and display them with their current position.
Does anyone know if this is even possible and, if so, how I can do it?