@model IEnumerable<DeBraken.Models.Announcement>

@if (Model != null)
{    
    <div class="row latest-announcement-main">
        <a class="text-decoration-none" href="@Url.Action("Details", "Announcements", new { id = Model.First().ID })">
            <div class="col-12">
                <img src="@Url.Content("~/images/" + Model.First().ImageFileName)" class="img-fluid">
            </div>
            <div class="col-12 latest-announcement-text">
                <h3>@Model.First().Title</h3>
                <p class="d-none d-sm-block"><i>@Html.DisplayFor(modelItem => Model.First().CreatedOn)</i></p>
                <p class="d-none d-sm-block">@DeBraken.Utility.EncodeHelper.GetSummary(Model.First().Description, 250)</p>
            </div>
        </a>
    </div>    

    <div class="row">
        @foreach (var item in Model.Skip(1))
        {
            <div class="col-12 col-lg-6 latest-announcement-secondary">
                <a class="text-decoration-none" href="@Url.Action("Details", "Announcements", new { id = item.ID })">

                    <div>
                        <img src="@Url.Content("~/images/" + item.ImageFileName)" class="img-fluid">
                    </div>
                    <div class="latest-announcement-text">
                        <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, 100)
                        </p>
                    </div>
                </a>
            </div>
        }
    </div>
}