I have created a CAP backend Odata service that expose 2 entities offer and order on Business Application Studio and deployed it to SCP on CF as shown bellow
Model :
entity Offers: managed {
key ID : UUID;
owner : String ;
place : String;
Startdate: Date ;
Enddate : Date;
description : String ;
status : String default 'available';
}
entity Orders : managed {
key ID : UUID;
OrderNum : String ;
offer : Association to Offers ;
beneficiary : Association to Beneficiaries ;
}
Service :
service CatalogService @(path:'/browse') {
@odata.draft.enabled
entity Offers as SELECT from my.Offers excluding { createdBy, modifiedBy }
entity Orders as projection on my.Orders;
}
Then I built the Fiori Elements List report/object page App using WebIDE annotation modeler extension to add Local UI annotations to the project on WebIDE. That expose the list of offers in the list report page and the detail of each offer in the object page as shown bellow :

Now I want to add a booking button to the header of the Object page that allows me to book this offer, by creating new order entity that's take the end user information who trigger that action and after a custom code in my service will be executed to send an email with the offer and the order details to a specific destination .
Please how can I do this ?
Any pointers, suggestions, links would be helpful .
Thank you.
Mariam