<?php include("includes/head.php");?>
<?php include("includes/header.php");
include ("includes/libmail.php"); ?>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
	jQuery(document).ready(function(){
    	jQuery("#report_form").validationEngine();
   });

</script>
<script>
$(document).ready(function(){

	setTimeout(function(){

		$(".mydiv").fadeOut("slow", function () {

			$(".mydiv").slideUp("slow");

		});

	}, 4000);

});
</script>

<script>
$( document ).ready(function() {
	var enq_dat = new Date();
	$(window).on('load',function() {
	  $('#end_date').datepicker('option', 'minDate', enq_dat);
	});	  
});
$(function()
{
    $('#start_date').datepicker({
		changeMonth: true,
        changeYear: true,
		dateFormat:"mm-dd-yy",
		onSelect: function(dateStr) {
		  var date = $(this).datepicker('getDate');		  
		  if (date) {
			  
				date.setDate(date.getDate());
		  }
		  $('#end_date').datepicker('option', 'minDate', date);
		},
		beforeShowDay: function(date){
          if(date.getDay() == 0){
                return [true];
            } else {
                return [false];
            }
        }
	
      });
      $('#end_date').datepicker({
		changeMonth: true,
        changeYear: true,
		dateFormat:"mm-dd-yy",
		onSelect: function (selectedDate) {
		  var date = $(this).datepicker('getDate');
		  if (date) {
				date.setDate(date.getDate());
		  }
		  $('#end_date').datepicker('option', 'maxDate', date || 0);
		},
		beforeShowDay: function(date){
          if(date.getDay() == 6){
                return [true];
            } else {
                return [false];
            }
        }
      });
});

</script>
<?php
$staff = mysql_query("SELECT * FROM sat_staff WHERE 1");

?>
<form action="vacation_excel.php" method="post" id="report_form">
<table width="100%" border="0" class="tmtbl">
	
  <tr>
     <td colspan="2" align="center">
    	<table width="100%" border="0" class="tmfrm">
        <tr>
    	<td>
        	Staff Name : 
        </td>
        <td colspan="3">
        	<select name="staff_id" id="staff_id" class="validate[required] selectfield require_select">
            	<option value="">---Select Staff---</option>
                <?php
				while($row = mysql_fetch_array($staff))
				{
				?>
                <option value="<?php echo $row['staff_id']; ?>"><?php echo $row['firstname']." ".$row['lastname']; ?></option>
                <?php
				}
				?>
            </select>
        </td>
    </tr>
          <tr>
            <td width="100">Start Date : </td>
            <td width="200">
            	<input type="text" name="start_date" id="start_date" autocomplete="off" readonly="readonly" class="validate[required]" />
            </td>
            <td width="100">End Date : </td>
            <td width="200">
            	<input type="text" name="end_date" id="end_date" autocomplete="off" readonly="readonly" class="validate[required]" />
            </td>
            
           </tr>
           
          
           <tr>
            	<td colspan="4" align="center"><input type="submit" name="future_date" value="Submit" class="require float-none"></td>
           </tr>
          </table> 
     </td>      
  </tr>
</table>
</form>


























<?php include("includes/footer.php"); ?>