@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 --}}
            <div class="space-y-2">
                <label class="flex items-start gap-2 text-[12.5px] text-[color:var(--color-ink-2)]">
                    <input type="checkbox" x-model="agb" class="mt-0.5" />
                    <span>{{ __('Der Inhalt entspricht den AGB und gesetzlichen Vorgaben.') }}</span>
                </label>
                <label class="flex items-start gap-2 text-[12.5px] text-[color:var(--color-ink-2)]">
                    <input type="checkbox" x-model="images" class="mt-0.5" />
                    <span>{{ __('Alle Bildrechte sind geklärt.') }}</span>
                </label>
                <label class="flex items-start gap-2 text-[12.5px] text-[color:var(--color-ink-2)]">
                    <input type="checkbox" x-model="contact" class="mt-0.5" />
                    <span>{{ __('Die Angaben zum Pressekontakt sind korrekt.') }}</span>
                </label>
            </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>