@page "/events"

<PageTitle>Termine</PageTitle>

<h1>Termine</h1>

@if (_unavailable)
{
    <p>Die Termine sind gerade nicht erreichbar. Bitte später erneut versuchen.</p>
}
else
{
    <p class="intro">
        Alle Termine des Elternbeirats auf einen Blick. Sie können den Kalender auch
        <a href="/events.ics">abonnieren</a> und in Ihrer Kalender-App automatisch
        aktuell halten.
    </p>

    <h2>Kommende Termine</h2>

    @if (_upcoming.Count == 0)
    {
        <p>Zurzeit sind keine Termine geplant.</p>
    }
    else
    {
        <ul class="event-list">
            @foreach (var ev in _upcoming)
            {
                <li>
                    <time datetime="@ev.Start.ToString("s")">@EventFormat.Range(ev)</time>
                    <span class="event-title">@ev.Title</span>
                    @if (!string.IsNullOrWhiteSpace(ev.Location))
                    {
                        <span class="event-location">@ev.Location</span>
                    }
                    @if (!string.IsNullOrWhiteSpace(ev.Note))
                    {
                        <p class="event-note">@ev.Note</p>
                    }
                </li>
            }
        </ul>
    }

    @if (_past.Count > 0)
    {
        <h2>Vergangene Termine</h2>
        <ul class="event-list event-list-past">
            @foreach (var ev in _past)
            {
                <li>
                    <time datetime="@ev.Start.ToString("s")">@EventFormat.Range(ev)</time>
                    <span class="event-title">@ev.Title</span>
                    @if (!string.IsNullOrWhiteSpace(ev.Location))
                    {
                        <span class="event-location">@ev.Location</span>
                    }
                </li>
            }
        </ul>
    }
}