@include('theme::layouts.navbar')
<div class="servertime-block">
    <div class="server-bottom">
        <div class="d-none d-md-flex justify-content-center align-items-center flex-wrap" style="margin-bottom: 10px;">
            <div class="server-name">Your Time</div>
            <div>
                {{--<div id="tLocalDate"></div>--}}
                <time id="tLocalTime"></time>
            </div>
        </div>
        <div id="serverTime" data-time="{{\Carbon\Carbon::now()}}"
             class="d-flex justify-content-center align-items-center flex-wrap" style="margin-bottom: 10px;">
            <div class="server-name">Server Time</div>
            <div>
                {{--<div id="tServerDate"></div>--}}
                <time id="tServerTime"></time>
            </div>
        </div>
    </div>
</div>
<header class="header">
    <div class="logo">
        <a href="{{url('/')}}">
            <img class="img-fluid" src="{{asset('themes/elysium-theme/images/logo.png')}}"
                 alt="{{ config('app.name', 'Devsome') }}"
                 title="{{ config('app.name', 'Devsome') }}" width="435">
        </a>
    </div>
    <div class="sparks-sparks">
        <div class="sparks sparks-1"></div>
        <div class="sparks sparks-2"></div>
        <div class="sparks sparks-3"></div>
        <div class="sparks sparks-4"></div>
        <div class="sparks sparks-5"></div>
    </div>
    <div class="stones-stones">
        <div class="stone stone-1"></div>
        <div class="stone stone-2"></div>
        <div class="stone stone-3"></div>
    </div>
    <div class="d-flex justify-content-lg-between justify-content-center align-items-center flex-wrap pb-5">


		<a href="{{route('downloads-index')}}">
				<div class="download-block">

				</div>
			</a>

       <div class="server-load">
           <div class="circle-online">
               <div class="serverInfo">
                   <span class="serverInfo__name">TOTAL<br>ONLINE</span>
                   <span class="serverInfo__online">{{$PlayerCountProvider['count']}}</span>
               </div>
               <div id="online-offline" class="circlestat circliful" data-dimension="124" data-width="3.5"
                    data-bordersize="4" data-fontsize="12"
                    data-percent="{{($PlayerCountProvider['count'] / config('siteSettings.sro_max_server', 1000)) * 100}}"
                    data-fgcolor="#4bcdb6" data-bgcolor="rgba(192, 209, 7, 0.2)"></div>
           </div>
       </div>

         <a href="{{route('register')}}">
			<div class="registration-block">

			</div>
		</a>

    </div>
</header>