{{-- Lista de reservas del diseño moderno (la misma de reservation/v3/index, reutilizable): $reservations --}}
<div class="v3-card v3-card-flush">
<table class="v3-table">
    <thead><tr><th>Cliente</th><th>Entrega</th><th class="text-right">Total</th><th class="text-right">Saldo</th><th>Estado</th></tr></thead>
    <tbody>
    @foreach($reservations as $r)
    @php $pill = $r->is_overdue ? 'v3-pill-red' : ([1 => 'v3-pill-gray', 2 => 'v3-pill-green', 3 => 'v3-pill-gray', 4 => 'v3-pill-brand', 5 => 'v3-pill-brand'][$r->status] ?? 'v3-pill-gray'); @endphp
    <tr data-href="{{ route('reservations.show', $r->id) }}">
        <td data-label="Cliente"><a href="{{ route('reservations.show', $r->id) }}" class="v3-strong">{{ $r->customer->name ?? ($r->client_code ? 'Código ' . $r->client_code : 'Sin cliente') }}</a>
            <div class="v3-muted">{{ $r->reference_no }}@if($r->due_date && $r->status == 1) · vence {{ \Carbon\Carbon::parse($r->due_date)->format('d/m') }}@else · {{ $r->created_at->format('d/m') }}@endif · {{ preg_replace('/\s*-\s*Entre Tu y Yo$/i', '', $r->warehouse->name ?? '') }}</div></td>
        <td data-label="Entrega">@if($r->shipping_method){{ $r->shipping_method }}@else<span class="v3-muted">Por definir</span>@endif</td>
        <td data-label="Total" class="text-right">${{ number_format($r->total, 2) }}</td>
        <td data-label="Saldo" class="text-right v3-strong">${{ number_format($r->balance, 2) }}</td>
        <td data-label="Estado"><span class="v3-pill {{ $pill }}">{{ $r->status_label }}</span></td>
    </tr>
    @endforeach
    </tbody>
</table>
</div>
<script>$('.v3-table').off('click.row').on('click.row', 'tr[data-href]', function(e) { if (!$(e.target).closest('a,input,button').length) location = $(this).data('href'); });</script>