JSRSF Booking Pro

Open the app in your browser or from the home screen icon if you installed it as a PWA. Enter your work email and password provided by your admin, then tap Sign In.

As a Sales Rep, you must clock in when you start your shift and clock out when you finish. This records your working hours for payroll calculation.

How to Clock In

• Look for the ▶ Clock In button in the top header bar (visible at the top of every page).
• Tap it at the start of your shift. The button changes to a green timer showing your elapsed time.

How to Clock Out

• When your shift ends, tap the ⏹ Clock Out button in the header.
• Your time entry is automatically saved and sent to your admin for review and payment.

The Dashboard is your home screen. It gives you a quick snapshot of today's activity and your team's performance.

What You See

Activity Log

The bottom section shows the 10 most recently completed bookings — great for staying informed about what's happening across the fleet.

New Booking Button

The large orange + New Booking button is your main tool. Click it whenever a customer wants to book a service. See the next section for the full step-by-step guide.

Creating a booking is your most important daily task. Follow these steps every time a customer wants to reserve a service.

Step 1 — Choose the Service Type

A grid of service buttons appears. Tap the one the customer wants:

Step 2 — Build the Order

This section lets you add one or more activities to the booking cart:

• Activity: Select from the dropdown the specific tour or experience (filtered by category).
• Target Area: Type the customer's preferred area (e.g., "Miami Beach"). This is optional but helps find nearby ports.
• Port/Location: Select from the list of suggested nearby ports. The list shows the port name, address, and distance ordered by proximity.
• Quantity:
  • For Jet Skis: Enter number of Single riders 👤 and/or Double riders 👥 separately.
  • For ATV / Yacht: Enter the total number of Units.
• Duration: Select how long the activity lasts: 1 hour, 2 hours, 3 hours, 4 hours, 6 hours, or 8 hours.
• Price: The system automatically fills the price from your configured pricing rules. If no rule exists, a badge says "No rule — enter manually" — type the price in the field.
• Click Add to Order to add this activity. The item appears in the cart below. You can add multiple activities for the same group.

Step 3 — Customer Information

Every booking needs a name and phone number:

Step 4 — Date & Time

Step 5 — Promo Code & Referral

If the customer has a promo code, enter it in the field and tap Apply. If valid, the discount is subtracted from the total automatically.

Select the Referral Source — how did the customer find you? This helps track marketing performance:

Instagram · TikTok · Google · Facebook · Friend/Referral · Flyer · Walk-in · Other

Step 6 — Payment Method & Amount

Select how the customer is paying:

If Card is selected:

• Send Link — the system sends a Stripe payment link to the customer's phone/email.
• Charge (Phone) — you can process the card manually over the phone through Stripe.

Fill in the payment amounts:

The summary box at the bottom shows the full breakdown:

Subtotal → Promo Discount (if any) → Net Total → Tax (7%) → Deposit → Balance Due at Location

Step 7 — Confirm the Order

• Click Confirm Order (or Confirm & Send Link if card payment was selected).
• The booking is created and a success screen appears.
• Choose an SMS template to send a confirmation text to the customer (recommended!).
• Optionally choose an Email template as well.
• Preview the message — the customer's name, date, time, and location are automatically inserted.
• Click Send & Finish to send and close the modal.

Availability Check

While filling out the booking form, the system automatically checks if the selected location has capacity for the chosen date and time. Look for:

• 🟢 Green message — Location is available! Shows available unit count.
• 🔴 Red message — Location is fully booked or closed for that time slot.

Go to the Bookings page in the left sidebar to see all reservations. From here you can find any booking, check its status, and take action on it.

Finding a Booking

Use the filter bar at the top to narrow down the list:

Booking Status Meanings

What You Can Do on a Booking

Click any booking row to open its full detail view. As a Sales Rep, you can:

Calendar View

Toggle to Calendar View using the button near the top of the Bookings page. This shows a full month grid with dots on days that have bookings — useful for spotting busy vs. slow days at a glance.

The Map View shows all active fleet locations pinned on an interactive map. Use it to help customers find the nearest port or to look up a location's details before booking.

How to Use the Map

• Use the category filter on the left to show only Jet Ski, ATV, or Yacht locations.
• Enter a customer address + radius (in miles) to see which ports are within reach — the list sorts from closest to farthest.
• Click a map pin to see the location's name, address, category, and status.
• Click Book Now on any location card to open the booking modal with that location pre-filled — saves time!

Credits power the platform. As a Sales Rep, you can view the current credit balance but cannot purchase credits (that's handled by your admin).

Seeing the Balance

Look at the left sidebar at the bottom — there's a credit balance pill. The color tells you the status:

Credit Cost Per Action