Anpassung Design

2026-05-05 12:30:45 +02:00
parent bec1c8725f
commit 4a4517c514
35 changed files with 2990 additions and 1339 deletions
@@ -0,0 +1,41 @@
+<section class="page-hero">
+    <p class="eyebrow">Verfügbarkeit</p>
+    <h1>Geblockte und bereits bestätigte Zeiträume im Blick.</h1>
+    <p>
+        Die Übersicht zeigt aktuelle Belegungen aus dem Verwaltungssystem.
+        Für Ihren Wunschtermin senden Sie am besten direkt eine Anfrage.
+    </p>
+</section>
+
+<section class="section split-section">
+    <article class="content-card">
+        <h2>Aktuelle Belegung</h2>
+        <div class="availability-list">
+            <?php if ($bookings === []): ?>
+                <article class="availability-card">
+                    <strong>Momentan gibt es keine festen Einträge.</strong>
+                    <span>Ihre Anfrage kann direkt neu aufgenommen werden.</span>
+                </article>
+            <?php endif; ?>
+            <?php foreach ($bookings as $booking): ?>
+                <article class="availability-card">
+                    <div>
+                        <strong><?= h($booking['reference']) ?></strong>
+                        <span><?= h(formatDate($booking['start_date'])) ?> bis <?= h(formatDate($booking['end_date'])) ?></span>
+                    </div>
+                    <span class="<?= h(statusPillClass((string) $booking['status'])) ?>"><?= h($booking['status_label']) ?></span>
+                </article>
+            <?php endforeach; ?>
+        </div>
+    </article>
+    <article class="content-card emphasis-card">
+        <h2>Direkt zur Anfrage</h2>
+        <ul class="check-list">
+            <li>Zeitraum nach Übernachtungen wählen</li>
+            <li>Lieferart und Zahlungsart festlegen</li>
+            <li>Kundendaten für Rechnung und Rückfragen erfassen</li>
+        </ul>
+        <a class="button-primary button-block" href="<?= h(url('buchen')) ?>">Jetzt Termin anfragen</a>
+    </article>
+</section>
+