@php
    use App\Enums\Commerce\DiscountDuration;
    use App\Enums\Commerce\DiscountType;
    use App\Support\Commerce\Money;
    $editing = $promotion->exists;
    $chosen = collect(old('plans', $selected))->map(fn ($id) => (int) $id)->all();
    // Valores iniciales válidos también en una promoción nueva (el primer valor de cada lista).
    $type = old('discount_type', $promotion->discount_type?->value ?? DiscountType::Percent->value);
    $duration = old('duration', $promotion->duration?->value ?? DiscountDuration::Once->value);
    // Estado de Alpine preparado aquí: dentro de la etiqueta <x-form> Blade no compila directivas
    // como @js y llegaría al navegador como texto. Incluye "busy", que usa <x-form>.
    $alpineState = \Illuminate\Support\Js::from(['busy' => false, 'type' => $type, 'duration' => $duration])->toHtml();
    $percent = old('percent', $promotion->percent_bp ? Money::input($promotion->percent_bp) : '');
    $amountOff = old('amount_off', $promotion->amount_off ? Money::input($promotion->amount_off) : '');
    $toInput = fn ($date) => $date?->format('Y-m-d\TH:i');
@endphp
<x-layouts.admin :heading="$editing ? $promotion->name : __('Nueva promoción')" :description="$editing ? $promotion->label() : __('Un descuento que se aplica automáticamente o mediante cupones.')">
    <x-admin.commerce-nav />

    <x-form :action="$editing ? route('admin.commerce.promotions.update', $promotion) : route('admin.commerce.promotions.store')" :method="$editing ? 'PUT' : 'POST'" class="space-y-6"
        :x-data="$alpineState">
        @if ($errors->any())
            <div role="alert" class="rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
                <p class="font-medium">{{ __('No se ha guardado la promoción. Revisa estos datos:') }}</p>
                <ul class="mt-1 list-inside list-disc">
                    @foreach ($errors->all() as $message)<li>{{ $message }}</li>@endforeach
                </ul>
            </div>
        @endif
        <x-card :title="__('Descuento')" :description="$used ? __('Esta promoción ya se ha usado: el tipo, el valor y la duración no se pueden cambiar. Para otro descuento crea una promoción nueva.') : null">
            <div class="grid gap-4 sm:grid-cols-2">
                <x-input class="sm:col-span-2" name="name" :label="__('Nombre interno')" :value="$promotion->name" required maxlength="100" />
                @if ($used)
                    <input type="hidden" name="discount_type" value="{{ $promotion->discount_type->value }}">
                    <input type="hidden" name="percent" value="{{ $percent }}">
                    <input type="hidden" name="amount_off" value="{{ $amountOff }}">
                    <input type="hidden" name="duration" value="{{ $promotion->duration->value }}">
                    <input type="hidden" name="duration_months" value="{{ $promotion->duration_months }}">
                    <p class="text-sm sm:col-span-2">{{ $promotion->label() }}</p>
                @else
                    <div>
                        <label for="campo-discount_type" class="block text-sm font-medium text-slate-700">{{ __('Tipo de descuento') }}</label>
                        <select id="campo-discount_type" name="discount_type" x-model="type" class="mt-1.5 block w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                            @foreach (DiscountType::cases() as $case)<option value="{{ $case->value }}" @selected($type === $case->value)>{{ $case->label() }}</option>@endforeach
                        </select>
                    </div>
                    <div x-show="type === 'percent'" @if ($type !== 'percent') style="display: none" @endif><x-input name="percent" :label="__('Porcentaje')" :value="$percent" inputmode="decimal" placeholder="20" :hint="__('Entre 0,01 y 100.')" x-bind:required="type === 'percent'" x-bind:disabled="type !== 'percent'" /></div>
                    <div x-show="type === 'fixed'" @if ($type !== 'fixed') style="display: none" @endif><x-input name="amount_off" :label="__('Importe a descontar (€)')" :value="$amountOff" inputmode="decimal" placeholder="5,00" x-bind:required="type === 'fixed'" x-bind:disabled="type !== 'fixed'" /></div>
                    <div>
                        <label for="campo-duration" class="block text-sm font-medium text-slate-700">{{ __('Duración en suscripciones') }}</label>
                        <select id="campo-duration" name="duration" x-model="duration" class="mt-1.5 block w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                            @foreach (DiscountDuration::cases() as $case)<option value="{{ $case->value }}" @selected($duration === $case->value)>{{ $case->label() }}</option>@endforeach
                        </select>
                        <p class="mt-1.5 text-xs text-slate-500">{{ __('En pagos únicos el descuento se aplica una sola vez.') }}</p>
                    </div>
                    <div x-show="duration === 'repeating'" @if ($duration !== 'repeating') style="display: none" @endif><x-input name="duration_months" type="number" min="1" max="36" :label="__('Número de meses')" :value="$promotion->duration_months" x-bind:required="duration === 'repeating'" x-bind:disabled="duration !== 'repeating'" /></div>
                @endif
            </div>
        </x-card>

        <x-card :title="__('Aplicación y vigencia')">
            <div class="grid gap-4 sm:grid-cols-2">
                <x-input name="starts_at" type="datetime-local" :label="__('Desde (opcional)')" :value="$toInput($promotion->starts_at)" />
                <x-input name="ends_at" type="datetime-local" :label="__('Hasta (opcional)')" :value="$toInput($promotion->ends_at)" />
            </div>
            <div class="mt-4 space-y-2 text-sm">
                <label class="flex items-start gap-2"><input type="checkbox" name="is_automatic" value="1" @checked(old('is_automatic', $promotion->is_automatic)) class="mt-0.5 rounded border-slate-300 text-indigo-600">
                    <span>{{ __('Aplicar automáticamente') }}<span class="block text-xs text-slate-500">{{ __('Se muestra en el catálogo y se aplica sin cupón. Si hay varias, se usa la de mayor descuento.') }}</span></span></label>
                <label class="flex items-center gap-2"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $promotion->is_active)) class="rounded border-slate-300 text-indigo-600"> {{ __('Activa') }}</label>
            </div>
            <fieldset class="mt-5">
                <legend class="text-sm font-medium text-slate-700">{{ __('Planes a los que se aplica') }}</legend>
                <p class="text-xs text-slate-500">{{ __('Sin ninguno marcado, se aplica a todos los planes de pago.') }}</p>
                <div class="mt-2 grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
                    @foreach ($plans as $plan)
                        <label class="flex items-center gap-2 rounded-lg border border-slate-200 px-3 py-2 text-sm">
                            <input type="checkbox" name="plans[]" value="{{ $plan->id }}" @checked(in_array($plan->id, $chosen, true)) class="rounded border-slate-300 text-indigo-600">
                            <span>{{ $plan->product->name }} · {{ $plan->name }}</span>
                        </label>
                    @endforeach
                </div>
                @error('plans')<p class="mt-2 text-xs font-medium text-red-600">{{ $message }}</p>@enderror
            </fieldset>
        </x-card>

        <x-button>{{ $editing ? __('Guardar promoción') : __('Crear promoción') }}</x-button>
    </x-form>

    @if ($editing)
        <x-card class="mt-10" :title="__('Cupones')" :description="__('Códigos que el cliente escribe al contratar. Una promoción automática no necesita cupones.')">
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="text-left text-xs uppercase tracking-wide text-slate-500">
                        <tr><th class="py-2 pr-4">{{ __('Código') }}</th><th class="py-2 pr-4">{{ __('Usos') }}</th><th class="py-2 pr-4">{{ __('Por espacio') }}</th><th class="py-2 pr-4">{{ __('Caduca') }}</th><th class="py-2 pr-4">{{ __('Estado') }}</th><th></th></tr>
                    </thead>
                    <tbody class="divide-y divide-slate-100">
                        @forelse ($promotion->coupons as $coupon)
                            <tr>
                                <td class="py-2 pr-4 font-mono font-medium">{{ $coupon->code }}</td>
                                <td class="py-2 pr-4">{{ $coupon->redeemed_count }}{{ $coupon->max_redemptions ? ' / '.$coupon->max_redemptions : '' }}</td>
                                <td class="py-2 pr-4">{{ $coupon->max_per_workspace }}</td>
                                <td class="py-2 pr-4">{{ $coupon->expires_at?->format('d/m/Y H:i') ?? '—' }}</td>
                                <td class="py-2 pr-4">@if ($coupon->is_active)<x-badge color="emerald">{{ __('Activo') }}</x-badge>@else<x-badge>{{ __('Inactivo') }}</x-badge>@endif</td>
                                <td class="py-2 text-right">
                                    @if ($coupon->is_active)
                                        <x-confirm :action="route('admin.commerce.coupons.update', $coupon)" method="PUT" :title="__('Desactivar')" :message="__('El código dejará de aceptarse. Los descuentos ya aplicados se mantienen.')" :confirm="__('Desactivar')">
                                            <input type="hidden" name="is_active" value="0">
                                        </x-confirm>
                                    @else
                                        <x-form :action="route('admin.commerce.coupons.update', $coupon)" method="PUT"><input type="hidden" name="is_active" value="1"><x-button size="sm" variant="secondary">{{ __('Activar') }}</x-button></x-form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="py-4 text-slate-500">{{ __('Sin cupones.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <x-form :action="route('admin.commerce.promotions.coupons.store', $promotion)" class="mt-6 grid gap-4 border-t border-slate-100 pt-5 sm:grid-cols-5">
                <x-input name="code" bag="coupon" :label="__('Código')" required maxlength="40" placeholder="BIENVENIDA20" class="sm:col-span-2" />
                <x-input name="max_redemptions" bag="coupon" type="number" min="1" :label="__('Usos totales')" :hint="__('Vacío = ilimitado')" />
                <x-input name="max_per_workspace" bag="coupon" type="number" min="1" max="100" :label="__('Por espacio')" value="1" required />
                <x-input name="expires_at" bag="coupon" type="datetime-local" :label="__('Caduca (opcional)')" />
                <div class="sm:col-span-5"><x-button size="sm">{{ __('Crear cupón') }}</x-button></div>
            </x-form>
        </x-card>
    @endif
</x-layouts.admin>