You have been recently promoted to be the web developer for SM Cinema website, which provides information about

movies types, classes, and tickets .The ticket price depends on the class selected. (See figure 1)

(Figure 1)

A. The web site should display the following controls in the order as they appear in figure 1: (8 Marks) 1. HTML Table. 2. 2 TextBoxes. (For Ticket price and Final price). Note that the Ticket price TextBox should be Disabled 3. DropDownList. (For the preferred seat class) 4. 4 RadioButtons. (Yes, No, and Male, Female) 5. CheckBoxList. (For hobbies) 6. RadioButtonList. (To select an Age range) 7. 2 Buttons. (Calculate and Clear) 8. Image. (As a Logo) 9. 2 CheckBoxes. (Yes, No) 10. ListBox. (For the Movie Type) B. (1 mark) (1 mark) ( 0.5 mark) ( 0.5 mark) (1 mark) ( 0.5 mark) (1 mark) (0.5 mark) ( 1 mark) (1 mark)

The web page should include five event handlers to achieve the following: (12 marks) 1. When you select the RadioButton identified by (Yes), the ListBox that contains the types of movies should appear in the web page (Refer to the Figure1). (1 mark)

2. When you select the RadioButton identified by (No), the ListBox that contains the types of movies should be disappeared from the web page . (1 mark)

3. When you select the seat class from class list the corresponding price will be displayed in the TextBox identified by Ticket price and it cannot be changed until you select another class. 4. TextBox after it is calculated as following

(1 mark) (6 marks)

When you click the calculate Button , the total price will be displayed on the Final Price If the age selected lies between 1 and 6, then the final price will be 0. If the age selected lies between 6 and 18, then the final price will be calculated as Ticket Price /2.0. If the age selected lies between 18 and 45, then the final price will be the full Ticket Price.

If the age selected is above 45, then the total price will be calculated as Ticket Price /4.0. (3 marks)

5. When you Click on the Clear button you will perform the following: Hints Clear the contents of the two textboxes. Let the Dropdown list display the first option. Return the age selection to the third option.

Insert all the ASP.NET controls (Section A [2 to 10]) inside an HTML table control stated in (Section A [1]) Section B concerned with the code behind. Change the properties of the controls as the following RadioButton identified by (Yes / No): AutoPostBack True RadioButton identified by (Yes / No): Both have a unified GroupName. ListBox (Type of Movie): Visible False. Dropdown List (class): AutoPostBack True. TextBox (Ticket Price): Enabled False.

Enter the following values while editing the Dropdown list: Text First class Second class Third class value 120 80 40

The ListBox (type of movies) contains the following types of movies: Comedy, Horror, Action, Foreign, Romance and Scientific.