# Manage Vehicles

## **A. Add Vehicle**

## <mark style="color:blue;">Let’s add a new vehicle and embark on the journey!</mark>

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2Fdb4GojsGKen4uyYMtd4t%2Fimage.png?alt=media&#x26;token=b90ac5a6-7490-4339-a1fd-969217694e8c" alt=""><figcaption></figcaption></figure>

**Select Vehicle Make\*:** The admin must select the vehicle company, such as Tata, Maruti, or any other vehicle company.&#x20;

If your vehicle make name is not listed in the available options, you can input it into the designated text box to include it in the make list.&#x20;

**Example:-**

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FUKbSkhn5qVWh9W6TaXR1%2Fimage.png?alt=media&#x26;token=301872fd-2f08-40aa-a0bf-88ff0dd37ce5" alt=""><figcaption></figcaption></figure>

**Select Vehicle Model\***: Admin is required to select the vehicle model.

&#x20;If your vehicle model name is not listed in the available options, you can input it into the designated text box to include it in the model list.&#x20;

**Example:-**

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FCga6YYyO0laUAbRl5I4G%2Fimage.png?alt=media&#x26;token=8576460e-d2ca-47d0-95e3-ce88469804fb" alt=""><figcaption><p>Select vehicle model</p></figcaption></figure>

**Vehicle Type\***: Enter sedan, bus, truck, or any other vehicle type.&#x20;

{% hint style="info" %}
**Note:** \
**Navigate to Vehicle>Vehicle type>add vehicle type and create the vehicle type.**
{% endhint %}

**Traccar Device ID:** In order to monitor the vehicle's location, the administrator needs to input the Traccar device id when add or editing a vehicle.

**Vehicle Year\***: Enter the vehicle manufacturing year of the vehicle.

**Average (km per gallon)\***: Enter the vehicle's average km per gallon ( 1 US gallon is defined as 3.7854 liters).

**Initial Mileage (Km)\*:** Enter the details of how many kilometers the vehicle has been driven before purchase.

**Vehicle image**: Upload the vehicle's image.

**Registration Expiry Date\***: Select the registration expiry date of the vehicle.

**In service?** : User can enable or disable the toggle button to specify whether their vehicle is in service or not.

{% hint style="info" %}

### **Note:**

**Only enabled vehicles are eligible for operations such as bookings, adding fuel, transactions, and adding work orders.**
{% endhint %}

**Select Vehicle Colour\***: Here you can select your vehicle color.&#x20;

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2F10xiCrGhyC1pRaUR0jTv%2Fimage.png?alt=media&#x26;token=b429f2d8-d906-4d97-a117-08a7fd5d58b7" alt=""><figcaption><p>Select Vehicle color</p></figcaption></figure>

In case your vehicle colour name is not listed in the available options, you can input it into the designated text box to include it in the colour list.

**Vehicle Engine Type\*** : Select the vehicle engine type like Petrol or Diesel.

**Vehicle Horse Power \*:**  Enter the horse power of your vehicle.

**VIN \***: Enter engine number.

**License Plate\*** : Enter vehicle number.

**License Expiration Date \***: Enter the expiry date of your driver's license.

Vehicle Group\*: First create the vehicle group and after select.

{% hint style="info" %}

### **Note:**

**Navigate to the Vehicle > Vehicle group > Add vehicle Group and create multiple groups such as Diesel vehicle, Petrol vehicle, CNG Vehicle**
{% endhint %}

**luggage:** Enter the number of luggage, It'll be reflected at the front end.

> ### <mark style="color:blue;">Once vehicle's luggage capacity is set it'll be displayed on the Frontend Interface</mark>

<mark style="color:blue;">Screen 1.  Create Booking</mark>

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FQLvkyWB41o7x50d9xRFI%2Fimage.png?alt=media&#x26;token=5b78a825-02ec-414d-b6c7-9c08679e5bef" alt=""><figcaption><p>Create Booking</p></figcaption></figure>

<mark style="color:blue;">Screen 2. Booking Details</mark>&#x20;

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FBD3M6rfSbGM6l5EMjQu4%2Fimage.png?alt=media&#x26;token=aeb268d9-b13c-4a40-8b36-17da0ad74390" alt=""><figcaption><p>Booking details</p></figcaption></figure>

**Price:** With this price, the admin can set a fixed amount, which will be used as the booking fare.

<mark style="color:blue;">**For example**</mark><mark style="color:blue;">,</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**if the price of Vehicle A is set to ₹500 and a booking is made for that vehicle, the total fare will be ₹500.**</mark>&#x20;

## Fare calculation - Vehicle price-wise

{% hint style="info" %} <mark style="color:blue;">**Note:**</mark>

* ### **To consider the fixed price of the vehicle for the fare calculation, an admin is required to enable the Vehicle price mode from the general settings of the admin panel.**
* ### **The customer can only see vehicles with a price greater than 0. Active vehicles with a price of 0 are not visible to the customer in the frontend.**

{% endhint %}

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2Foy3SWuR6Dl0xoFJiJnFL%2FUntitled%20Diagram.drawio.png?alt=media&#x26;token=53a4fb0e-0b22-4fea-b7d6-04812a49c12b" alt=""><figcaption><p>Fare calculation - Vehicle price wise</p></figcaption></figure>

## Fare calculation - Vehicle Type-Wise

{% hint style="info" %}
**Note:**

* ### Admin is required to enable the vehicle type mode to calculate fare accordingly
* ### **The customer can see all the active vehicles while creating a new booking.**

{% endhint %}

**Add User-defined field**: Here admin can create fields as per their requirements

> ### <mark style="color:blue;">**Upon clicking the**</mark>**&#x20;"Add Vehicle"&#x20;**<mark style="color:blue;">**button, the user is seamlessly redirected to the Edit Vehicle page.**</mark>

## **B. Edit Vehicle**&#x20;

### Edit Vehicle – General Information

Edit the details in the General Information tab as per your requirement and click on the submit button.

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FfmkTarsXZhEXVDB0hfX6%2Fscreencapture-f6-hyvikk-space-admin-vehicles-3-edit-2023-09-11-17_24_10.png?alt=media&#x26;token=3fa7237d-7439-44ca-a9f8-95e0c24313bc" alt=""><figcaption></figcaption></figure>

### &#x20;Edit Vehicle – Vehicle Insurance

After clicking on the submit button and move to the insurance field and add the insurance number, documents with their expiry date, and click on the submit button.

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FITfMVdvzgTdiewH3wq85%2Fimage.png?alt=media&#x26;token=cb07234c-4436-4dcd-b676-ecf0248fd603" alt=""><figcaption></figcaption></figure>

### Edit Vehicle - **Vehicle Purchase Info**

Add or edit expenses incurred while buying the vehicle and the user can enter expense type and expense amount.

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2F3WaQSSota6nYfxBwGHMA%2Fimage.png?alt=media&#x26;token=37e9144e-ea5c-4fd2-9379-abefe82a23d5" alt=""><figcaption><p>Edit vehicle - Purchase info</p></figcaption></figure>

### Edit Vehicle - Assign Driver

Users can assign a driver to a particular vehicle. Users can assign multiple vehicles to a single driver.&#x20;

> \ <mark style="color:blue;">**Drivers can view the vehicles assigned to them in their login. Additionally, they can manage only the assigned vehicles.**</mark>

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2Fx9K70RIZ2IpgJEoKOTnv%2Fscreencapture-f6-hyvikk-space-admin-vehicles-3-edit-2023-09-11-17_26_50.png?alt=media&#x26;token=e472d95d-89c0-4502-9aea-39be1dde3215" alt=""><figcaption></figcaption></figure>

### C. Manage Vehicles

Admin can perform various operations for vehicles in different ways according to the requirement.

&#x20;            **o    Add a new vehicle**

&#x20;            **o   Show Vehicle’s Entries (10, 25 & 100)**

&#x20;            **o   Search Vehicle**

&#x20;            **o   Apply multi-search**

&#x20;            **o   Delete vehicle**

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2Fcnmc72UvIFXT0chilc3h%2Fscreencapture-f6-hyvikk-space-admin-vehicles-2023-09-11-17_40_46.png?alt=media&#x26;token=2bac6c0d-51e6-40e1-910f-89dadb793b6b" alt=""><figcaption></figcaption></figure>

## D. Action - <img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FbufRGco47eGz47uZfnNh%2Fimage.png?alt=media&#x26;token=cb49aeee-8c6c-489b-a7f1-2830ddb7935f" alt="" data-size="line"> Setting&#x20;

The action column setting icon includes various multiple operations against recorded vehicles.

**o   Edit Vehicle**         - The user can Edit the vehicle information.

**o   Delete Vehicle**    -  The user can delete the vehicle.

**o**   **View Vehicle**       - The user can access the information about a vehicle with a single click.

**o   Disable Vehicle**   - The user can directly enable or disable the vehicle directly from here.

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FDqdnCZfGelUvPZswrVYM%2Fscreencapture-f6-hyvikk-space-admin-vehicles-2023-09-11-18_03_50.png?alt=media&#x26;token=7c0bf8e5-96ad-450f-b3cc-fef5c72d0acc" alt=""><figcaption></figcaption></figure>
