# Offer Ride Flow

## **Offer Ride — Pick-up**

![User’s pickup location.](https://cdn-images-1.medium.com/max/720/1*TmDjfDnukDNLVVhzY95AAg.jpeg)

This page can be accessed by clicking on **Offer a ride** button on the home page or from the Center **Offer** tab. Here you can search for a pickup location of your choice or bu clicking on use current location to access your current location with the help of Ionic geolocation plugin.

## **Offer Ride — Pick-up — Map**

![](/files/-MB4ExfCTufgVufqrrrb)

**PickUp** page also contains map to show the location. User can also select their current location using **Use Current Location** button. This page navigates to the drop-off page.

## **Offer Ride —Drop-off**

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

This page can be accessed by clicking on the arrow forward button on the pick-up-map page. Here you can select your drop location same as the pickup location. This page navigates to drop-off map view page.

## **Offer Ride —Drop-off— Map**

![](/files/-MB4FAtDB82PPi9vAsqS)

**Drop-off** page also contains map to show the location. User can also select their current location using **Use Current Location** button. This page navigates to the **Add Stopover** page.

## **Add Stopover**

![](/files/-MB4FGQvSyEDwKiOwG6o)

This page can be accessed by clicking on the arrow forward button on the drop-off-map page. Here you can select your stopover in-between the journey. This page navigates to **Add Stopover Page** for adding multiple stopovers. 

## **Add Stopover — Complete journey on the map**

![](/files/-MB4FJv5vAAp6vNu58FE)

**Add Stopover** page also contains map to show the location. User can also select their current location using **Use Current Location** button. This page navigates to the drop-off page.\
After selecting stopovers, you can check/uncheck from the list of stopovers. Once done, you can proceed to **Calendar page** to select data and time

## **Calendar page** 

![](/files/-MB4FSFSpKoEUJSG-gEI)

This page can be accessed by clicking on the **Good for me** button on the journey map view after the stopover selection. Here we can select the date and time of departure for your ride.\
This page navigates you to the **Comfort** page.

## **Comfort page**

![](/files/-MB4HZAIKyO5LhoexnLi)

This page can be accessed after the pickup time selection. this page navigates you to the total no of carpool passenger’s page.

## **Total passenger**

![](/files/-MB4Hk0dVgc2u00NAaPs)

This page can be accessed after comfort page by clicking on any button on that page. Here you can select the total number of passengers that you can take with you for the ride.\
This page navigates you to the permission page to verify either passenger booking instantly or not ?.

## **Permission to book by Passengers instantly**

![](/files/-MB4HnYV1jpFAwZLyp60)

This page can be accessed after total passengers page by clicking on the arrow-forward button at the right end of the page.\
This page navigates you to the recommended price per se seat page.

## **Recommended price per seat**

![](/files/-MB4HsoG3HXkvAbkGXsg)

This page can be accessed after the permission page.\
This page navigates to the don’t agree or confirmation price page.

## **Don’t Agree Page**

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

This page can be accessed after the recommended price page. This page navigates to the edit price page.

## **Edit Price**

![Edit price Page.](https://cdn-images-1.medium.com/max/720/1*6sO0szzzGQnUR-MJ2YrDzg.jpeg)

This page can be accessed from the don’t agree page. Here you can edit the price of the journey. This page navigates you to the return trip page.

## **Return Trip Plan**

![](/files/-MB4I-asx7D0ahtZvNMs)

This page can be accessed from the edit price page. This page navigates to the return journey plan Calendar.

## **Return Trip Plan date selector**

This page can be accessed from the return trip plan confirmation page. **This page is same as the Calendar page for onward trip.**

## **Message for the passengers**

![your message for passengers.](https://cdn-images-1.medium.com/max/720/1*UWhTwvpe6Fbz9ce8EOUdHQ.jpeg)

This page can be accessed after the return time page. Here on this page, the user can add some messages or instructions about his/her ride. This page navigates to the ride confirmation page.

## **Offer Ride Confirmation**

![](/files/-MB4FrRuHx1K2uuyzCPU)

This page can be accessed after complete ride information. This page navigates to the Home page current segment.


---

# 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-carpool-app-starter/template-features-1/screens/offer-ride-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.