116 lines
6.2 KiB
PHP
116 lines
6.2 KiB
PHP
@props([
|
|
'name' => 'confirm-submit-review',
|
|
'action',
|
|
'confirmLabel' => null,
|
|
'quotaTotal' => null,
|
|
'quotaRemaining' => null,
|
|
])
|
|
|
|
{{--
|
|
Wiederverwendbares Einreichungs-Modal für Pressemitteilungen.
|
|
Wird in Detailansicht, Bearbeiten und Erstellen eingebunden. Der
|
|
`action`-Prop bestimmt die Livewire-Methode der Eltern-Komponente, die beim
|
|
Bestätigen ausgeführt wird (z. B. `submitForReview`, `saveAndSubmit`,
|
|
`save('review')`). Quota-Block wird nur angezeigt, wenn Werte übergeben
|
|
sind — null bedeutet unbegrenztes Kontingent (Bestandsschutz bzw.
|
|
Launch-Schalter aus) und blendet den Block aus.
|
|
|
|
Submit-Gate (Decision-Update §5.1): Ohne aktive Buchung zeigt das Modal
|
|
statt des Prüf-Flows einen Buchungs-Hinweis — der Button konvertiert,
|
|
er verschwindet nicht. Serverseitig sichert submitForReview() das Gate ab.
|
|
--}}
|
|
@php($bookingRequired = ! (auth()->user()?->hasActiveBooking() ?? true))
|
|
|
|
<flux:modal :name="$name" class="w-full max-w-xl">
|
|
@if ($bookingRequired)
|
|
<div class="space-y-5">
|
|
<div>
|
|
<flux:text class="eyebrow muted">{{ __('Veröffentlichung') }}</flux:text>
|
|
<flux:heading size="lg">{{ __('Buchung erforderlich') }}</flux:heading>
|
|
</div>
|
|
|
|
<div class="rounded-[6px] border border-[color:var(--color-bg-rule)] bg-[color:var(--color-bg-elev)] p-4 text-[12.5px] leading-[1.6] text-[color:var(--color-ink-2)]">
|
|
<p class="m-0 mb-2">
|
|
{{ __('Zum Einreichen einer Pressemitteilung wird eine aktive Buchung benötigt. Ihre Entwürfe bleiben gespeichert und können jederzeit weiter bearbeitet werden.') }}
|
|
</p>
|
|
<p class="m-0 text-[11.5px] text-[color:var(--color-ink-3)]">
|
|
{{ __('Nach der Buchung reichen Sie die Pressemitteilung mit einem Klick zur Prüfung ein.') }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="flex justify-end gap-2">
|
|
<flux:modal.close>
|
|
<flux:button variant="filled">{{ __('Später') }}</flux:button>
|
|
</flux:modal.close>
|
|
<flux:button variant="primary" :href="route('me.bookings.index')" wire:navigate>
|
|
{{ __('Buchung auswählen') }}
|
|
</flux:button>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="space-y-5" x-data="{ agb: false, images: false, contact: false }">
|
|
<div>
|
|
<flux:text class="eyebrow muted">{{ __('Veröffentlichung') }}</flux:text>
|
|
<flux:heading size="lg">{{ __('Pressemitteilung zur Prüfung einreichen') }}</flux:heading>
|
|
</div>
|
|
|
|
{{-- Rechtliche Hinweise (Platzhalter — vor Go-Live anwaltlich prüfen) --}}
|
|
<div class="rounded-[6px] border border-[color:var(--color-bg-rule)] bg-[color:var(--color-bg-elev)] p-4 text-[12.5px] leading-[1.6] text-[color:var(--color-ink-2)]">
|
|
<p class="m-0 mb-2 font-semibold text-[color:var(--color-ink)]">{{ __('Mit dem Einreichen versichern Sie:') }}</p>
|
|
<ul class="m-0 list-disc space-y-1 ps-5">
|
|
<li>{{ __('Sie sind befugt, den Inhalt zu veröffentlichen.') }}</li>
|
|
<li>{{ __('Alle verwendeten Bilder, Logos und Zitate liegen in Ihrer Nutzungsbefugnis.') }}</li>
|
|
<li>{{ __('Personenbezogene Daten sind nur im zwingend erforderlichen Umfang enthalten.') }}</li>
|
|
<li>{{ __('Aussagen entsprechen Ihrem Wissensstand und sind sachlich richtig.') }}</li>
|
|
</ul>
|
|
<p class="m-0 mt-2 text-[11.5px] text-[color:var(--color-ink-3)]">
|
|
{{ __('Sie stellen die Plattform von Ansprüchen Dritter frei, die aus einer unberechtigten Nutzung von Inhalten resultieren. Die endgültige Veröffentlichung erfolgt nach redaktioneller Prüfung.') }}
|
|
</p>
|
|
</div>
|
|
|
|
{{-- Kontingent (optional) --}}
|
|
@if (! is_null($quotaRemaining) && ! is_null($quotaTotal))
|
|
<div class="flex items-center justify-between rounded-[6px] border border-[color:var(--color-bg-rule)] px-4 py-3">
|
|
<div class="text-[12.5px] text-[color:var(--color-ink-2)]">
|
|
<div class="font-semibold text-[color:var(--color-ink)]">{{ __('PM-Kontingent diesen Monat') }}</div>
|
|
<div class="text-[color:var(--color-ink-3)]">{{ __('Wird erst bei Veröffentlichung verbraucht — abgelehnte Pressemitteilungen kosten keinen Slot.') }}</div>
|
|
</div>
|
|
<span @class(['badge', $quotaRemaining > 0 ? 'ok' : 'warn'])>
|
|
{{ $quotaRemaining }} / {{ $quotaTotal }}
|
|
</span>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Bestätigungen — Flux-Switches (Einheitlichkeit, 12.06.2026);
|
|
der Alpine-State steuert weiterhin den Bestätigen-Button. --}}
|
|
<div class="space-y-3">
|
|
<flux:switch
|
|
align="left"
|
|
x-on:change="agb = $event.target.checked"
|
|
:label="__('Der Inhalt entspricht den AGB und gesetzlichen Vorgaben.')"
|
|
/>
|
|
<flux:switch
|
|
align="left"
|
|
x-on:change="images = $event.target.checked"
|
|
:label="__('Alle Bildrechte sind geklärt.')"
|
|
/>
|
|
<flux:switch
|
|
align="left"
|
|
x-on:change="contact = $event.target.checked"
|
|
:label="__('Die Angaben zum Pressekontakt sind korrekt.')"
|
|
/>
|
|
</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="{{ $action }}"
|
|
wire:loading.attr="disabled"
|
|
x-bind:disabled="! (agb && images && contact)">
|
|
{{ $confirmLabel ?? __('Veröffentlichung anfordern') }}
|
|
</flux:button>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</flux:modal>
|