presseportale/resources/views/components/press-release-submit-modal.blade.php

@props([
    'name' => 'confirm-submit-review',
    'action',
    'bookingAction' => null,
    '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.

    `booking-action` (optional): Livewire-Methode, die den Entwurf zuerst
    speichert und dann zur Buchungsseite leitet. ZWINGEND in Erstellen/Bearbeiten
    setzen — sonst ginge der erfasste Inhalt beim Sprung verloren. Fehlt sie
    (z. B. Detailansicht, dort ist bereits gespeichert), wird direkt verlinkt.
--}}
@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. Ihr Entwurf wird dabei gespeichert und bleibt jederzeit bearbeitbar.') }}
                </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>
                @if ($bookingAction)
                    {{-- Entwurf zuerst speichern, dann zur Buchung — kein Datenverlust. --}}
                    <flux:button variant="primary" icon="credit-card"
                                 wire:click="{{ $bookingAction }}" wire:loading.attr="disabled">
                        {{ __('Speichern & Buchung auswählen') }}
                    </flux:button>
                @else
                    <flux:button variant="primary" :href="route('me.bookings.index')" wire:navigate>
                        {{ __('Buchung auswählen') }}
                    </flux:button>
                @endif
            </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>