@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.
--}}
<flux:modal :name="$name" class="w-full max-w-xl">
    <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)]">{{ __('Verbleibend nach diesem Versand wird angerechnet.') }}</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>
</flux:modal>