Example: Website Top Nav With Submenus From JavaScript (YUI Library)

Online Badminton Court Reservation for
DEMO Reservation System

Tutorial Language
CLUB Location ONE
Select another location

Payment Processing (Payment Detail)

1. Log In --- 2. Payment Detail --- 3. Summary --- 4. Congratulations  
Avaliable Credit:$0.00
Reward Available:$42.95
Personal
First Name:  *
Last Name:  *
Phone:   ) - *
Email:  *
SMS: 
Waiting List [?] Receive Email  Receive SMS [?] 
Member:  Yes
 
Address
Address:  *
City:  *
State:  *
Zip:  *
 
Payment Type
Payment:  *
Credit Card#:  *
Expiration Date:   /  Month / Year*
Card ID #: 
 See how to find your ID #*
Discount Number:  * If you have a discount number, please enter it here.
 
Emergency contact
First Name:  *
Last Name:  *
Phone:   ) - *
 
Disclaimer
Yes, I agree. No, I decline. *
* Required  ** On the next page, you will see the total amount to be charged. You will be asked to confirm before your credit card is being charged.
  
You can click on the [?] next to "Waiting List" or "Receive SMS" for more details about these options.

First, fill in your personal information, such as name, phone number, and address, as well as emergency contact information. If you are on the waiting list, select how you wish to be notified.

For "Payment Type", select the type of credit card and fill in the information. If you log in before making the reservation, you can also select Reward as the payment type. If you do so, the system will automatically deduct the reward points from your account for this reservation. If you do not have enough points, the system will not allow you to use them, and you must pay with a credit card. Please note that if you do not log in before the reservation process, you will not be able to use your reward points, but you will still be able to use the credit.

As for the "Discount Number", this is the number that is found on both gift and discount coupons from the promotional sales. You are not required to log in to use either of the coupons.

Discount Coupon
The system will automatically apply the discount coupon to your reservation. The remaining balance will be taken from your credit or credit card, but not from your reward points.

Gift Coupon
There are two types of gift coupons. A 1-unit coupon can be applied to one court for one hour. A 2-unit coupon can be applied to 1) two courts for one hour each or 2) one court for two hours. This coupon may be split into two different reservations of one court for one hour. In order to use the gift coupon, the reservation must meet one of these specifications. Otherwise, you will not be able to use it.

After everything is okay, please mark "Yes, I agree" and click Next to go to the next step.
  tutorial Powered by KSB Consulting Inc.