presseportale/resources/views/livewire/admin/payments/plans.blade.php
Kevin Adametz 2cde7284a1 livewire: Volt entfernt — Komponenten als Livewire-4-Single-File-Components, Route::livewire(), Livewire::test(); livewire/volt deinstalliert
- 83 Komponenten: Livewire\Volt\Component → Livewire\Component
- 73 Routen (admin, auth, customer): Volt::route() → Route::livewire()
- 88 Testdateien: Volt::test/actingAs → Livewire::test/actingAs
- VoltServiceProvider gelöscht; composer remove livewire/volt
- config/livewire.php auf v4-Schlüssel (component_layout, component_placeholder,
  component_locations, make_command: SFC ohne ⚡). Der alte Schlüssel layout war
  wirkungslos; alle gerouteten Komponenten setzen ihr Layout selbst.
- CLAUDE.md, AGENTS.md, boost.json, .cursorrules, Skill volt-development
- Roadmap: erledigt; Larastan erfasst SFCs weiterhin nicht (Blade-Dateien)

Suite 2.325 grün, einer übersprungen; Larastan und Pint ohne Meldung;
route:cache und view:cache laufen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-06 13:59:36 +00:00

303 lines
14 KiB
PHP

<?php
use App\Models\Plan;
use App\Services\Billing\StripePlanSyncService;
use Flux\Flux;
use Livewire\Attributes\Layout;
use Livewire\Attributes\Title;
use Livewire\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 $benefits = '';
public ?string $savedMessage = null;
public function edit(int $planId): void
{
$this->authorize('billing:manage');
$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->benefits = implode("\n", $plan->benefitsList());
$this->resetValidation();
Flux::modal('plan-edit')->show();
}
public function save(StripePlanSyncService $stripeSync): void
{
$this->authorize('billing:manage');
// 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'],
'benefits' => ['nullable', 'string', 'max:2000'],
],
attributes: [
'name' => __('Name'),
'monthlyPrice' => __('Monatspreis'),
'yearlyPrice' => __('Jahrespreis'),
'quota' => __('PM-Kontingent'),
'dailyLimit' => __('Tageslimit'),
'sortOrder' => __('Sortierung'),
'benefits' => __('Vorteile'),
],
);
// Vorteile zeilenweise erfassen: je Zeile ein Vorteil, leere Zeilen raus.
$benefitsList = collect(preg_split('/\r\n|\r|\n/', $this->benefits) ?: [])
->map(fn (string $line): string => trim($line))
->filter()
->values()
->all();
$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'],
'benefits' => $benefitsList,
]);
$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 ============== --}}
<x-portal.page-header
:badge="__('Admin Backend')"
:eyebrow="__('Administration · Finanzen')"
:title="__('Tarife & Pakete')"
:description="__('Preise, Kontingente und Limits der Tarife pflegen. Änderungen erscheinen sofort auf der Buchungs-Seite und werden direkt nach Stripe synchronisiert.')"
description-width="720px"
>
<x-slot:actions>
<flux:button size="sm" variant="filled" icon="credit-card" :href="route('admin.payments.index')" wire:navigate>
{{ __('Zahlungen') }}
</flux:button>
</x-slot:actions>
</x-portal.page-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:textarea wire:model="benefits" :label="__('Vorteile (eine Zeile = ein Vorteil)')" rows="5"
:placeholder="__('Inhaltsprüfung inklusive&#10;Höheres Monatskontingent&#10;Günstigere Extra-Pressemitteilungen')"
:description="__('Wird auf der Buchungs-Seite und der öffentlichen Preise-Seite als Vorteilsliste angezeigt.')" />
<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>