$(document).ready(function () {

    checkStatus();

    var intervalid = setInterval(function () {
        checkStatus();
    }, 10 * 1000);
})

function checkStatus() {

    $.ajax({
        url: apiurl,
        success: function (json) {

            json = json.tsstatus;

            var result = "";

            if (json.success) {
                var clientsonline = json.clientsonline;
                var maxclients = json.maxclients;
                var clientsprecent = Math.round(json.clientsonline * 100 / json.maxclients);
                var version = json.version;
                var platform = json.platform;
                var uptime = json.uptime;
                var averagePacketloss = Math.round(json.averagePacketloss * 100) / 100;
                var averagePing = Math.round(json.averagePing * 100) / 100;

                result =
                    '<p><i class="fa fa-power-off" aria-hidden="true"></i> ' + statusOnline + ': <span class="label label-success">' + clientsonline + ' / ' + maxclients + ' (' + clientsprecent + '%)</span></p>' +
                    '<p><i class="fa fa-clock-o" aria-hidden="true"></i> ' + statusUptime + ': <span class="label label-success">' + uptime + '</span></p>' +
                    '<p><i class="fa fa-info-circle" aria-hidden="true"></i> ' + statusVersion + ': <span class="label label-success">' + version + ' @ ' + platform + '</span></p>' +
                    '<p><i class="fa fa-signal" aria-hidden="true"></i> ' + statusAvgping + ': <span class="label label-success">' + averagePing + ' ms</span></p>' +
                    '<p><i class="fa fa-bolt" aria-hidden="true"></i> ' + statusAvgpl + ': <span class="label label-success">' + averagePacketloss + '%</span></p>';
            } else {
                result = '<p><i class="fa fa-power-off" aria-hidden="true"></i> Online: <span class="label label-danger">' + statusOffline + '</span></p>';
            }

            $("#serverstatus").html(result);
        },
        error: function (result) {
            $("#serverstatus").html('<p><i class="fa fa-power-off" aria-hidden="true"></i> ' + statusOnline + ': <span class="label label-danger">ERROR</span></p>');
        }
    })
}