Hi! I need help step by step.

This will be done in several parts. First, we will change the functionality of the BookingDetail Screen, when editing an existing Booking, to allow checking-in, checking-out or cancel. Then, we will create a Homepage, where it will be visible the Check-ins and Check-outs of the day, with a Button to directly check-in or check-out. This will lead to some extra changes as well. We will change the Form on the BookingDetail to only allow edition while the Booking is not confirmed. Also, we will create a reusable Action to change the status of a Booking. BookingDetail Screen 

1) Change the BookingDetail Screen to make it look just like the following mockup

Don’t forget to check the visibility of the Buttons and when the Form is editable or not 

2) Create a generic Server Action to change the status of a Booking. This Action should be generic and should be able to change the Booking to any possible status. 

3) Implement the logic of the three new buttons, to change the status of the Booking accordingly, reusing the Action created in the previous step. 

Thanks