@php
    $preview = $event['wire_debit_preview'] ?? null;
@endphp
@if (is_array($preview) && (! empty($preview['wire_ref']) || isset($preview['amount'])))
    <div class="rounded-xl border border-cyan-200 bg-cyan-50/80 p-3 space-y-3">
        <p class="text-[10px] font-semibold uppercase tracking-wide text-cyan-900">Wire debit · linked reserve</p>
        <dl class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-xs">
            <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2">
                <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Posture</dt>
                <dd class="mt-0.5 font-semibold text-cyan-950">{{ $preview['posture_label'] ?? '—' }}</dd>
            </div>
            <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2">
                <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Amount</dt>
                <dd class="mt-0.5 font-mono font-semibold text-cyan-950 tabular-nums">
                    @if (isset($preview['amount']))
                        ${{ number_format((float) $preview['amount'], 2) }}
                    @else
                        —
                    @endif
                </dd>
            </div>
            <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2 sm:col-span-2">
                <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Wire reference</dt>
                <dd class="mt-0.5 font-mono font-semibold text-cyan-950">{{ $preview['wire_ref'] }}</dd>
            </div>
            @if (! empty($preview['transaction_reference']))
                <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2 sm:col-span-2">
                    <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Ledger transaction</dt>
                    <dd class="mt-0.5 font-mono text-[11px] text-cyan-950 break-all">{{ $preview['transaction_reference'] }}</dd>
                    @if (! empty($preview['transaction_status']))
                        <dd class="mt-1 text-[10px] text-cyan-800">Status: <span class="font-semibold">{{ $preview['transaction_status'] }}</span></dd>
                    @endif
                </div>
            @endif
            @if (! empty($preview['beneficiary']))
                <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2 sm:col-span-2">
                    <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Beneficiary</dt>
                    <dd class="mt-0.5 text-cyan-950">{{ $preview['beneficiary'] }}</dd>
                </div>
            @endif
            @if (! empty($preview['correspondent_bank_label']))
                <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2 sm:col-span-2">
                    <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Receiving institution</dt>
                    <dd class="mt-0.5 text-cyan-950">{{ $preview['correspondent_bank_label'] }}</dd>
                </div>
            @endif
            @if (! empty($preview['wire_status']) || ! empty($preview['wire_last_stage']))
                <div class="rounded-lg border border-cyan-100 bg-white/90 px-2.5 py-2 sm:col-span-2">
                    <dt class="text-[10px] font-semibold uppercase text-cyan-800/80">Wire tracking</dt>
                    <dd class="mt-0.5 text-cyan-950">
                        @if (! empty($preview['wire_status']))
                            <span class="font-semibold">{{ str_replace('_', ' ', $preview['wire_status']) }}</span>
                        @endif
                        @if (! empty($preview['wire_last_stage']))
                            <span class="text-cyan-800"> · {{ $preview['wire_last_stage'] }}</span>
                        @endif
                    </dd>
                </div>
            @endif
        </dl>
        <p class="text-[10px] text-cyan-900/85 leading-relaxed">
            Scheduled debits appear under <strong>Pending debits</strong> on Accounts until intake completes; executed debits post DR/CR on the linked reserve ledger.
        </p>
    </div>
@endif