Add on

Booking List

Display the add on on booking list

Per item → Based on user's needs (inputted by user manually)
Per person → Should follow the quantity of person Filter
Package Type → Add Add on
Specific package → name of add on package

Create/Edit Booking

Logic :

There is no logic changes, same with existing, like :
- Can't edit when past 24 hours before dining time
- The edit behavior is same with editing in admin dashboard
Per person → Can't change the qty of add on
Per item → Can change the qty of add on
Can't edit the dropdown package's type in the add on section when the add on added
Make sure implement to app as well

Package Page

List of changes

Package Line Color
Add On Name
Make sure the price should consider /person or /item

Billing Page

List of changes

Package Line Color
Add On Name
Add On breakdown
Export Report
- Make sure there is add on included

Report Page

Make sure the add on exists in the report

Voucher Page

will add-on have vim?

Figma Link :

[

www.figma.com

https://www.figma.com/design/2AifYqyASQ7bw1YpAshoiL/Add-On-Admin%2FOwner-Dashboard?node-id=1252-8&t=MaDE82g1NQVp4SNB-1

](https://www.figma.com/design/2AifYqyASQ7bw1YpAshoiL/Add-On-Admin%2FOwner-Dashboard?node-id=1252-8&t=MaDE82g1NQVp4SNB-1)