# Dashboard

<figure><img src="https://187203830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGlf42gPJ1jMsuZmwtWXm%2Fuploads%2FuZhRswkz7nfUTi53YBgi%2Fdashboard_1.jpg?alt=media&#x26;token=5d8be520-6711-423c-96ce-9031cd610fa6" alt=""><figcaption></figcaption></figure>

### Vehicle and Payment Overview

* **Daily Collection**: Shows the total amount collected for the current day.
* **Total Vehicles Entered**: Displays the number of vehicles that have entered the carpark today.
* **Total Vehicles Exited**: Displays the number of vehicles that have exited the carpark today.
* **Total Vehicles Parked**: Shows the number of vehicles currently parked within the carpark.
* **Total Outstanding Amount**: Displays the total amount yet to be paid by customers for parking.

<figure><img src="https://187203830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGlf42gPJ1jMsuZmwtWXm%2Fuploads%2F1X6oTH90x24BZscVPCjo%2Fdashboard_2.jpg?alt=media&#x26;token=48c050e2-9876-40f4-a034-9a5419c53b4c" alt=""><figcaption></figcaption></figure>

### Date Filters for Collection Summary

* **Last Week**: Shows data collected over the previous week.
* **This Week**: Displays data for the current week.
* **Last 24 Hours**: Highlights collections from the past 24 hours.
* **Date Selector**: Allows you to specify a custom date range by selecting start and end dates.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGlf42gPJ1jMsuZmwtWXm%2Fuploads%2FQCDzTDwXAoz7tA9lmjhl%2Fdashboard_filter_date.mp4?alt=media&token=fc02fd81-ef6f-4fe2-a613-8a93f9cabfa7>" %}

### Collection Summary

* **Timeline of Payments**: Provides a timeline of payments based on the selected date range. You can view collections by selecting:

  * **Last Week**
  * **This Week**
  * **Last 24 Hours**

  Alternatively, you can use the date input to choose specific start and end dates for a custom range.
* **Time Chart**: Visual representation of payments over time, where the **x-axis** represents time and the **y-axis** represents the amount collected.

<figure><img src="https://187203830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGlf42gPJ1jMsuZmwtWXm%2Fuploads%2F7GrWiaZGbsASiCXxOILo%2Fdashboard_3.jpg?alt=media&#x26;token=ac2875c5-dcf7-4a3d-b615-1c7b9675d864" alt=""><figcaption></figcaption></figure>

### Payment Breakdown

gives an overview of the payment breakdown based on the selected timeframe, categorized by different payment methods:

* **Static QR Collection**: Payments through payment gateway
* **Cash Collection**: Payments collected in cash by on-ground staff.
* **Kiosk QR Collection**: Payments  processed through duitnow QR.
* **Debit and Credit Card Collection**: Payments processed through debit or credit card&#x20;
* **Touch 'n Go Collection**: Payments  processed through Touch 'n Go card&#x20;
* **DashApp Collection (Coming Soon)**: Upcoming in-app payment option via the Dash app.