(20 points) Create a home page for your app that displays predefined list of movie names and their ticket price in a dropdown list, seat map of a theater (6 rows, 10 columns), legends indicating colors for occupied, vacant and selected seat colors, number of selected tickets, total ticket price and a button to confirm the seat selection. (35 points) Once the user selects any of the movies, the seat map should be updated representing existing seat allocations. Then allow the user to make selection of the seats. Once user selects the seats, they should be able click on a button to confirm the order with selected tickets. Display a confirm dialog for the same. If user confirms the order, take them to the next page. You must persist the necessary details using local storage or session storage or any other techniques you have known to. Hint: you will need to dynamically update the CSS classes allocated to HTML element using jQuery or JavaScript (30 points) On the next page, display the movie, selected seat numbers and total price to the user at the top of the page. Also, display HTML form for user to enter their contact details such as name, email, phone number and payment details such as credit card number, name on card, expiry date and CW number. You must validate all the inputs using HTML5 or jQuery or JavaScript for their format of values and display if any errors. Provide a submit button to the user for submitting their details, validate the data and display an alert with all the validated information. (20 points) Create a home page for your app that displays predefined list of movie names and their ticket price in a dropdown list, seat map of a theater (6 rows, 10 columns), legends indicating colors for occupied, vacant and selected seat colors, number of selected tickets, total ticket price and a button to confirm the seat selection. (35 points) Once the user selects any of the movies, the seat map should be updated representing existing seat allocations. Then allow the user to make selection of the seats. Once user selects the seats, they should be able click on a button to confirm the order with selected tickets. Display a confirm dialog for the same. If user confirms the order, take them to the next page. You must persist the necessary details using local storage or session storage or any other techniques you have known to. Hint: you will need to dynamically update the CSS classes allocated to HTML element using jQuery or JavaScript (30 points) On the next page, display the movie, selected seat numbers and total price to the user at the top of the page. Also, display HTML form for user to enter their contact details such as name, email, phone number and payment details such as credit card number, name on card, expiry date and CW number. You must validate all the inputs using HTML5 or jQuery or JavaScript for their format of values and display if any errors. Provide a submit button to the user for submitting their details, validate the data and display an alert with all the validated information
