@{
    Layout = null;
    var loc = SharedLibraryCore.Utilities.CurrentLocalization.LocalizationIndex;
}

@model SharedLibraryCore.Dtos.PenaltyInfo

<tr class="d-table-row d-lg-none bg-dark">
    <th scope="row" class="bg-primary">@loc["WEBFRONT_PENALTY_TEMPLATE_NAME"]</th>
    <td>
        <a asp-controller="Client" asp-action="ProfileAsync" asp-route-id="@Model.OffenderId" class="link-inverse">
            <color-code value="@Model.OffenderName" allow="@ViewBag.EnableColorCodes"></color-code>
        </a>
    </td>
</tr>

<tr class="d-table-row d-lg-none bg-dark">
    <th scope="row" class="bg-primary">@loc["WEBFRONT_PENALTY_TEMPLATE_TYPE"]</th>
    <td class="penalties-color-@Model.PenaltyTypeText.ToLower()">
        @Model.PenaltyType
    </td>
</tr>

<tr class="d-table-row d-lg-none bg-dark">
    <th scope="row" class="bg-primary">@loc["WEBFRONT_PENALTY_TEMPLATE_OFFENSE"]</th>
    <td class="text-light">
        <color-code value="@($"{Model.Offense}{(ViewBag.Authorized ? Model.AdditionalPenaltyInformation : "")}")" allow="@ViewBag.EnableColorCodes"></color-code>
    </td>
</tr>

<tr class="d-table-row d-lg-none bg-dark">
    <th scope="row" class="bg-primary">@loc["WEBFRONT_PENALTY_TEMPLATE_ADMIN"]</th>
    <td>
        @Html.ActionLink(SharedLibraryCore.Utilities.StripColors(Model.PunisherName), "ProfileAsync", "Client", new { id = Model.PunisherId }, new { @class = "level-color-" + (int)Model.PunisherLevel })
    </td>
</tr>

<tr class="d-table-row d-lg-none bg-dark">
    <th scope="row" class="w-25 bg-primary" style="border-bottom: 1px solid #222">@loc["WEBFRONT_PENALTY_TEMPLATE_TIME"]</th>
    <td class="text-light mb-2 border-bottom">
        @{
            if (Model.Expired)
            {
                <span>@Model.TimePunishedString</span>
            }
            else
            {
                <span>@Model.TimeRemaining</span>
            }
        }
    </td>
</tr>

<tr class="d-none d-lg-table-row">
    <td>
        <a asp-controller="Client" asp-action="ProfileAsync" asp-route-id="@Model.OffenderId" class="link-inverse">
            <color-code value="@Model.OffenderName" allow="@ViewBag.EnableColorCodes"></color-code>
        </a>
    </td>
    <td class="penalties-color-@Model.PenaltyTypeText.ToLower()">
        @Model.PenaltyType
    </td>
    <td class="text-light w-50">
        <color-code value="@($"{Model.Offense}{(ViewBag.Authorized ? Model.AdditionalPenaltyInformation : "")}")" allow="@ViewBag.EnableColorCodes"></color-code>
    </td>
    <td>
        @Html.ActionLink(SharedLibraryCore.Utilities.StripColors(Model.PunisherName), "ProfileAsync", "Client", new { id = Model.PunisherId }, new { @class = "level-color-" + (int)Model.PunisherLevel })
    </td>
    <td class="text-right text-light">
        @{
            if (Model.Expired)
            {
                <span>@Model.TimePunishedString</span>
            }
            else
            {
                <span>@Model.TimeRemaining</span>
            }
        }
    </td>
</tr>