Question: Create a simple web application with responsive design. The index.php page looks like the following. If user clicks on Reservation, a reservation page will appear

Create a simple web application with responsive design. The index.php page looks like the following.
If user clicks on Reservation, a reservation page will appear as a web form. The Reservation form for this resort asks the user to enter the following information. a. First name b. Last name c. Address (includes number&street, city, state, zip) d. Duration of stay (i.e., check in and checkout dates) e. Room type (use a drop down or a data list. King, Queen, Suit) f. Phone number (in the format of US phone (123)456-7890) g. Email address (must legal format like someone@abc.com) h. How many people of this reservation i. Payment method (use a dropdown list. MC, VISA, AMEX, Discover) j. Card number (4 digits a group, total of four groups, 16 digits total. Only accept if input 16 digits) k. Special requests field is optional field and not a required field.
First name field will be autofocused when this page is loaded. All fields are required except Special Requests field. To simplify this application, assume there are three room types: King, Queen, and Suite. King costs $200, Queen $150 and Suite $300. The tax rate is 7%. If the user will stay three nights and chose Queen room, then the total charge would be $481.50 which is equal to ($150*3)*1.07= $481.50. Similarly for Suite room type, the total charge of three nights saty will be ($300.0*3)*1.07= $963.00 Assuming we entered the data as the following. Note our check-in date and check-out date are the same. We allow this and treated as one day stay.
Your website will respond as the following Total charge is 150*1*1.07=160.5.
For this project, we dont store the reservation information into database. So, you dont have to use database.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!