<div class="header-menu" id="mobile-hide">
<div class="navigation_bar">
<a class="srv-text" href="/">Acedia Network</a>
<div class="container">
<ul class="nav-bar">
<li><a class="nav-link buzz-hover" href="/home"><i class="fa fa-home" style="color: var(--main-color)"></i> Home</a></li>
</ul></div></div>


<div class="discord">
<div class="container">
<div class="left">
                    <i class="fas fa-globe"></i>
                    <div class="text-large players icons-enabled"><span id="players"></span> Players Online</div>
										<small class="ipCopy" data-clipboard-text="play.acedianetwork.com" style="background: transparent;border: transparent;     cursor: pointer; " onclick="serverjoin()">Click to join the fun.</small>
                </div>
<div class="right">
                    <i class="fab fa-discord"></i>
										<div class="text-large players icons-enabled"><span id="count"></span> Players Online</div>
										<small><a href="https://discord.gg/83zVMz" target="blank">Join Our Discord</a></small>
</div></div></div></div>

<div class="header">
    <div class="logo" id="mobile-logo">
        <a href="/"><img class="pulse infinite animated" height="{{ store.logoHeight }}" width="{{ store.logoWidth }}" src="{{ store.logo_url }}"></a>
    </div>
</div>


<script>
	$( document ).ready(function() {
		getPlayer();
		setInterval(function () {
			getPlayer();
		}, 60*1000);
	});

	function getPlayer () {
		$.getJSON( "https://api.mcsrvstat.us/1/play.acedianetwork.com", function( data ) {
			$("#ping").html(data.ping);
			$("#ip").html(data.hostname);
			$("#players").html(data.players.online);
		});
	}
</script>

<script class="text/javascript">

    function serverjoin()
    {
        swal({
            title: "IP has been copied!",
            text: "You can join the server by adding the IP to your server list!",
            icon: "success",
            button: "Join Now",
        });
    }

</script>

<script>var clipboard = new ClipboardJS('.ipCopy');</script>

<script>
    var guild_id = "518775732059766795";
  axios.get(`https://discordapp.com/api/guilds/${guild_id}/widget.json`).then(response => {
  document.getElementById("count").innerHTML = response.data.members.length + " " });
  	<!-- *** Credits for script to discordbothosting.com -->
    </script>