Admin-Zahlungsmodul: Zahlungs-Übersicht + Tarif-Verwaltung mit Stripe-Sync

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

resources/views/components/layouts/app/sidebar.blade.php

@@ -144,9 +144,13 @@
                         {{ __('Legacy Rechnungen') }}
                     </flux:navlist.item>
                     <flux:navlist.item icon="credit-card" :href="route('admin.payments.index')"
-                        :current="request()->routeIs('admin.payments.*')" wire:navigate>
+                        :current="request()->routeIs('admin.payments.index')" wire:navigate>
                         {{ __('Zahlungen') }}
                     </flux:navlist.item>
+                    <flux:navlist.item icon="rectangle-stack" :href="route('admin.payments.plans')"
+                        :current="request()->routeIs('admin.payments.plans')" wire:navigate>
+                        {{ __('Tarife & Pakete') }}
+                    </flux:navlist.item>
                     <flux:navlist.item icon="ticket" :href="route('admin.coupons.index')"
                         :current="request()->routeIs('admin.coupons.*')" wire:navigate>
                         {{ __('Gutscheine') }}

resources/views/livewire/admin/payments/index.blade.php

@@ -1,14 +1,102 @@
 <?php
 
+use App\Enums\InvoiceStatus;
+use App\Models\Invoice;
+use App\Models\Plan;
+use App\Models\SinglePurchase;
+use Illuminate\Database\Eloquent\Builder;
+use Laravel\Cashier\Subscription;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\Title;
 use Livewire\Volt\Component;
+use Livewire\WithPagination;
 
 new #[Layout('components.layouts.app'), Title('Zahlungen')] class extends Component
 {
+    use WithPagination;
+
+    public string $search = '';
+
+    public function updatedSearch(): void
+    {
+        $this->resetPage('subscriptionsPage');
+        $this->resetPage('purchasesPage');
+        $this->resetPage('invoicesPage');
+    }
+
     public function with(): array
     {
-        return [];
+        $plans = Plan::query()->get();
+
+        /** @var array<string, array{plan: Plan, interval: string}> $plansByPriceId */
+        $plansByPriceId = [];
+
+        foreach ($plans as $plan) {
+            if ($plan->stripe_price_id_monthly) {
+                $plansByPriceId[$plan->stripe_price_id_monthly] = ['plan' => $plan, 'interval' => __('monatlich')];
+            }
+            if ($plan->stripe_price_id_yearly) {
+                $plansByPriceId[$plan->stripe_price_id_yearly] = ['plan' => $plan, 'interval' => __('jährlich')];
+            }
+        }
+
+        $activeSubscriptions = Subscription::query()->active()->get();
+
+        $monthlyRecurringCents = $activeSubscriptions->sum(function (Subscription $subscription) use ($plansByPriceId): int {
+            $entry = $plansByPriceId[$subscription->stripe_price] ?? null;
+
+            if (! $entry) {
+                return 0;
+            }
+
+            return $entry['interval'] === __('jährlich')
+                ? (int) round($entry['plan']->yearly_price_cents / 12)
+                : $entry['plan']->monthly_price_cents;
+        });
+
+        return [
+            'plansByPriceId' => $plansByPriceId,
+            'stats' => [
+                'active_subscriptions' => $activeSubscriptions->count(),
+                'mrr_cents' => $monthlyRecurringCents,
+                'revenue_30d_cents' => (int) Invoice::query()
+                    ->where('status', InvoiceStatus::Paid->value)
+                    ->where('paid_at', '>=', now()->subDays(30))
+                    ->sum('total_cents'),
+                'open_purchases' => SinglePurchase::query()->grantingSubmission()->count(),
+            ],
+            'subscriptions' => $this->searchByUser(Subscription::query()->with('owner'))
+                ->latest('created_at')
+                ->paginate(25, pageName: 'subscriptionsPage'),
+            'purchases' => $this->searchByUser(SinglePurchase::query()->with(['user', 'pressRelease']))
+                ->latest('created_at')
+                ->paginate(25, pageName: 'purchasesPage'),
+            'invoices' => $this->searchByUser(Invoice::query()->with('user'))
+                ->latest('invoice_date')
+                ->latest('id')
+                ->paginate(25, pageName: 'invoicesPage'),
+        ];
+    }
+
+    /**
+     * Wendet die User-Suche (Name oder E-Mail) auf eine der drei
+     * Zahlungs-Tabellen an. Abos hängen über `owner` am User, Käufe und
+     * Rechnungen über `user`.
+     */
+    private function searchByUser(Builder $query): Builder
+    {
+        if (! filled($this->search)) {
+            return $query;
+        }
+
+        $search = trim($this->search);
+        $relation = $query->getModel() instanceof Subscription ? 'owner' : 'user';
+
+        return $query->whereHas($relation, function (Builder $query) use ($search): void {
+            $query
+                ->where('name', 'like', '%'.$search.'%')
+                ->orWhere('email', 'like', '%'.$search.'%');
+        });
     }
 }; ?>
 
@@ -19,40 +107,280 @@ new #[Layout('components.layouts.app'), Title('Zahlungen')] class extends Compon
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>
                 <span class="eyebrow muted">{{ __('Administration · Finanzen') }}</span>
-                <span class="badge warn">{{ __('In Vorbereitung') }}</span>
             </div>
             <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
                 {{ __('Zahlungen') }}
             </h1>
             <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[720px] text-[color:var(--color-ink-2)]">
-                {{ __('Zahlungsabwicklung läuft in Phase 8 ausschließlich über Stripe – alte Zahlungsarten (Rechnung, PayPal, SPK Berlin, Cortal Consors, Bar/Post) entfallen komplett.') }}
+                {{ __('Stripe-Abos, Einmalkäufe und der lokale Rechnungsausgang (STR-/MAN-Kreis) auf einen Blick. Stripe bleibt Zahlungs- und Belegquelle — diese Übersicht spiegelt die per Webhook synchronisierten Daten.') }}
             </p>
         </div>
+        <div class="flex items-center gap-2">
+            <flux:button size="sm" variant="filled" icon="archive-box" :href="route('admin.invoices.index')" wire:navigate>
+                {{ __('Legacy-Rechnungen') }}
+            </flux:button>
+            <flux:button size="sm" variant="primary" icon="rectangle-stack" :href="route('admin.payments.plans')" wire:navigate>
+                {{ __('Tarife & Pakete') }}
+            </flux:button>
+        </div>
     </header>
 
+    {{-- ============== KPI-Reihe ============== --}}
+    <section class="grid grid-cols-2 gap-4 lg:grid-cols-4">
+        <x-portal.stat-card variant="primary" :label="__('Aktive Abos')" :value="number_format($stats['active_subscriptions'], 0, ',', '.')">
+            <x-slot:meta>{{ __('Stripe-Subscriptions') }}</x-slot:meta>
+        </x-portal.stat-card>
+        <x-portal.stat-card variant="ok" :label="__('MRR (netto)')" :value="number_format($stats['mrr_cents'] / 100, 2, ',', '.').' €'">
+            <x-slot:meta>{{ __('monatlich wiederkehrend') }}</x-slot:meta>
+        </x-portal.stat-card>
+        <x-portal.stat-card variant="ok" :label="__('Umsatz 30 Tage')" :value="number_format($stats['revenue_30d_cents'] / 100, 2, ',', '.').' €'">
+            <x-slot:meta>{{ __('bezahlte Rechnungen, brutto') }}</x-slot:meta>
+        </x-portal.stat-card>
+        <x-portal.stat-card variant="muted" :label="__('Offene Einzel-PMs')" :value="number_format($stats['open_purchases'], 0, ',', '.')">
+            <x-slot:meta>{{ __('bezahlt, noch nicht eingelöst') }}</x-slot:meta>
+        </x-portal.stat-card>
+    </section>
+
+    {{-- ============== SUCHE ============== --}}
     <article class="panel">
         <div class="panel-head">
-            <span class="section-eyebrow">{{ __('Geplant für P8') }}</span>
+            <span class="section-eyebrow">{{ __('Suche') }}</span>
         </div>
-        <div class="p-5 space-y-4">
-            <ul class="space-y-3 text-[12.5px] text-[color:var(--color-ink-2)] list-none m-0">
-                <li class="flex gap-2">
-                    <flux:icon.check-circle class="size-[16px] shrink-0 mt-0.5 text-[color:var(--color-ok)]" />
-                    <span>{{ __('Live-Anzeige aller Stripe-Zahlungen mit Filtern nach Status, Methode und Zeitraum.') }}</span>
-                </li>
-                <li class="flex gap-2">
-                    <flux:icon.check-circle class="size-[16px] shrink-0 mt-0.5 text-[color:var(--color-ok)]" />
-                    <span>{{ __('Detail-Ansicht mit Stripe-Transaktions-ID, Webhook-Trail und zugeordneter Rechnung.') }}</span>
-                </li>
-                <li class="flex gap-2">
-                    <flux:icon.check-circle class="size-[16px] shrink-0 mt-0.5 text-[color:var(--color-ok)]" />
-                    <span>{{ __('Refund-Workflow direkt aus dem Admin (sofern Stripe-Berechtigung gegeben).') }}</span>
-                </li>
-            </ul>
+        <div class="p-5">
+            <flux:input
+                wire:model.live.debounce.300ms="search"
+                placeholder="{{ __('Nach User-Name oder E-Mail suchen — filtert Abos, Käufe und Rechnungen...') }}"
+                icon="magnifying-glass"
+                class="max-w-xl"
+            />
+        </div>
+    </article>
 
-            <p class="pt-4 border-t border-[color:var(--color-bg-rule)] text-[12px] text-[color:var(--color-ink-3)] m-0">
-                {{ __('Datenmodell (user_payments, user_payment_options) ist bereits angelegt; die Anbindung folgt mit Stripe-Webhooks.') }}
-            </p>
+    {{-- ============== ABOS ============== --}}
+    <article class="panel overflow-hidden">
+        <div class="panel-head">
+            <span class="section-eyebrow">{{ __('Abos') }}</span>
+            <span class="text-[11.5px] text-[color:var(--color-ink-3)]">
+                {{ __(':count Einträge', ['count' => number_format($subscriptions->total(), 0, ',', '.')]) }}
+            </span>
+        </div>
+        <flux:table>
+            <flux:table.columns>
+                <flux:table.column>{{ __('User') }}</flux:table.column>
+                <flux:table.column>{{ __('Tarif') }}</flux:table.column>
+                <flux:table.column>{{ __('Status') }}</flux:table.column>
+                <flux:table.column>{{ __('Seit') }}</flux:table.column>
+                <flux:table.column>{{ __('Endet') }}</flux:table.column>
+            </flux:table.columns>
+
+            @forelse ($subscriptions as $subscription)
+                <flux:table.row wire:key="admin-subscription-{{ $subscription->id }}">
+                    <flux:table.cell>
+                        @if ($subscription->owner)
+                            <div class="space-y-0.5">
+                                <flux:button size="xs" variant="filled" :href="route('admin.users.show', $subscription->owner)" wire:navigate>
+                                    {{ $subscription->owner->name }}
+                                </flux:button>
+                                <div class="text-[11px] text-[color:var(--color-ink-3)]">{{ $subscription->owner->email }}</div>
+                            </div>
+                        @else
+                            <span class="text-[12px] text-[color:var(--color-ink-3)]">–</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @php($planEntry = $plansByPriceId[$subscription->stripe_price] ?? null)
+                        @if ($planEntry)
+                            <div class="space-y-0.5">
+                                <div class="text-[13px] font-semibold text-[color:var(--color-ink)]">{{ $planEntry['plan']->name }}</div>
+                                <div class="text-[11px] text-[color:var(--color-ink-3)]">{{ $planEntry['interval'] }}</div>
+                            </div>
+                        @else
+                            <div class="text-[11px] text-[color:var(--color-ink-3)] font-mono">{{ $subscription->stripe_price ?? '–' }}</div>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if (in_array($subscription->stripe_status, ['active', 'trialing'], true))
+                            <span class="badge ok dot">{{ $subscription->stripe_status === 'trialing' ? __('Testphase') : __('Aktiv') }}</span>
+                        @elseif (in_array($subscription->stripe_status, ['past_due', 'unpaid', 'incomplete'], true))
+                            <span class="badge warn dot">{{ $subscription->stripe_status }}</span>
+                        @else
+                            <span class="badge">{{ $subscription->stripe_status }}</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[12px] text-[color:var(--color-ink-2)]">{{ $subscription->created_at?->format('d.m.Y') ?? '–' }}</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[12px] text-[color:var(--color-ink-2)]">{{ $subscription->ends_at?->format('d.m.Y') ?? '–' }}</span>
+                    </flux:table.cell>
+                </flux:table.row>
+            @empty
+                <flux:table.row>
+                    <flux:table.cell colspan="5">
+                        <div class="px-4 py-8 text-center text-[13px] text-[color:var(--color-ink-3)]">
+                            {{ __('Noch keine Stripe-Abos vorhanden.') }}
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @endforelse
+        </flux:table>
+        <div class="border-t border-[color:var(--color-bg-rule)] p-4">
+            {{ $subscriptions->links('components.portal.pagination') }}
+        </div>
+    </article>
+
+    {{-- ============== EINMALKÄUFE ============== --}}
+    <article class="panel overflow-hidden">
+        <div class="panel-head">
+            <span class="section-eyebrow">{{ __('Einmalkäufe') }}</span>
+            <span class="text-[11.5px] text-[color:var(--color-ink-3)]">
+                {{ __(':count Einträge', ['count' => number_format($purchases->total(), 0, ',', '.')]) }}
+            </span>
+        </div>
+        <flux:table>
+            <flux:table.columns>
+                <flux:table.column>{{ __('User') }}</flux:table.column>
+                <flux:table.column>{{ __('Typ') }}</flux:table.column>
+                <flux:table.column>{{ __('Betrag (netto)') }}</flux:table.column>
+                <flux:table.column>{{ __('Status') }}</flux:table.column>
+                <flux:table.column>{{ __('Bezahlt am') }}</flux:table.column>
+                <flux:table.column>{{ __('Eingelöst für') }}</flux:table.column>
+            </flux:table.columns>
+
+            @forelse ($purchases as $purchase)
+                <flux:table.row wire:key="admin-purchase-{{ $purchase->id }}">
+                    <flux:table.cell>
+                        @if ($purchase->user)
+                            <div class="space-y-0.5">
+                                <flux:button size="xs" variant="filled" :href="route('admin.users.show', $purchase->user)" wire:navigate>
+                                    {{ $purchase->user->name }}
+                                </flux:button>
+                                <div class="text-[11px] text-[color:var(--color-ink-3)]">{{ $purchase->user->email }}</div>
+                            </div>
+                        @else
+                            <span class="text-[12px] text-[color:var(--color-ink-3)]">–</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[12.5px] text-[color:var(--color-ink-2)]">{{ $purchase->type->label() }}</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[13px] font-semibold text-[color:var(--color-ink)] tabular-nums">{{ number_format($purchase->price_cents / 100, 2, ',', '.') }} €</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($purchase->status === \App\Enums\SinglePurchaseStatus::Paid)
+                            <span class="badge ok dot">{{ $purchase->status->label() }}</span>
+                        @elseif ($purchase->status === \App\Enums\SinglePurchaseStatus::Consumed)
+                            <span class="badge hub dot">{{ $purchase->status->label() }}</span>
+                        @elseif ($purchase->status === \App\Enums\SinglePurchaseStatus::Pending)
+                            <span class="badge warn dot">{{ $purchase->status->label() }}</span>
+                        @else
+                            <span class="badge">{{ $purchase->status->label() }}</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[12px] text-[color:var(--color-ink-2)]">{{ $purchase->paid_at?->format('d.m.Y H:i') ?? '–' }}</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($purchase->pressRelease)
+                            <flux:button size="xs" variant="filled" :href="route('admin.press-releases.show', $purchase->pressRelease->id)" wire:navigate>
+                                {{ \Illuminate\Support\Str::limit($purchase->pressRelease->title, 40) }}
+                            </flux:button>
+                        @else
+                            <span class="text-[12px] text-[color:var(--color-ink-3)]">–</span>
+                        @endif
+                    </flux:table.cell>
+                </flux:table.row>
+            @empty
+                <flux:table.row>
+                    <flux:table.cell colspan="6">
+                        <div class="px-4 py-8 text-center text-[13px] text-[color:var(--color-ink-3)]">
+                            {{ __('Noch keine Einmalkäufe vorhanden.') }}
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @endforelse
+        </flux:table>
+        <div class="border-t border-[color:var(--color-bg-rule)] p-4">
+            {{ $purchases->links('components.portal.pagination') }}
+        </div>
+    </article>
+
+    {{-- ============== RECHNUNGEN (STR/MAN) ============== --}}
+    <article class="panel overflow-hidden">
+        <div class="panel-head">
+            <span class="section-eyebrow">{{ __('Rechnungsausgang (STR/MAN)') }}</span>
+            <span class="text-[11.5px] text-[color:var(--color-ink-3)]">
+                {{ __(':count Einträge', ['count' => number_format($invoices->total(), 0, ',', '.')]) }}
+            </span>
+        </div>
+        <flux:table>
+            <flux:table.columns>
+                <flux:table.column>{{ __('Nummer') }}</flux:table.column>
+                <flux:table.column>{{ __('Kreis') }}</flux:table.column>
+                <flux:table.column>{{ __('User') }}</flux:table.column>
+                <flux:table.column>{{ __('Betrag (brutto)') }}</flux:table.column>
+                <flux:table.column>{{ __('Status') }}</flux:table.column>
+                <flux:table.column>{{ __('Rechnungsdatum') }}</flux:table.column>
+            </flux:table.columns>
+
+            @forelse ($invoices as $invoice)
+                <flux:table.row wire:key="admin-invoice-{{ $invoice->id }}">
+                    <flux:table.cell>
+                        <span class="text-[13px] font-semibold text-[color:var(--color-ink)] font-mono">{{ $invoice->number }}</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($invoice->stripe_invoice_id)
+                            <span class="badge hub">{{ __('Stripe (STR)') }}</span>
+                        @else
+                            <span class="badge">{{ __('Manuell (MAN)') }}</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($invoice->user)
+                            <div class="space-y-0.5">
+                                <flux:button size="xs" variant="filled" :href="route('admin.users.show', $invoice->user)" wire:navigate>
+                                    {{ $invoice->user->name }}
+                                </flux:button>
+                                <div class="text-[11px] text-[color:var(--color-ink-3)]">{{ $invoice->user->email }}</div>
+                            </div>
+                        @else
+                            <span class="text-[12px] text-[color:var(--color-ink-3)]">–</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[13px] font-semibold text-[color:var(--color-ink)] tabular-nums">{{ number_format($invoice->total_cents / 100, 2, ',', '.') }} €</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($invoice->status === \App\Enums\InvoiceStatus::Paid)
+                            <span class="badge ok dot">{{ $invoice->status->label() }}</span>
+                        @elseif ($invoice->status === \App\Enums\InvoiceStatus::Open)
+                            <span class="badge warn dot">{{ $invoice->status->label() }}</span>
+                        @else
+                            <span class="badge">{{ $invoice->status->label() }}</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <div class="space-y-0.5">
+                            <div class="text-[12px] text-[color:var(--color-ink-2)]">{{ $invoice->invoice_date?->format('d.m.Y') ?? '–' }}</div>
+                            @if ($invoice->paid_at)
+                                <div class="text-[11px] text-[color:var(--color-ink-3)]">{{ __('bezahlt: :date', ['date' => $invoice->paid_at->format('d.m.Y')]) }}</div>
+                            @endif
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @empty
+                <flux:table.row>
+                    <flux:table.cell colspan="6">
+                        <div class="px-4 py-8 text-center text-[13px] text-[color:var(--color-ink-3)]">
+                            {{ __('Noch keine Rechnungen im neuen Rechnungsausgang.') }}
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @endforelse
+        </flux:table>
+        <div class="border-t border-[color:var(--color-bg-rule)] p-4">
+            {{ $invoices->links('components.portal.pagination') }}
         </div>
     </article>
 </div>

resources/views/livewire/admin/payments/plans.blade.php

@@ -0,0 +1,288 @@
+<?php
+
+use App\Models\Plan;
+use App\Services\Billing\StripePlanSyncService;
+use Flux\Flux;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Title;
+use Livewire\Volt\Component;
+
+new #[Layout('components.layouts.app'), Title('Tarife & Pakete')] class extends Component
+{
+    public ?int $editingPlanId = null;
+
+    public string $name = '';
+
+    public string $monthlyPrice = '';
+
+    public string $yearlyPrice = '';
+
+    public string $quota = '';
+
+    public string $dailyLimit = '';
+
+    public bool $isActive = true;
+
+    public string $sortOrder = '0';
+
+    public ?string $savedMessage = null;
+
+    public function edit(int $planId): void
+    {
+        $plan = Plan::query()->findOrFail($planId);
+
+        $this->editingPlanId = $plan->id;
+        $this->name = $plan->name;
+        $this->monthlyPrice = number_format($plan->monthly_price_cents / 100, 2, ',', '');
+        $this->yearlyPrice = number_format($plan->yearly_price_cents / 100, 2, ',', '');
+        $this->quota = (string) $plan->press_release_quota;
+        $this->dailyLimit = $plan->daily_limit === null ? '' : (string) $plan->daily_limit;
+        $this->isActive = $plan->is_active;
+        $this->sortOrder = (string) $plan->sort_order;
+        $this->resetValidation();
+
+        Flux::modal('plan-edit')->show();
+    }
+
+    public function save(StripePlanSyncService $stripeSync): void
+    {
+        // Deutsche Dezimal-Eingaben (49,00) für die numeric-Regel normalisieren.
+        $this->monthlyPrice = str_replace(',', '.', trim($this->monthlyPrice));
+        $this->yearlyPrice = str_replace(',', '.', trim($this->yearlyPrice));
+
+        $validated = $this->validate(
+            [
+                'name' => ['required', 'string', 'max:120'],
+                'monthlyPrice' => ['required', 'numeric', 'min:0'],
+                'yearlyPrice' => ['required', 'numeric', 'min:0'],
+                'quota' => ['required', 'integer', 'min:0'],
+                'dailyLimit' => ['nullable', 'integer', 'min:1'],
+                'sortOrder' => ['required', 'integer', 'min:0'],
+            ],
+            attributes: [
+                'name' => __('Name'),
+                'monthlyPrice' => __('Monatspreis'),
+                'yearlyPrice' => __('Jahrespreis'),
+                'quota' => __('PM-Kontingent'),
+                'dailyLimit' => __('Tageslimit'),
+                'sortOrder' => __('Sortierung'),
+            ],
+        );
+
+        $plan = Plan::query()->findOrFail($this->editingPlanId);
+
+        $plan->fill([
+            'name' => trim($validated['name']),
+            'monthly_price_cents' => $this->toCents($validated['monthlyPrice']),
+            'yearly_price_cents' => $this->toCents($validated['yearlyPrice']),
+            'press_release_quota' => (int) $validated['quota'],
+            'daily_limit' => $validated['dailyLimit'] === null || $validated['dailyLimit'] === '' ? null : (int) $validated['dailyLimit'],
+            'is_active' => $this->isActive,
+            'sort_order' => (int) $validated['sortOrder'],
+        ]);
+
+        $priceChanged = $plan->isDirty(['monthly_price_cents', 'yearly_price_cents']);
+
+        $plan->save();
+        $stripeSync->syncAfterUpdate($plan, $plan->getChanges());
+
+        $this->savedMessage = $priceChanged
+            ? __('Tarif „:name" gespeichert. Der neue Preis gilt sofort für neue Buchungen — Bestandsabos behalten ihren bisherigen Preis.', ['name' => $plan->name])
+            : __('Tarif „:name" gespeichert.', ['name' => $plan->name]);
+
+        Flux::modal('plan-edit')->close();
+    }
+
+    /**
+     * Wandelt eine Preiseingabe (deutsches oder englisches Dezimalformat)
+     * verlustfrei in Cent um.
+     */
+    private function toCents(string $price): int
+    {
+        return (int) round(((float) str_replace(',', '.', $price)) * 100);
+    }
+
+    public function with(): array
+    {
+        return [
+            'plans' => Plan::query()->orderBy('sort_order')->orderBy('id')->get(),
+            'singlePmPriceCents' => (int) config('billing.single_pm_price_cents'),
+            'singlePmPriceId' => config('billing.single_pm_stripe_price_id'),
+        ];
+    }
+}; ?>
+
+<div class="space-y-8">
+    {{-- ============== PAGE HEADER ============== --}}
+    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+        <div class="min-w-0">
+            <div class="flex items-center gap-3 mb-3 flex-wrap">
+                <span class="badge hub dot">{{ __('Admin Backend') }}</span>
+                <span class="eyebrow muted">{{ __('Administration · Finanzen') }}</span>
+            </div>
+            <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
+                {{ __('Tarife & Pakete') }}
+            </h1>
+            <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[720px] text-[color:var(--color-ink-2)]">
+                {{ __('Preise, Kontingente und Limits der Tarife pflegen. Änderungen erscheinen sofort auf der Buchungs-Seite und werden direkt nach Stripe synchronisiert.') }}
+            </p>
+        </div>
+        <div class="flex items-center gap-2">
+            <flux:button size="sm" variant="filled" icon="credit-card" :href="route('admin.payments.index')" wire:navigate>
+                {{ __('Zahlungen') }}
+            </flux:button>
+        </div>
+    </header>
+
+    @if ($savedMessage)
+        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-start gap-3
+                    bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-ink-2)]">
+            <flux:icon.check-circle class="size-[16px] flex-shrink-0 mt-0.5 text-[color:var(--color-ok)]" />
+            <div class="flex-1">{{ $savedMessage }}</div>
+        </div>
+    @endif
+
+    {{-- ============== HINWEIS STRIPE-PREISLOGIK ============== --}}
+    <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-start gap-3
+                bg-[color:var(--color-hub-soft)] border-[color:var(--color-hub-soft-2)] text-[color:var(--color-ink-2)]">
+        <flux:icon.information-circle class="size-[16px] flex-shrink-0 mt-0.5 text-[color:var(--color-hub)]" />
+        <div class="flex-1">
+            {{ __('Stripe-Preise sind unveränderlich: Eine Preisänderung legt automatisch ein neues Preis-Objekt in Stripe an und deaktiviert das alte für neue Buchungen. Laufende Abos behalten ihren bisherigen Preis. Alle Preise sind Netto-Preise — die Umsatzsteuer ergänzt Stripe Tax im Checkout.') }}
+        </div>
+    </div>
+
+    {{-- ============== TARIF-TABELLE ============== --}}
+    <article class="panel overflow-hidden">
+        <div class="panel-head">
+            <span class="section-eyebrow">{{ __('Tarife') }}</span>
+            <span class="text-[11.5px] text-[color:var(--color-ink-3)]">
+                {{ __(':count Tarife', ['count' => $plans->count()]) }}
+            </span>
+        </div>
+        <flux:table>
+            <flux:table.columns>
+                <flux:table.column>{{ __('Tarif') }}</flux:table.column>
+                <flux:table.column>{{ __('Monatlich (netto)') }}</flux:table.column>
+                <flux:table.column>{{ __('Jährlich (netto)') }}</flux:table.column>
+                <flux:table.column>{{ __('PM-Kontingent') }}</flux:table.column>
+                <flux:table.column>{{ __('Tageslimit') }}</flux:table.column>
+                <flux:table.column>{{ __('Stripe') }}</flux:table.column>
+                <flux:table.column>{{ __('Status') }}</flux:table.column>
+                <flux:table.column></flux:table.column>
+            </flux:table.columns>
+
+            @forelse ($plans as $plan)
+                <flux:table.row wire:key="admin-plan-{{ $plan->id }}">
+                    <flux:table.cell>
+                        <div class="space-y-0.5">
+                            <div class="text-[13px] font-semibold text-[color:var(--color-ink)]">{{ $plan->name }}</div>
+                            <div class="text-[11px] text-[color:var(--color-ink-3)] font-mono">{{ $plan->slug }}</div>
+                        </div>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[13px] font-semibold text-[color:var(--color-ink)] tabular-nums">{{ number_format($plan->monthly_price_cents / 100, 2, ',', '.') }} €</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[13px] font-semibold text-[color:var(--color-ink)] tabular-nums">{{ number_format($plan->yearly_price_cents / 100, 2, ',', '.') }} €</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[12.5px] text-[color:var(--color-ink-2)]">{{ __(':count PM / Monat', ['count' => $plan->press_release_quota]) }}</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <span class="text-[12.5px] text-[color:var(--color-ink-2)]">{{ $plan->daily_limit ? __('max. :count / Tag', ['count' => $plan->daily_limit]) : __('ohne') }}</span>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($plan->stripe_product_id && $plan->stripe_price_id_monthly && $plan->stripe_price_id_yearly)
+                            <span class="badge ok dot">{{ __('verknüpft') }}</span>
+                        @else
+                            <span class="badge warn dot">{{ __('nicht synchronisiert') }}</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        @if ($plan->is_active)
+                            <span class="badge ok">{{ __('Aktiv') }}</span>
+                        @else
+                            <span class="badge">{{ __('Inaktiv') }}</span>
+                        @endif
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <flux:button size="sm" variant="filled" icon="pencil-square" wire:click="edit({{ $plan->id }})">
+                            {{ __('Bearbeiten') }}
+                        </flux:button>
+                    </flux:table.cell>
+                </flux:table.row>
+            @empty
+                <flux:table.row>
+                    <flux:table.cell colspan="8">
+                        <div class="px-4 py-10 text-center text-[13px] text-[color:var(--color-ink-3)]">
+                            {{ __('Noch keine Tarife angelegt. Der Tarif-Katalog wird über den Seeder bzw. die Migrationen befüllt.') }}
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @endforelse
+        </flux:table>
+    </article>
+
+    {{-- ============== EINZEL-PM (KONFIGURATION) ============== --}}
+    <article class="panel">
+        <div class="panel-head">
+            <span class="section-eyebrow">{{ __('Einzel-Pressemitteilung') }}</span>
+        </div>
+        <div class="p-5 flex items-start gap-3">
+            <flux:icon.megaphone class="size-[16px] shrink-0 mt-0.5 text-[color:var(--color-hub)]" />
+            <div class="text-[12.5px] text-[color:var(--color-ink-2)] space-y-1">
+                <p class="m-0">
+                    {{ __('Preis: :price € netto pro Veröffentlichung.', ['price' => number_format($singlePmPriceCents / 100, 2, ',', '.')]) }}
+                    @if ($singlePmPriceId)
+                        <span class="badge ok ml-2">{{ __('Stripe verknüpft') }}</span>
+                    @else
+                        <span class="badge warn ml-2">{{ __('STRIPE_PRICE_SINGLE_PM fehlt') }}</span>
+                    @endif
+                </p>
+                <p class="m-0 text-[12px] text-[color:var(--color-ink-3)]">
+                    {{ __('Der Einzel-PM-Preis wird in config/billing.php bzw. über die ENV-Variable STRIPE_PRICE_SINGLE_PM gepflegt (ein fester Preis, kein Tarif). Eine Änderung erfordert „billing:sync-stripe-plans" mit geleerter ENV-Variable.') }}
+                </p>
+            </div>
+        </div>
+    </article>
+
+    {{-- ============== EDIT-MODAL ============== --}}
+    <flux:modal name="plan-edit" class="max-w-xl">
+        <div class="space-y-6">
+            <div>
+                <flux:heading size="lg">{{ __('Tarif bearbeiten') }}</flux:heading>
+                <flux:text class="mt-1">
+                    {{ __('Preisänderungen erzeugen ein neues Stripe-Preis-Objekt und gelten nur für neue Buchungen.') }}
+                </flux:text>
+            </div>
+
+            <div class="space-y-4">
+                <flux:input wire:model="name" :label="__('Name')" />
+
+                <div class="grid gap-4 sm:grid-cols-2">
+                    <flux:input wire:model="monthlyPrice" :label="__('Monatspreis (netto, €)')" inputmode="decimal" />
+                    <flux:input wire:model="yearlyPrice" :label="__('Jahrespreis (netto, €)')" inputmode="decimal"
+                        :description="__('Konzept: 10 Monatsbeiträge („2 Monate gratis").')" />
+                </div>
+
+                <div class="grid gap-4 sm:grid-cols-3">
+                    <flux:input wire:model="quota" type="number" min="0" :label="__('PM-Kontingent / Monat')" />
+                    <flux:input wire:model="dailyLimit" type="number" min="1" :label="__('Tageslimit')"
+                        :placeholder="__('ohne')" />
+                    <flux:input wire:model="sortOrder" type="number" min="0" :label="__('Sortierung')" />
+                </div>
+
+                <flux:switch wire:model="isActive" :label="__('Tarif aktiv (buchbar und auf der Tarif-Seite sichtbar)')" />
+            </div>
+
+            <div class="flex justify-end gap-2">
+                <flux:modal.close>
+                    <flux:button variant="filled">{{ __('Abbrechen') }}</flux:button>
+                </flux:modal.close>
+                <flux:button variant="primary" wire:click="save">
+                    {{ __('Speichern & mit Stripe abgleichen') }}
+                </flux:button>
+            </div>
+        </div>
+    </flux:modal>
+</div>