@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">@Model.Map</div>
    <div class="text-center text-md-right col-md-4"><span class="server-clientcount">@Model.ClientCount</span>/<span class="server-maxclients">@Model.MaxClients</span></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 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-online="@Model.Online"></div>
</div>