@model IEnumerable<Blog>
@{
    ViewData["Title"] = "Index";
}

<h2>Index</h2>
<p class="text-success">@ViewData["StatusMessage"]</p>
@if (User.IsSignedIn()) {

<label>
<input type="checkbox" id="cbv" checked/>Invisibles, posts privés</label>
    <script>
        $("#cbv").change(function() {
            if (this.checked) {
                $("tr.ipost").removeClass("hidden");
            } else {
                $("tr.ipost").addClass("hidden");
            }
        });
        </script>
}
<p>
    <a asp-action="Create">@SR["Create a new article"]</a>
</p>

<table class="table">
    <tr>
        <th colspan="3">
            @SR[Html.DisplayNameFor(model => model.Title)]
        </th>
    </tr>
    
@foreach (var item in Model) {
    var trclass = (item.Visible)?"vpost":"ipost";

    <tr class="@trclass">
        <td><a asp-action="Details" asp-route-id="@item.Id">
       <img src="@item.Photo" >
           <markdown>@item.Title</markdown></a>
        </td>
        <td>
            <markdown>@((item.Content?.Length > 120) ? item.Content.Substring(0, 120) + " ..." : item.Content)</markdown>
            <span style="font-size:x-small;">(@item.Author.UserName </span>,
            <span style="font-size:xx-small;">
            posté le @item.DateCreated.ToString("dddd d MMM yyyy à H:mm")
            @if ((item.DateModified - item.DateCreated).Minutes > 0){ 
                @:- Modifié le @item.DateModified.ToString("dddd d MMM yyyy à H:mm")
             })
            </span>
        </td>
        <td> 
            <ul class="actiongroup">
                <li><a asp-action="Details" asp-route-id="@item.Id">Details</a>
            </li>
            @if (await AuthorizationService.AuthorizeAsync(User, item, new EditRequirement())) {
            <li><a asp-action="Edit" asp-route-id="@item.Id">@SR["Edit"]</a>
            </li>
            <li><a asp-action="Delete" asp-route-id="@item.Id">@SR["Delete"]</a>
            </li>
            }
            </ul>
        </td>
    </tr>
}
</table>