<%-- 
    Document   : MenuC
    Created on : Apr 13, 2010, 12:16:13 AM
    Author     : Administrator
    MENU DEL EMPLEADO DE LA TAQUILLA    
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
   
   

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Seventhart Tickets Delivery Page</title>

         <!-- jQuery -->
        <script type="text/javascript" src="web/scripts/jquery.min.js"></script>        
        <!-- required plugins -->
		<script type="text/javascript" src="web/scripts/date.js"></script>
        <!-- jquery.datePicker.js -->
		<script type="text/javascript" src="web/scripts/jquery.datePicker.js"></script>
        <!-- datePicker required styles -->
        <link rel="stylesheet" type="text/css" media="screen" href="web/styles/datePicker.css">
        <!-- page specific styles -->
        <link rel="stylesheet" type="text/css" media="screen" href="web/styles/demo.css">
        <link rel="stylesheet" type="text/css" media="screen" href="web/styles/seventhart.css">

        <!-- page specific scripts -->
		<script type="text/javascript" charset="utf-8">
			//Date.firstDayOfWeek = 0;
			//Date.format = 'mm/dd/yyyy';
            $(function()
            {
				$('.date-pick').datePicker()
            });

            function formatDate(unformattedDate){
                var fDate = unformattedDate.substring(6) + unformattedDate.substring(3,5) + unformattedDate.substring(0,2);
                document.dateForm.date.value = fDate;
            }

            function validDate(frm){
                if(frm.date.value == ''){
                    alert('Please choose a date!');
                    return false;
                }
                else
                    return true;
            }
		</script>
        
    </head>
    <body BGCOLOR="#F78181">

        <div id="container">
          <div id="header">
           <div id="topleft_panel"  style="float:left; width:20%; height:100px;">
                <br><img src="Images/cinema.jpg" width="150" height="80" />
                <b>Tickets Delivery page</b>
            </div>
            <div id="topright_panel"  style="float:right; width:35%; height:100px;">
                <p class="blueclass">Welcome ${userName}</p>
                <p class="blackclass"><a href="DisconnectUser">Log out</a></p><br>
                <p class="greenclass">${cinemaName}</p>
            </div>
          </div>

          <!--<div id="sidebar1">left col</div>
          <div id="sidebar2">right col</div>-->
          
          <div id="mainContent">
            <form name="dateForm" id="dateForm" method="get"  action="GetFilmsOnDate" onSubmit="return validDate(this)">
                <label for="unformattedDate">Date :</label><br>
                <input name="unformattedDate" id="unformattedDate" class="date-pick" onchange="formatDate(this.value)" value="${unformattedDate}" readonly/>
                <input type="submit" value="Submit" name="Submit">
                <input type="hidden" name="date" id="date" value="${selectedDate}"/><br>
            </form>

            <p>
                ${filmResult}
            </p>
            <p>
                ${showTimesResult}
            </p>
              
          </div>

          <div id="reservations">
            <p>
                ${updateResult}
            </p>
            <p>
               ${reservationResult}
            </p>
            <br>
          </div>

          <div id="footer">
              <p class="greenclass">SeventhArt System : UPV-2010</p>
          </div>

        </div>

    </body>
</html>

