{{-- Tabla de reservas reutilizada en la lista y en la ficha del cliente. $selectable: casillas para confirmar envío / retiro.
     Orden: primero lo que importa (cliente, entrega, dinero y estado), después los datos de la reserva:
     Abrir · Cliente · Entrega · Total · Abono · Saldo · Estado · Reserva · Fechas · Tienda · Responsable. --}}
@php $selectable = $selectable ?? false; @endphp
<style>
    .res-table td, .res-table th { vertical-align: middle; }
    .res-table .res-store { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .res-table td.res-dates { white-space: nowrap; font-size: 11.5px !important; line-height: 1.45; color: #6b7280; }
    .res-table .res-dates b { color: #374151; font-weight: 600; display: inline-block; min-width: 56px; }
    .res-table .res-ship { max-width: 170px; }
</style>
<div class="table-responsive">
    <table class="table table-hover table-sm res-table">
        <thead>
            <tr>@if($selectable)<th><input type="checkbox" onclick="$(this).closest('table').find('.res-check').prop('checked', this.checked)" title="Marcar todas"></th>@endif<th></th><th>Cliente</th><th>Entrega</th><th class="text-right">Total</th><th class="text-right">Abono</th><th class="text-right">Saldo</th><th>Estado</th><th>Reserva</th><th>Fechas</th><th>Tienda</th><th>Responsable</th></tr>
        </thead>
        <tbody>
            @foreach($reservations as $r)
            @php $store = $r->warehouse->name ?? ''; @endphp
            <tr>
                @if($selectable)<td><input type="checkbox" class="res-check" name="ids[]" value="{{ $r->id }}"></td>@endif
                <td><a href="{{ route('reservations.show', $r->id) }}" class="btn btn-sm btn-primary">Abrir</a></td>
                <td>{{ $r->customer->name ?? '' }}@if($r->client_code)<br><span class="badge badge-light">{{ $r->client_code }}</span>@endif
                    @if(!$r->customer_id)<br><small class="text-muted">Sin datos de facturación</small>@endif</td>
                <td class="res-ship">@if($r->shipping_method)<i class="fa fa-{{ $r->delivery_mode == 'retiro' ? 'shopping-bag' : 'truck' }}"></i> {{ $r->shipping_method }}
                    @if($r->delivery_mode == 'envio')<small class="text-muted">· ${{ number_format($r->shipping_cost, 2) }}</small>@endif
                    @if($r->shipping_note)<br><small class="text-muted">{{ \Illuminate\Support\Str::limit($r->shipping_note, 40) }}</small>@endif @else<small class="text-muted">Por definir</small>@endif</td>
                <td class="text-right nw">${{ number_format($r->total, 2) }}</td>
                <td class="text-right nw">${{ number_format($r->paid, 2) }}</td>
                <td class="text-right nw">@if($r->surplus > 0)<span class="badge badge-info">Excedente ${{ number_format($r->surplus, 2) }}</span>@else<strong>${{ number_format($r->balance, 2) }}</strong>@endif</td>
                <td><span class="badge badge-{{ $r->status_color }}">@if(in_array($r->status, [4, 5]))<i class="fa fa-{{ $r->is_pickup ? 'shopping-bag' : 'truck' }}"></i> @endif{{ $r->status_label }}</span>
                    @if($r->status == 4 && $r->exit_issues)<br><small class="text-danger">Falta: {{ implode('; ', $r->exit_issues) }}</small>@endif
                    @if($r->merged_into && $r->mergedInto)<br><small>→ {{ $r->mergedInto->reference_no }}</small>@endif</td>
                <td class="nw"><strong>{{ $r->reference_no }}</strong></td>
                <td class="res-dates">
                    <b>Creada</b> {{ $r->created_at->format('d/m/y') }}
                    @if($r->due_date && $r->status == 1)<br><b>Vence</b> {{ \Carbon\Carbon::parse($r->due_date)->format('d/m/y') }}@endif
                    @if($r->status == 2 && $r->delivered_at)<br><b>Entregada</b> {{ \Carbon\Carbon::parse($r->delivered_at)->format('d/m/y') }}@endif
                </td>
                <td><div class="res-store" title="{{ $store }}">{{ preg_replace('/\s*-\s*Entre Tu y Yo$/i', '', $store) }}</div></td>
                <td><small>{{ $r->user->name ?? '' }}</small></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>