<?php include("header.php"); ?>
<title>History Log</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('#history').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="content1">
		
	
		<div class="actions">
			<h2>History Log</h2>
			<div class="demo_jui">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="history" class="jtable">
	<thead>
		<tr>
			<th>Date</th>
			<th>Action</th>
			<th>Data</th>
			<th>User</th>
		</tr>
	</thead>
	<tbody>
			<?php $history = mysql_query("SELECT * FROM history ORDER BY date ASC") or die(mysql_error());  ?>
			<?php WHILE($exps = mysql_fetch_array($history)){
				$id = $exps['history_id'];
				$data = $exps['data'];
				$actions = $exps['actions'];
				$user = $exps['user'];
				$date = $exps['date'];
				?>
			<tr class="gradeA del<?php echo $id;?>">
				<td><?php echo $date; ?></td>
				<td><?php echo $actions; ?></td>
				<td><?php echo $data; ?></td>
				<td><?php echo $user; ?></td>				
			</tr>
			<?php } ?>
	</tbody>
</table>
</div>
		</div>
	
	</div>
<?php include("footer.php"); ?>
</div>

</body>
</html>