You've been hired again by a company to enhance the web site for an upcoming event. The main upcoming event featured on your web site is taking place at a stadium

Get an image of the seating chart for that stadium.

1.) Create an Event Tickets Summary page:

a) Declare a one-dimensional array called sections with the following values:

101, 102, 103, 104, 105,

201, 202, 203, 204, 205,

301, 302, 303, 304, 305

b) Declare a one-dimensional array called rows with the following values:

1, 2, 3, 4, 5,

6, 7, 8, 9, 10,

11, 12, 13, 14, 15

c) Create the following functions:

loadComboBoxes is triggered when the page loads and:

- Reads the values from the sections array and builds a sections combo box from them.

- Reads the values from the rows array and builds a combo box from them.

openEventTicketsSummary is triggered when the user clicks the Event Tickets Summary button and:

-Saves the total ticket price in local storage.

-Opens the Event Tickets Summary page.

updatePrices is triggered when the user changes the number of tickets, section number, or row number and recalculates the price per ticket and total ticket price.

e) Divide the web page into two side-by-side panels of equal width.

f) Add the following controls to the left panel:

The day attending the event (can only select one day) this should be moved from the Event Tickets Summary page.

The number of tickets needed for the event (allow from 1 to 10) this should be moved from the Event Tickets Summary page.

A combo box containing the section numbers. Its values are placed in the box when the page loads.

A combo box containing the row numbers. Its values are placed in the box when the page loads.

A read-only text box that shows the price per seat. Use the following tables to calculate the price which is based on both the section and row numbers:

Section number	Base price ($)
< 200	300.00
< 300	200.00
Otherwise	100.00

Row number	Per seat price ($)
<= 5	base price + 75.00
<= 10	base price + 50.00
Otherwise	base price + 25.00

A read-only text box that shows the total price. This is calculated from formula tickets * price per seat.

g) Add an event to the number of tickets, sections combo box, and rows combo box controls that triggers a call to method updatePrices whenever values in those controls are changed.

h) Add the following control to the right panel:

An image containing a seating chart for the stadium where the main event is occurring.

i) Add a button that triggers a call to method openEventTicketsSummary to open the Event Tickets Summary page.

4) Modify the Event Tickets Summary page per the following (you should have already moved the date and tickets controls):

a) Create the following function:

loadTotalPrice is triggered when the page loads and retrieves the total ticket price from local storage and places it in the total price text box.

b) Add the following control between the last name and delivery format controls:

A read-only text box that shows the total price.