<?php
//start php session
session_start();
//if user not logged in, force to login.php
if( $_SESSION['access'] != 1 ) {
        require( 'login.php' );
} else {

?>
<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>BMS Event Search</title>
		<script>
			$(function() {
				$('#start_date_time').datetimepicker({timepicker:false, format: 'Y/m/d'});
				$('#end_date_time').datetimepicker({timepicker:false, format: 'Y/m/d'});
			});
		</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 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>Search</h2>";
		include("includes/menu.php"); ?>
        </div>
	        <?php include "includes/classes/select.class.php";?>
		<br />
		<form id="select_form" required method="post" action="search_results.php">
			<table align="center">
				<tr>
					<td>
						Choose a DC:
					</td>
					<td>
						<select name="datacenter" id="datacenter">
							<?php echo $opt->ShowDCs(); ?>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						Choose a Unit Type:
					</td>
					<td>
						<select name="utype" id="utype" >
							<?php echo $opt->ShowUnitType(); ?>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						Choose a unit:
					</td>
					<td>
						<select name="unit" id="unit" >
							<?php echo $opt->ShowUnits(); ?>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						Event Start Date:
					</td>
					<td>
						<input type="text" name="start_date_time" id="start_date_time" />
					</td>
				</tr>
				<tr>
					<td>
						Event End Date:
					</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="Search" />
					</td>
				</tr>
			</table>
		</form>
Search by Unit, start date, or end date of the event.  The form will accept any or all of these three options.
<br />
When entering start or end date, enter any portion of the value, and the search should return relevant data.
</body>
</html>
<?php } ?>