Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Guard Bans</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap.css"/>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.js"></script>
	<script type="text/javascript" src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap.js"></script>
	<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.js"></script>
	<style>
		body {
			background-image: url("rebel.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			color: white;
		}

		tr:hover td {
			background: #000;
			opacity: 0.8;
		}

		@font-face {
			font-family: "TF2 Build";
			src: url(fonts/tf2build.ttf) format("truetype");
		}

		h2 {
			font-family: "TF2 Build", Verdana, Tahoma;
			font-size: 40px;
		}
	</style>
</head>
<body>

<?php
include 'functions.php';
$expired  = isset($_GET['expired']);
$unbanned = isset($_GET['unbanned']);
$active   = false;
if (!$expired && !$unbanned) {
	$active = true;
}
?>

<div class="container">
	<h2><center>Salamon.tf Guard Bans</center></h2>
	<?php
	if ($expired) {
		echo "<center><b><a href='?active=true'>Active</a> | Expired | <a href='?unbanned=true'>Unbanned</a></b></center>";
	} else if ($unbanned) {
		echo "<center><b><a href='?active=true'>Active</a> | <a href='?expired=true'>Expired</a> | Unbanned</b></center>";
	} else {
		echo "<center><b>Active | <a href='?expired=true'>Expired</a> | <a href='?unbanned=true'>Unbanned</a></b></center>";
	}
	?>
	<table class="table table-hover">
		<thead>
			<tr>
				<th>Name</th>
				<th>Time</th>
				<?php if ($active) echo "<th>Timeleft</th>"; ?>
				<th>Banned by</th>
				<th>Ban reason</th>
				<th>Ban date</th>
				<?php
				if ($expired) {
					echo "<th>Expiration date</th>";
				} else if ($unbanned) {
					echo "<th>Unbanned by</th>";
					echo "<th>Unban reason</th>";
					echo "<th>Unban date</th>";
				}
				?>
			</tr>
		</thead>
		<tbody>
			<?php
			if ($expired) {
				showExpiredBans();
			} else if ($unbanned) {
				showUnbannedBans();
			} else {
				showActiveBans();
			}
			?>
		</tbody>
	</table>
	<script>
		$('table').DataTable();
	</script>
</div>
</body>
<footer>
	<center><p><i>Made by <a href='http://steamcommunity.com/profiles/76561198096392963' target='_blank'>Sgt. Gremulock</a></i></p></center>
</footer>
</html>