{{-- Diseño moderno (v3): transferencias del sistema con su estado de conciliación (mismos datos que reconciliation/_transfers). --}}
@if($transfers->isEmpty())
    <p class="v3-muted mb-0">No hay transferencias registradas en este período.</p>
@else
<div class="v3-card v3-card-flush">
<table class="v3-table">
    <thead><tr><th>Pago</th><th>Fecha</th><th class="text-right">Monto</th><th>Estado</th><th>Banco</th></tr></thead>
    <tbody>
    @foreach($transfers as $t)
    <tr @if(in_array($t['status'], [\App\BankMovement::NO_ENCONTRADA, \App\BankMovement::MONTO_DIFERENTE, \App\BankMovement::FECHA_DIFERENTE])) style="background:rgba(220,38,38,.05)" @endif>
        <td data-label="Pago"><a href="{{ $t['url'] }}" target="_blank" class="v3-strong">{{ $t['label'] }}</a><div class="v3-muted">{{ $t['customer'] }}@if($t['note']) · {{ $t['note'] }}@endif</div></td>
        <td data-label="Fecha">{{ \Carbon\Carbon::parse($t['date'])->format('d/m/Y H:i') }}</td>
        <td data-label="Monto" class="text-right v3-strong">${{ number_format($t['amount'], 2) }}</td>
        <td data-label="Estado">@include('reconciliation.v3._status', ['status' => $t['status']])@if($t['reason'])<div class="v3-muted">{{ $t['reason'] }}</div>@endif</td>
        <td data-label="Banco"><span class="v3-muted">@if($t['movement']){{ \Carbon\Carbon::parse($t['movement']->movement_date)->format('d/m/Y') }} · ${{ number_format($t['movement']->amount, 2) }} · {{ $t['movement']->description }}@else—@endif</span></td>
    </tr>
    @endforeach
    </tbody>
</table>
</div>
@endif