12-05-2026 Frontend dev

resources/views/livewire/customer/bookings.blade.php

@@ -0,0 +1,52 @@
+<?php
+
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Title;
+use Livewire\Volt\Component;
+
+new #[Layout('components.layouts.app'), Title('Buchungen & Add-ons')] class extends Component
+{
+}; ?>
+
+<div class="space-y-6">
+    <flux:card>
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+            <div>
+                <flux:heading size="lg">{{ __('Buchungen & Add-ons') }}</flux:heading>
+                <flux:subheading>
+                    {{ __('Hier werden künftig gebuchte Leistungen, Add-ons und Erweiterungen für Ihre Firmen gebündelt.') }}
+                </flux:subheading>
+            </div>
+            <flux:badge color="zinc" icon="shopping-bag" size="lg">
+                {{ __('In Vorbereitung') }}
+            </flux:badge>
+        </div>
+    </flux:card>
+
+    <flux:callout color="blue" icon="information-circle">
+        {{ __('Der Bereich ist bereits in der Navigation vorbereitet. Buchbare Add-ons werden aktiviert, sobald das Preismodell und die Zahlungslogik final sind.') }}
+    </flux:callout>
+
+    <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
+        <flux:card>
+            <flux:heading size="sm">{{ __('Firmenbezogene Add-ons') }}</flux:heading>
+            <flux:text class="mt-2 text-sm text-zinc-500">
+                {{ __('Zum Beispiel zusätzliche Sichtbarkeit, Verifizierung oder besondere Platzierungen.') }}
+            </flux:text>
+        </flux:card>
+
+        <flux:card>
+            <flux:heading size="sm">{{ __('Credits & Tarif') }}</flux:heading>
+            <flux:text class="mt-2 text-sm text-zinc-500">
+                {{ __('Tarif- und Credit-Informationen folgen, sobald das neue Preismodell live ist.') }}
+            </flux:text>
+        </flux:card>
+
+        <flux:card>
+            <flux:heading size="sm">{{ __('Zahlungsarten') }}</flux:heading>
+            <flux:text class="mt-2 text-sm text-zinc-500">
+                {{ __('Zahlungsarten werden später unter Finanzen eingebunden.') }}
+            </flux:text>
+        </flux:card>
+    </div>
+</div>