@if ($agentCommissions !== [])
    <section class="space-y-3 border-t border-slate-200 p-5 dark:border-slate-700">
        <h3 class="text-sm font-bold text-slate-900 dark:text-white">Comisión del agente</h3>
        @foreach ($agentCommissions as $commission)
            <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-700" wire:key="commission-{{ $commission['id'] }}">
                <p class="text-sm font-semibold">{{ trim($commission['first_name'].' '.$commission['last_name']) }}</p>
                <p class="mt-1 text-lg font-bold">${{ number_format((float) $commission['amount'], 2) }} {{ $commission['currency'] }}</p>
                @if ($commission['status'] === 'paid')
                    <p class="mt-2 text-sm text-emerald-700">Entregada {{ $commission['paid_at'] }}</p>
                    @if ($commission['standalone_receipt_id'])
                        <a class="mt-2 inline-flex text-sm font-bold text-primary" target="_blank" rel="noopener"
                            href="{{ route('realEstate.standaloneReceipts.show', $commission['standalone_receipt_id']) }}">Ver recibo de comisión</a>
                    @endif
                @elseif ((float) $commission['amount'] > 0)
                    <form wire:submit="deliverCommission({{ $commission['id'] }})" class="mt-3 space-y-3">
                        <label class="block text-xs">Fecha de entrega
                            <input type="date" wire:model="commissionPaidAt" max="{{ now()->toDateString() }}" required class="mt-1 w-full rounded-lg border-slate-300 text-sm dark:bg-slate-800">
                        </label>
                        @error('commissionPaidAt') <p class="text-xs text-red-600">{{ $message }}</p> @enderror
                        <label class="block text-xs">Método de pago
                            <select wire:model="commissionPaymentMethodId" required class="mt-1 w-full rounded-lg border-slate-300 text-sm dark:bg-slate-800">
                                <option value="">Selecciona un método</option>
                                @foreach ($paymentMethods as $method)
                                    <option value="{{ $method['id'] }}">{{ $method['label'] }}</option>
                                @endforeach
                            </select>
                        </label>
                        @error('commissionPaymentMethodId') <p class="text-xs text-red-600">{{ $message }}</p> @enderror
                        <label class="block text-xs">Referencia de entrega
                            <input wire:model="commissionReference" maxlength="255" required class="mt-1 w-full rounded-lg border-slate-300 text-sm dark:bg-slate-800">
                        </label>
                        @error('commissionReference') <p class="text-xs text-red-600">{{ $message }}</p> @enderror
                        <label class="block text-xs">Notas
                            <textarea wire:model="commissionNotes" maxlength="1500" class="mt-1 w-full rounded-lg border-slate-300 text-sm dark:bg-slate-800"></textarea>
                        </label>
                        @error('commissionNotes') <p class="text-xs text-red-600">{{ $message }}</p> @enderror
                        <button type="submit" wire:loading.attr="disabled" class="w-full rounded-lg bg-primary px-3 py-2 text-sm font-bold text-white disabled:opacity-50">Registrar entrega y generar recibo</button>
                    </form>
                @else
                    <p class="mt-2 text-xs text-amber-700">Configura el importe de comisión del desarrollo antes de registrar la entrega.</p>
                @endif
            </div>
        @endforeach
        @error('commission') <p class="text-sm text-red-600">{{ $message }}</p> @enderror
    </section>
@endif