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. 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 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 CVV 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.

:lcor { 127.0.0.1:5500/index.html Apps Titanic ($13.00) Pick a movie Pirates of Carribean ($15.00) Eat Pray Love ($10.00) NA Selected Occupied Movie selected: Ticket Price: $ 0.00 Number of seats selected: 0 Total Price: $ 0.00 BUY SEATS T 127.0.0.1:5500/index.html Lambton los Code Copy Welcome to XAMPP Free Images - Pix... til Toronto FUN Onlin... Top 16 Free H Apps Pick a movie: Titanic ($13.00) Payment Details + c O 127.0.0.1:5500/paymentdetails.html Apps Lambton iOS Code Copy Welcome t Confirm Purchase Total Amount to Pay: $ 39.00 Card Holder Name Card Number NA Selected Occupied CW Movie selected: Titanic Ticket Price: $13.00 Redirects to Payment Page Expiration Date January Number of seats selected: 3 Total Price: $39.00 2021 VISA BUY SEATS Cupra ebay Cuff Confirm :lcor { 127.0.0.1:5500/index.html Apps Titanic ($13.00) Pick a movie Pirates of Carribean ($15.00) Eat Pray Love ($10.00) NA Selected Occupied Movie selected: Ticket Price: $ 0.00 Number of seats selected: 0 Total Price: $ 0.00 BUY SEATS T 127.0.0.1:5500/index.html Lambton los Code Copy Welcome to XAMPP Free Images - Pix... til Toronto FUN Onlin... Top 16 Free H Apps Pick a movie: Titanic ($13.00) Payment Details + c O 127.0.0.1:5500/paymentdetails.html Apps Lambton iOS Code Copy Welcome t Confirm Purchase Total Amount to Pay: $ 39.00 Card Holder Name Card Number NA Selected Occupied CW Movie selected: Titanic Ticket Price: $13.00 Redirects to Payment Page Expiration Date January Number of seats selected: 3 Total Price: $39.00 2021 VISA BUY SEATS Cupra ebay Cuff Confirm