<!--
Bryan
Exile Server Manager
-->
<?php
require "../updateServers.php";
require '../steamauth/steamauth.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Exile Server Manager</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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet/less" type="text/css" href="../css/styles.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="icon" href="../<?= COMMUNITY_LOGO ?>">
<script src="../js/loader.js"></script>
<script src="../js/util.js"></script>
<script src="../js/functions.js"></script>
</head>
<body id="page_login">
<div class="container-fluid center-panel">
<div class="row community-info">
<!-- Community logo -->
<div class="col-md-2 community-logo">
<img class="img-responsive" style="height: 128px; width: 128px;" src="../<?= COMMUNITY_LOGO ?>">
</div>
<!-- Community welcome message -->
<div class="col-md-10">
<h1>Welcome to <?= COMMUNITY_NAME ?></h1>
<p><?= nl2br(WELCOME_MESSAGE) ?></p>
</div>
</div>
<div class="row login-row-2">
<div class="col-md-5 col-md-offset-1">
<h3>Our Servers</h3>
<div class="blue-horizontal-divider width-3-4"></div>
<div class="login_servers">
<?php
if (count($SERVERS) > 0):
foreach($SERVERS as $k => $v):
?>
<div class="row">
<div class="server">
<!-- Server Title -->
<h4 data-toggle="tooltip" title="<?= $SERVERS[$k]["name"] ?>"><?= $SERVERS[$k]["name"] ?></h4>
<!-- Server Info -->
<div class="server-info">
Status: <?= $SERVERS[$k]["status"] == 1 ? "<span style='color: #B2EC00;'>Online</span>" : "<span style='color: #EA0000;'>Offline</span>"; ?>
<br>IP Address: <?= $SERVERS[$k]["ip"] . ":" . $SERVERS[$k]["port"] ?>
<?php if ($SERVERS[$k]["status"] == 1): ?>
<br> <a data-toggle="modal" href="#server_info" data-target="#server_info" data-serverinfo='<?= json_encode(['ip' => $SERVERS[$k]['ip'], 'port' => $SERVERS[$k]['port'], 'mods' => $SERVERS[$k]['mods'], 'restart_schedule' => $SERVERS[$k]['restart_schedule'], 'rules' => $SERVERS[$k]['rules'],'name' => $SERVERS[$k]['name'],'map' => $SERVERS[$k]['map'],'online_players' => $SERVERS[$k]['online_players'],'max_players' => $SERVERS[$k]['max_players'],'password_protected' => $SERVERS[$k]['password_protected'],'server_version' => $SERVERS[$k]['server_version']])?>'>Server Information</a>
<?php endif;?>
</div>
</div>
</div>
<?php endforeach; endif;?>
</div>
</div>
<div class="col-md-4 col-md-offset-1">
<h3>Sign in using Steam</h3>
<div class="blue-horizontal-divider width-3-4"></div>
<br>
<?= loginbutton("rectangle"); ?>
<br><br>
<button type="button" class="button" id="id_DoYourWorst">Super Secret Backdoor Login Button</button>
</div>
</div>
<!-- Server Modal -->
<div class="modal custom fade" id="server_info" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-body">
<!-- Modal Title -->
<h1 class="modal-title" id="server_name"></h1>
<!-- Modal information -->
<div class="row">
<div class="col-md-12">
<h4 id="server_ip_port"></h4>
<div class="blue-horizontal-divider full-width"></div>
<div class="table-responsive">
<table class="table table-striped table-condensed">
<tbody>
<tr>
<td>Map:</td>
<td id="server_map"></td>
</tr>
<tr>
<td>Players Online:</td>
<td id="server_players_online"></td>
</tr>
<tr>
<td>Password Protected:</td>
<td id="server_password_protected"></td>
</tr>
<tr>
<td>Server Version:</td>
<td id="server_version"></td>
</tr>
<tr>
<td>Restart Schedule:</td>
<td id="server_restart_schedule"></td>
</tr>
<tr>
<td>Required Mods:</td>
<td id="server_required_mods"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="button" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<!-- Server Info Modal -->
</body>
</html>