@model LecturesViewModel


<style>
    .time {
        display: inline;
    }

    .time[open] {
        display: block;
    }

        details[open] >  summary {
            color:blue;
        }

    details > * {
        margin-left: 10px;
    }

    details > summary {
        margin-left: 0;
    }

    form {
        width: 100%;
    }
</style>

<form method="get" >
    Semester: <input type="text" asp-for="CurrentSemester" style="width:3.5em;text-align:center;" maxlength="5" />
    Ort: <input type="text" asp-for="LocationFilter" />
    <input type="submit" value="Filter" />

    
</form>


@foreach (var day in Model.LectureEvents.GroupBy(x => x.From.Date).OrderBy(x => x.Key))
{
    <details class="day">
        <summary>@day.Key.ToString("dd.MM.yyyy") - (@day.Count())</summary>
        @foreach (var time in day.GroupBy(x => x.From).OrderBy(x => x.Key))
        {
            <details class="time">
                <summary>@time.Key.ToString("HH:mm") - (@time.Count())</summary>
                @foreach (var eventItem in time.OrderBy(x=>x.Lecture.Title))
                {
                    <details class="lecture">
                        <summary class="title">@eventItem.Lecture.Title</summary>

                        <div class="time">Zeitraum: @eventItem.From.ToString("HH:mm") - @eventItem.To.ToString("HH:mm")</div>
                        <div class="room">Ort: @eventItem.Location</div>

                        <a href="@eventItem.Lecture.Url">@eventItem.Lecture.Url</a>
                        <details>
                            <summary>Infos</summary>
                            @Html.Raw(eventItem.Lecture.Description);
                        </details>

                    </details>
                }

            </details>
        }
    </details>
}