+$array_of_stats = [];
+
+/* What if someone wants to add their own stats... */
+Hook::run(HOOKTYPE_PRE_OVERVIEW_CARD, $array_of_stats);
+
+/* This makes sure that a plugin which called the parameter
+ * by reference can add/update the stats for display here.
+*/
+$stats = (object) $array_of_stats;
+$userlist = [];
+Hook::run(HOOKTYPE_GET_USER_LIST, $userlist);
+$num_of_panel_admins = count($userlist);
+
+?>
+<style>
+ .card {
+ min-height: 100%;
+ }
+ </style>
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
+
+ <div class="row mt-3">
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-success text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-users fa-3x"></i><span id="userRecord" class="position-absolute badge rounded-pill badge-warning">
+ <?php echo "Record: "; ?>
+ </span>
+ </div>
+ <div class="col">
+ <h3 id="stats_user_total" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Users Online</h6>
+ </div>
+ <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>users">View</a></div>
+ </div>
+ </div>
+ </div>
+
+
+ </div>
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-primary text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-hashtag fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 id="stats_channel_total" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Channels</h6>
+ </div>
+ <div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>channels">View</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-warning">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-shield-halved fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 id="stats_oper_total" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Opers</h6>
+ </div>
+ <!-- <div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?operonly"; ?>">View</a></div> -->
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-secondary text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-network-wired fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 id="stats_server_total" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Servers</h6>
+ </div>
+ <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>servers">View</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
+
+ <div class="row">
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-danger text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-ban fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 id="num_server_bans" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Server Bans</h6>
+ </div>
+ <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>server-bans">View</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-secondary text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-filter fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 id="num_spamfilter_entries" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Spamfilter</h6>
+ </div>
+ <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>spamfilter.php">View</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header bg-primary text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-door-open fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 id="num_ban_exceptions" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Server Ban Exceptions</h6>
+ </div>
+ <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>server-bans/ban-exceptions.php">View</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <?php
+ $bg = "bg-success"; // FIXME: this isn't dynamic
+ ?>
+ <div class="col-sm mb-3">
+ <div class="card text-center">
+ <div class="card-header <?php echo $bg; ?> text-white">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-database fa-3x"> </i>
+ </div>
+ <div class="col">
+ <span data-toggle="tooltip" title="" style="border-bottom: 1px dotted #000000">
+ <h3 id="stats_uline_total" class="display-4"></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Services Online</h6>
+ </div>
+ <!-- <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?servicesonly"; ?>">View</a></div> -->
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+</div>
+
+
+<script>
+ /* Last time stats were updated */
+ let stats_tick = 0;
+
+ function updateStats(e)