<?php include("header.php"); ?>
<title>List of Events</title>
<style type="text/css" title="currentStyle">
			@import "css/table/demo_page.css";
			@import "css/table/demo_table_jui.css";
			@import "css/table/jquery-ui-1.8.4.custom.css";
		</style>
		<script type="text/javascript" language="javascript" src="js/table/jquery.dataTables.js"></script>
		<script type="text/javascript" charset="utf-8">
			jQuery(document).ready(function() {
				oTable = jQuery('#schedules').dataTable({
					"bJQueryUI": true,
					"sPaginationType": "full_numbers"
								} );
				});		
		</script>

</head>
<body class="view_user standard">
<div class="wrapper">

	<div class="header">
	<h1>Lifeguard Archangels Security Corporation</h1>
	</div>
<?php include("main_menu.php"); ?>
	<div class="right_nav">
	<h1>Schedules</h1>
<?php include("sched_sidebar.php"); ?>
	</div>
	<div class="content">
	
	
	<div class="actions">
	<h2>List of Events | <a href="mpdf51/examples/schedules_pdf.php"><img src="images/printer.jpg"></a></h2>
	
<div class="demo_jui">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="schedules" class="jtable">
	<thead>
		<tr>
			<th>Date</th>
			<th>Activity</th>
			<th>Time</th>
			<th>Location</th>
			<!-- hide actions for user access level-->
			<?php if($_SESSION['user_type'] != 'User'){ ?><th>Actions</th><?php } ?>
			<!-- hide actions for user access level -->
		</tr>
	</thead>
	<tbody>
			<?php $schedules = mysql_query("SELECT * FROM schedules") or die(mysql_error());  ?>
			<?php WHILE($sched = mysql_fetch_array($schedules)){
				$id = $sched['sched_id'];
				$date = $sched['date'];
				$activity = $sched['activity'];
				$time = $sched['time'];
				$persons = $sched['persons'];
				$street  = $sched['street'];
				$city  = $sched['city'];
				$province  = $sched['province'];
				$address = $sched['street']. "&nbsp;" . $sched['city']. "&nbsp;" . $sched['province'];
				?>
			<tr class="gradeA del<?php echo $id;?>">
			<form action="modify_sched.php" method="POST" >
			<input type="hidden" value="<?php  echo $id; ?>" name="id" />
				<td><?php echo $date; ?></td>
				<td><?php echo $activity; ?></td>
				<td><?php echo $time; ?></td>
				<td><?php echo $address; ?></td>
				<!-- hide actions for user access level-->
				<?php if($_SESSION['user_type'] != 'User'){ ?>
				<!-- hide actions for user access level-->
				<td><a class="delete" id="<?php echo $id; ?>">
					<img src = "images/edit_delete.png" height="30" alt = "delete" title = "delete"/></a>
					<input type="image" src = "images/edit-icon.png" height="30" alt = "edit" title = "edit"/>
					<a href="view_sched.php<?php echo '?id='; echo $id; ?>">
					<img src= "images/view-icon.png" height="30" alt = "view" title = "view"/></a> 
					</form>
					<?php } ?>
				</td>
			</tr>
			<?php } ?>
	</tbody>
</table>
</div>
	</div>
	
	</div>
<?php include("footer.php"); ?>
</div>
</body>
		<input type="hidden" class="pc_date" name="pc_date"/>
		<input type="hidden" class="pc_time" name="pc_time" />
		<input type="hidden" class="user" value="<?php echo $_SESSION['user_name']; ?>" />
</html>
<script type="text/javascript">
	$(document).ready( function() {
/* amo ni*/
var myDate = new Date();
var pc_date = (myDate.getMonth()+1) + '/' + (myDate.getDate()) + '/' + myDate.getFullYear();
var pc_time = myDate.getHours()+':'+myDate.getMinutes()+':'+myDate.getSeconds();
jQuery(".pc_date").val(pc_date);
jQuery(".pc_time").val(pc_time);
/*asta d*/	
		
		$('.delete').click( function() {
		
		var id = $(this).attr("id");
		var pc_date = $('.pc_date').val();
		var pc_time = $('.pc_time').val();
		var user = $('.user').val();
		
		if(confirm("Are you sure you want to delete this event?")){
			
		
			$.ajax({
			type: "POST",
			url: "delete_sched.php",
			data: ({id: id,pc_date:pc_date,pc_time:pc_time, user:user}),
			cache: false,
			success: function(html){
			$(".del"+id).fadeOut('slow', function(){ $(this).remove();}); 
			}
			}); 
			}else{
			return false;}
		});				
	});

</script>
