Booking Page

You can access the Booking page by clicking on 'Booking' under the 'Frontline Apps' section in the left sidebar. This page is the primary interface for creating and managing ticket bookings for both passengers and vehicles. It allows users to select trip details, transit types, and manage passenger/driver information, culminating in a ticket summary and payment processing.

1. Ticket Details

This section allows you to specify the core details of the trip:

• Trip Type: Select 'Single Trip' for one-way travel or 'Return Trip' for round-trip travel.
  • If 'Return Trip' is selected, additional fields for 'Return Date' and 'Return Vessel' will appear.
• Trip Date: The date of the outbound journey.
• Origin: The starting port for the journey.
• Destination: The arrival port for the journey.
• Vessel: The vessel assigned for the outbound journey.
• Transit Type: Choose between 'Passenger' (for foot passengers) or 'Vehicle with Passengers' (for vehicles and their occupants).
  • If 'Vehicle with Passengers' is selected, additional sections for 'Vehicle & Driver Information' will appear.
• Travel Format: Select 'Port to Port' for vessel travel or 'City to City' for bus travel.
  • If 'City to City' is selected, a 'City to City Selection' section will appear, requiring origin and destination cities.
  • Note: 'City to City' is only available for 'Passenger' transit type.

2. Available Travel Times

This section dynamically displays available vessel timings based on your selected Origin, Destination, and Vessel. For 'Return Trip', ensure both single and return times are selected for accurate ticket details.

3. Vehicle & Driver Information (Conditional)

This section appears only when 'Transit Type' is set to 'Vehicle with Passengers'. It requires details for both the vehicle and the driver.

For Vehicle:

• Vehicle Type: Select the type of vehicle (e.g., 40 ft, 9 Tonne).
• Vehicle Number: Enter the vehicle's registration number.

For Driver:

• SAG: Select the passenger category (e.g., Adult).
• First Name: Driver's first name.
• Last Name: Driver's last name.
• Mobile Number: Driver's contact number.
• ID Type: Type of identification (e.g., Driver's License).
• ID Number: Driver's identification number.
• Address: Driver's residential address.
• Charge: The calculated fare for the driver (read-only).
• Gender: Driver's gender.

For Lorry Boy (Optional):

• First Name: Lorry boy's first name.
• Last Name: Lorry boy's last name.
• Charge: This field is typically 'FREE'.
• Gender: Lorry boy's gender.

4. Passenger Information

This section is for adding details of all passengers. You can add multiple passengers to a single ticket. Please ensure all details are filled in correctly as tickets cannot be modified once submitted.

• SAG: Select the passenger category (e.g., Adult, Student, Child, Infant).
• First Name: Passenger's first name.
• Last Name: Passenger's last name.
• Gender: Passenger's gender.
• Mobile Number: Passenger's contact number.
• ID Type: Type of identification (e.g., Passport, Driver's License).
• ID Number: Passenger's identification number.
• Address: Passenger's residential address.
• Charge: The calculated fare for the passenger (read-only).
• Add More Passengers ( icon): Click to add another passenger row.
• Remove Passenger ( icon): Click to remove a passenger row.

5. Ticket Summary

This section provides a breakdown of the total ticket cost:

• Subtotal: The total fare before VAT.
• VAT (15%): The calculated Value Added Tax.
• Total: The final amount payable, including VAT.

6. Payment Form

Select a payment method and enter the amount paid.

• Single Payment Method:
  • Payment Method: Select from options like 'Online', 'Cash', 'Cheque', 'Account', 'Mpaisa', 'Direct Deposit', 'Eftpos'.
  • Amount Paid: Enter the amount received.
  • Change: Displays the change to be given or the outstanding balance.
  • Conditional fields will appear based on the selected payment method (e.g., 'Cheque Number' for Cheque, 'Account Name' for Account, 'Transaction ID' for Mpaisa, 'Remitter' for Direct Deposit).
• Split Payment Method: (Currently disabled) Allows payment using multiple methods.

7. Booking Actions

• Booking Preview ( icon): Click to generate a preview of the ticket. This opens a modal with the ticket PDF.
• Make Changes: Closes the preview modal to allow further edits.
• Prepaid Ticket Advice: Generates a prepaid ticket advice.
• Finalise & Print: Finalizes the booking and prints the ticket.