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

@model SharedLibraryCore.Dtos.PenaltyInfo

<tr class="d-table-row d-md-none bg-dark">
    <th scope="row" class="bg-primary">@loc["WEBFRONT_PENALTY_TEMPLATE_NAME"]</th>
    <td>
        @Html.ActionLink(Model.OffenderName, "ProfileAsync", "Client", new { id = Model.OffenderId }, new { @class = "link-inverse" })
    </td>
</tr>

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

<tr class="d-table-row d-md-none bg-dark">
    <th scope="row" class="bg-primary">@loc["WEBFRONT_PENALTY_TEMPLATE_OFFENSE"]</th>
    <td class="text-light">
        @Model.Offense
    </td>
</tr>

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

<tr class="d-table-row d-md-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.TimeRemaining == string.Empty)
            {
                <span>@Model.TimePunished @loc["WEBFRONT_PENALTY_TEMPLATE_AGO"]</span>
            }
            else
            {
                <span> @Model.TimeRemaining</span>
            }
        }
    </td>
</tr>

<tr class="d-none d-md-table-row">
    <td>
        @Html.ActionLink(Model.OffenderName, "ProfileAsync", "Client", new { id = Model.OffenderId }, new { @class = "link-inverse" })
    </td>
    <td class="penalties-color-@Model.Type.ToLower()">
        @Model.Type
    </td>
    <td class="text-light w-50">
        @Model.Offense
    </td>
    <td>
        @Html.ActionLink(Model.PunisherName, "ProfileAsync", "Client", new { id = Model.PunisherId }, new { @class = "level-color-" + Model.PunisherLevelId }) 
    </td>
    <td class="text-right text-light">
        @{
            if (Model.TimeRemaining == string.Empty)
            {
                <span>@Model.TimePunished  @loc["WEBFRONT_PENALTY_TEMPLATE_AGO"]</span>
            }
            else
            {
                <span> @Model.TimeRemaining </span>
            }
        }
    </td>
</tr>