Restructure into feature folders with code-behind and scoped CSS

Elternbeirat.Web/Features/Events/EventList.razor

@@ -0,0 +1,57 @@
+@page "/termine"
+@inject EventService EventService
+
+<PageTitle>Termine</PageTitle>
+
+<h1>Termine</h1>
+
+<p class="intro">
+    Alle Termine des Elternbeirats auf einen Blick. Sie können den Kalender auch
+    <a href="/termine.ics">abonnieren</a> und in Ihrer Kalender-App automatisch
+    aktuell halten.
+</p>
+
+<h2>Kommende Termine</h2>
+
+@if (EventService.Upcoming.Count == 0)
+{
+    <p>Zurzeit sind keine Termine geplant.</p>
+}
+else
+{
+    <ul class="event-list">
+        @foreach (var ev in EventService.Upcoming)
+        {
+            <li>
+                <time datetime="@ev.Start.ToString("s")">@Format(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 (EventService.Past.Count > 0)
+{
+    <h2>Vergangene Termine</h2>
+    <ul class="event-list event-list-past">
+        @foreach (var ev in EventService.Past)
+        {
+            <li>
+                <time datetime="@ev.Start.ToString("s")">@Format(ev)</time>
+                <span class="event-title">@ev.Title</span>
+                @if (!string.IsNullOrWhiteSpace(ev.Location))
+                {
+                    <span class="event-location">@ev.Location</span>
+                }
+            </li>
+        }
+    </ul>
+}