@model IEnumerable<DeBraken.Models.Event>

@foreach (var item in Model)
{
    <div class="row index-row">
        <div class="col-12">
            <a class="text-decoration-none" href="@Url.Action("Details", "Events", new { id = item.ID })">
                <div class="row">
                    <div class="col-2 index-date index-date-current">
                        <h3>@item.StartOn.Day</h3>
                        @item.StartOn.ToString("MMM")
                    </div>
                    <div class="col-10 index-content">
                        <h3>@item.Title</h3>
                        <p>
                            @if (item.Recurrence == DeBraken.Models.Recurrence.Eenmalig)
                            {
                                <i><span class="text-capitalize">@item.StartOn.ToString("dddd")</span> @item.StartOn.ToString("d MMMM") van @item.StartOn.ToString("HH:mm") tot @item.EndOn.ToString("HH:mm")</i>
                            }
                            else if (item.Recurrence == DeBraken.Models.Recurrence.Dagelijks)
                            {
                                <i>@item.Recurrence van @item.StartOn.ToString("dddd") @item.StartOn.ToString("d MMMM") tot @item.EndOn.ToString("dddd") @item.EndOn.ToString("d MMMM")</i>
                            }
                            else if (item.Recurrence == DeBraken.Models.Recurrence.Wekelijks)
                            {
                                <i>Iedere @item.StartOn.ToString("dddd") tot @item.EndOn.ToString("d MMMM yyyy")</i>
                            }
                        </p>
                    </div>
                </div>
            </a>
        </div>
    </div>    
}