# Ticket Booking Flow

## **Category item detail**

![](https://cdn-images-1.medium.com/max/720/1*iKgiESbI_MnhsjIi3CWqbQ.jpeg)

![](https://cdn-images-1.medium.com/max/720/1*MVPtk_WhHrWwwI8DCtGQlQ.jpeg)

![](https://cdn-images-1.medium.com/max/720/1*9XSLBjFXZYTXbhQd67_s9A.jpeg)

This page can be accessed by clicking on any item of a particular category on the home page all segments items.&#x20;

This page contains “**Critics Reviews**” and “**Recommended movies**” list in the horizontal direction which are scrollable. On clicking on “**See All**” it navigates to the Recommended movies page.

This page contains detailed information of the particular event or movie. This page navigates to the review page and book tickets page.

## **Critics review**

![](https://cdn-images-1.medium.com/max/720/1*yAMY9fPXUKpAucg4Y_G5UQ.jpeg)

![](https://cdn-images-1.medium.com/max/720/1*VZGcj-ijZWFpEFBPba59ow.jpeg)

This page can be accessed from the “Category item detail ” page by clicking on the reviews button. This page has two tabs one is “USERS” and another is “CRITICS”. The user segment contains the reviews by the user and the critic's segment contains the reviews by the critics.\
Here this page is only UI for demo purpose but you can integrate this with any back-end and get the data from the server.

## **Recommended movies**

![](https://cdn-images-1.medium.com/max/720/1*TcGRDO6SrkYr3RqzQKAjig.jpeg)

This page can be accessed from the “Category item detail ” page by clicking on the See All button at the right bottom end of the page.

&#x20;This page contains the recommended movies for the user. All the movies are arranged as the list items in the vertical direction.

## **Book Ticket**

![](https://cdn-images-1.medium.com/max/720/1*MEJ0xVx53VqV9yFYBqYH4w.jpeg)

This page can be accessed from the “Category item detail ” page by clicking on the “**Book ticket**” button at the very bottom of the page.

This page contains the event/ movie booking detail. This page navigates to the payment page.

## **Payment**

![](https://cdn-images-1.medium.com/max/720/1*QTohtKM-xca9tTkzW83hIw.jpeg)

This page can be accessed from the “Book ticket ” page by clicking on the “Cards” button at the very bottom of the page. This page can be used for the payment method for the event/ movie booking.

This page navigates to the Payment confirmation page.

## **Payment confirmation**

![](https://cdn-images-1.medium.com/max/720/1*6j_LHSqb2DPH1DbHkE2Xnw.jpeg)

This page can be accessed by clicking on the pay button after entering all required input fields in the payment page.

This page navigates to the show ticket page by clicking on the “SHOW YOUR TICKET” button and to home by clicking on the “GO TO HOME SCREEN” button.

## **Show your ticket**

![](https://cdn-images-1.medium.com/max/720/1*yXV9n6q3wOxLAPyfy-nVxA.jpeg)

This page can be accessed by clicking on the show your ticket button in the booking confirmed page.\
This page navigates to the home page by cliking on the cancel button on the top right corner of the page.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://enappd.gitbook.io/ionic-4-event-and-ticket-booking-template/template-features/screens/ticket-booking-flow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
