feat: replace the navigation with a dashboard and per-area boards

templates/board/_timerange.html.twig

@@ -0,0 +1,42 @@
+{#
+    The span the whole board is relative to. Free/belegt has no answer without it once bookings
+    can cover part of a day, so this drives the plan colours AND the calendar occupancy counts.
+
+    Both fields hit the same fragment endpoint as the calendar does, so narrowing the span is the
+    same single round trip as changing the day. hx-include pulls in the sibling field, because
+    a span needs both ends to mean anything.
+#}
+{# An all-day board leaves both fields empty: 24:00 has no representation in <input type="time">,
+   and an empty pair is exactly what TimeRange::parse() reads back as "the whole day". #}
+{% set day = selected_date|date('Y-m-d') %}
+
+<div class="flex flex-wrap items-end gap-3 pb-4" id="board-timerange">
+    <div>
+        <label class="block text-xs text-gray-500 pb-1" for="board-von">Von</label>
+        <input type="time" id="board-von" name="von" value="{{ selected_time.allDay ? '' : selected_time.start }}" step="900"
+               class="rounded-md border-0 py-1.5 text-sm text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-primary"
+               hx-get="{{ path('app_board_day', { type: type.slug, date: day }) }}"
+               hx-include="#board-bis"
+               hx-trigger="change"
+               hx-swap="none">
+    </div>
+    <div>
+        <label class="block text-xs text-gray-500 pb-1" for="board-bis">Bis</label>
+        <input type="time" id="board-bis" name="bis" value="{{ selected_time.allDay ? '' : selected_time.end }}" step="900"
+               class="rounded-md border-0 py-1.5 text-sm text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-primary"
+               hx-get="{{ path('app_board_day', { type: type.slug, date: day }) }}"
+               hx-include="#board-von"
+               hx-trigger="change"
+               hx-swap="none">
+    </div>
+
+    {% if not selected_time.allDay %}
+        <button type="button" class="button button--small button--neutral"
+                hx-get="{{ path('app_board_day', { type: type.slug, date: day }) }}"
+                hx-swap="none">
+            Ganzer Tag
+        </button>
+    {% else %}
+        <span class="text-xs text-gray-500 pb-2">ganzer Tag</span>
+    {% endif %}
+</div>