Mobile App - Customer - Order Summary Page 009A

[ItOntrend]

Page displaying detailed information about a specific order.

Tasks:

• Design the UI layout for the Order Summary page.
• Display the unique order number at the top in bold text.
• Include a back button to return to the Notifications page.
• Show partner/vendor details:

1. Name and location (restaurant/grocery/e-store).
2. Delivery location (place name and address).

• Display order status:

1. If delivered: "Order delivered on July 25 at 6:00 PM by Ashraf."
2. If ongoing: Redirect to a map showing the current movement of the delivery partner.
3. If cancelled: "Order cancelled at Date and Time."

• Include icons for delivered and cancelled statuses.
• Show bill details:

1. List of items ordered with quantity and price.
2. Order packaging charges and delivery partner fees.
3. Payment method (cash/credit card/debit card).
4. Total bill amount (e.g., "Bill total: 80 OMR").

• Implement a help button/icon in the top right corner to contact customer care support.
• Handle scenarios such as no notifications or orders to display.