<?php
session_start();
if( $_SESSION['access'] != 1 ) {
	require( 'login.php' );
} else {
        $uname=$_SESSION['uname'];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <link rel="stylesheet" type="text/css" href="css/sestyle.css">
    <link rel="shortcut icon" href="favicon.ico" />
    <script type="text/javascript" src="includes/jquery-2.1.3.min.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="includes/js/dtp/jquery.datetimepicker.css"/ >
    <script src="includes/js/dtp/jquery.js"></script>
    <script src="includes/js/dtp/jquery.datetimepicker.js"></script>
    <title>Add BMS Event</title>
    <script>
    $(document).ready(function() {
      $('#start_date_time').datetimepicker();
      $('#end_date_time').datetimepicker();
    $('#select_form').submit(function(event) {

      if (!$("#is_ongoing").prop("checked") && $("#end_date_time").val() === "") {
        alert('You must enter a value for Currently Ongoing or End Date and Time');
    event.preventDefault();
        return false;
      }
    });
    });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            	var queryString = $('select_form').serialize();
		$("select#utype").prop("disabled", true);
			$("select#unit").prop("disabled", true);
		$("select#alert").prop("disabled", true);
				$("select#datacenter").change(function(){
					$("select#utype").prop("disabled", true);
					/*$("select#utype").html("<option>wait...</option>");*/
					var dc_id = $("select#datacenter option:selected").val();
                                $.post("includes/select_utype.php", function(data){
					$("select#utype").prop("disabled", false);
					$("select#utype").html(data);
			});
			});
			$("select#utype").change(function(){
				$("select#unit").prop("disabled", true);
				/*$("select#unit").html("<option>wait...</option>");*/
				var utype_id = $("select#utype option:selected").val();
				$.post("includes/select_unit.php", {utype_id:utype_id, dc_id:$('#datacenter').val()}, function(data){
					$("select#unit").prop("disabled", false);
					$("select#unit").html(data);
				});
			});
			$("select#unit").change(function(){
				$("select#alert").prop("disabled", true);
				var unit_id = $("select#unit option:selected").val();
				$.post("includes/select_alert.php", {utype_id:$('#utype').val()}, function(data){
					$("select#alert").prop("disabled", false);
					$("select#alert").html(data);
				});
			});
			$("form#select_form").submit(function(){
				var dc = $("select#datacenter option:selected").val();
				var utype = $("select#utype option:selected").val();
				if(cat>0 && type>0)
				{
					var result = $("select#utype option:selected").html();
					$("#result").html('your choice: '+result);
				}
				else
				{
					$("#result").html("you must choose a DC and Unit Type!");
				}
				return false;
				var alert = $("select#alert option:selected").val();
                                if(cat>0 && type>0)
                                {
                                        var result = $("select#alert option:selected").html();
                                        $("#result").html('your choice: '+result);
                                }
                                else
                                {
                                        $("#result").html("you must choose a DC, Unit Type, and Alert!");
                                }
                                return false;
				var unit = $("select#unit option:selected").val();
				if(cat>0 && type>0)
				{
					var result = $("select#unit option:selected").html();
					$("#result").html('your choice: '+result);
				}
				else
				{
					$("#result").html("you must choose a DC, Unit Type, Alert, and Unit!");
				}
				return false;
			});
		});
    </script>
    </head>
    <body>
	<div class=header>
		<h1>BMS Events</h1>
		<?php
                        if(isset($_SESSION['uname'])) {
                                echo "Hello, ";
                                print_r($_SESSION['uname']);
                        }
		echo "<h2>Add an Event</h2>";
		include("includes/menu.php"); ?>
	</div>
        <?php include "includes/classes/select.class.php";?>
	<br />
        <form id="select_form" required method="post" action="includes/insert_event.php">
		<table align="center">
			<tr>
				<td>
					Choose a DC:
				</td>
				<td>
					<select name="datacenter" id="datacenter" required>
						<?php echo $opt->ShowDCs(); ?>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Choose a Unit Type:
				</td>
				<td>
					<select name="utype" id="utype" required>
						<?php echo $opt->ShowUnitType(); ?>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Choose a Unit:
				</td>
				<td>
					<select name="unit" id="unit" required>
						<?php echo $opt->ShowUnits(); ?>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Select the Alert:
				</td>
				<td>
					<select name="alert" id="alert" required>
						<?php echo $opt->ShowAlerts(); ?>
					</select>
        			</td>
			</tr>
			<tr>
				<td>
					Start date and time:
				</td>
				<td>
					<input type="text" name="start_date_time" id="start_date_time" required />
				</td>
			</tr>
			<tr>
				<td>
					Issue Description:
				</td>
				<td>
					<textarea name="description" id="description" cols="40" rows="5" required></textarea>
				</td>
			</tr>
			<tr>
				<td>
					Currently Ongoing?
				</td>
				<td>
					<input type="checkbox" name="is_ongoing" value="1" id="is_ongoing" />
				</td>
			</tr>
			<tr>
				<td>
					End date and time:
				</td>
				<td>
				        <input type="text" name="end_date_time" id="end_date_time" />
				</td>
			</tr>
			<tr>
				<td colspan="2" class="ui-helper-center">
				        <input type="submit" value="Add Event" />
				</td>
			</tr>
		</table>
	You must press "Add Event" to record the issue!
	<input type="hidden" name="user" id="user" value="<?=$uname;?>"/>
        </form>
        <div id="result"></div>
    </body>
</html>
<?php } ?>