@model PagedList.IPagedList<DeBraken.Models.Announcement>
@using PagedList.Mvc;

@{
    ViewBag.Title = "T.C. De Braken - Nieuws";
}

<div class="p-5 mb-4 page-header">
    <div class="container">
        <h1>Nieuws</h1>
    </div>
</div>

<div class="container index-container">

    @if (User.Identity.IsAuthenticated)
    {
        <p>@Html.ActionLink("Nieuw bericht", "Create", "Announcements", new { @class = "btn btn-primary" })</p>
        <hr />
    }

    @foreach (var item in Model)
    {
        <a class="text-decoration-none" href="@Url.Action("Details", "Announcements", new { id = item.ID })">
            <div class="row index-row">
                <div class="col-8 index-content announcements-index-content">
                    <h3>@item.Title</h3>
                    <p class="d-none d-sm-block"><i>@Html.DisplayFor(modelItem => item.CreatedOn)</i></p>
                    <p class="d-none d-sm-block">
                        @DeBraken.Utility.EncodeHelper.GetSummary(item.Description, 250)
                    </p>
                </div>
                <div class="col-4 index-image">
                    <img src="@Url.Content("~/images/" + item.ImageFileName)" class="img-fluid">
                </div>
            </div>
        </a>
    }

</div>

<div class="container">
    <div class="row">
        <div class="col-6">
            Pagina @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) van @Model.PageCount
        </div>
        <div class="col-6">
            <span class="pull-right announcements-index-pager">
                @Html.PagedListPager(Model, page => Url.Action("Index", new { page }))
            </span>
        </div>
    </div>
</div>