@model SharedLibraryCore.Dtos.ServerInfo
@{
    Layout = null;
}

<div class="row server-header pt-1 pb-1 bg-primary " id="server_header_@Model.ID">
    <div class="col-md-4 text-center text-md-left d-inline-flex justify-content-center justify-content-md-start">
        <color-code value="@Model.Name" allow="@ViewBag.EnableColorCodes"></color-code>
        <a href="@Model.ConnectProtocolUrl" class="ml-2 mr-2 align-self-center d-none d-md-flex server-join-button" title="@SharedLibraryCore.Utilities.CurrentLocalization.LocalizationIndex["WEBFRONT_HOME_JOIN_DESC"]">
            <span class="oi oi-play-circle mr-1 align-self-center"></span>
            <span class="server-header-ip-address" style="display:none;">@Model.IPAddress</span>
        </a>
        @if (ViewBag.Authorized)
        {
            <span class="oi oi-chat align-self-center profile-action d-none d-md-flex" data-action="chat" data-action-id="@Model.ID"></span>
        }
    </div>

    <div class="text-center col-md-4 align-self-center">
        <span>@Model.Map</span>
        @if (!string.IsNullOrEmpty(Model.GameType) && Model.GameType.Length > 1)
        {
            <span>&ndash;</span>
            <span>@Model.GameType.ToUpper()</span>
        }
    </div>
    <div class="text-center text-md-right col-md-4 d-flex align-self-center justify-content-center justify-content-md-end flex-column-reverse flex-sm-row">
        @if (Model.LobbyZScore != null)
        {
            <div title="@ViewBag.Localization["WEBFRONT_HOME_RATING_DESC"]" class="cursor-help d-flex flex-row-reverse flex-md-row justify-content-center">
                <span>@(Model.LobbyZScore ?? 0)</span>
                <span class="oi oi-bolt align-self-center mr-1 ml-1"></span>
            </div>
        }
        <div>
            <span class="server-clientcount">@Model.ClientCount</span>/<span class="server-maxclients">@Model.MaxClients</span>
        </div>
    </div>

    @if (ViewBag.Authorized)
    {
        <div class=" p-1 d-flex d-md-none justify-content-center col-12">
            <span class="oi oi-chat align-self-center profile-action d-flex d-md-none" data-action="chat" data-action-id="@Model.ID"></span>
        </div>
    }
</div>

<div id="server_clientactivity_@Model.ID" class="bg-dark row server-activity @(Model.ClientCount > 0 ? "pt-2 pb-2" : "")">
    @await Html.PartialAsync("../Server/_ClientActivity", Model)
</div>

<div class="row server-history mb-4">
    <div class="server-history-row" id="server_history_@Model.ID" data-serverid="@Model.ID" 
         data-clienthistory='@Html.Raw(Json.Serialize(Model.PlayerHistory))'
         data-clienthistory-ex='@Html.Raw(Json.Serialize(Model.ClientCountHistory))'
         data-online="@Model.Online"></div>
</div>