@extends('layout.main') @section('content')
@include('reservation._alerts')
<style>
    .res-box { border-radius: 6px; padding: 12px; }
    .res-num { font-size: 26px; font-weight: bold; }
    .res-steps { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0 0 16px; counter-reset: s; }
    .res-steps li { display: flex; align-items: center; gap: 6px; padding: 5px 12px 5px 6px; border-radius: 999px; background: #eef0f4; color: #6b7280; font-weight: 500; font-size: 12.5px; }
    .res-steps li span { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #fff; font-size: 11px; font-weight: 700; }
    .res-steps li.done { background: #e7f6ec; color: #1e7a3c; }
    .res-steps li.now { background: var(--brand, #4f46e5); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
    .res-steps li.now span { color: var(--brand, #4f46e5); }
    .res-steps li.skip { opacity: .55; }
    .res-history { list-style: none; padding: 0; margin: 0; border-left: 2px solid #e5e7eb; }
    .res-history li { position: relative; padding: 4px 0 8px 16px; }
    .res-history li::before { content: ''; position: absolute; left: -6px; top: 9px; width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; }
    .res-history li.t-pagada::before, .res-history li.t-entregada::before { background: #22a55b; }
    .res-history li.t-enviada::before { background: #0ea5e9; }
    .res-history li.t-sumada::before, .res-history li.t-unida::before { background: var(--brand, #4f46e5); }
    .res-history li.t-cancelada::before, .res-history li.t-deshecho::before { background: #ef4444; }
    .res-history time { font-variant-numeric: tabular-nums; color: #6b7280; font-size: 12px; margin-right: 6px; }
    @media print {
        .no-print, .side-navbar, header, nav.navbar, footer { display: none !important; }
        .page, .content-inner { margin: 0 !important; padding: 0 !important; width: 100% !important; }
        .card { border: none !important; box-shadow: none !important; }
    }
</style>
@php
    $customer = $reservation->customer ?: new \App\Customer(['name' => $reservation->client_code ? 'Código ' . $reservation->client_code : '(sin cliente)']);
    $editable = $reservation->status == 1;
    $phone = preg_replace('/\D/', '', $customer->phone_number ?? '');
    if (strlen($phone) == 10 && $phone[0] == '0') $phone = '593' . substr($phone, 1);
    $lines = [];
    foreach ($reservation->items as $item) $lines[] = '• ' . ($item->product->name ?? '') . ' x' . (float) $item->qty . ' = $' . number_format($item->subtotal, 2);
    $waText = "Hola " . ($customer->name ?? '') . ", esta es tu reserva " . $reservation->reference_no . " en " . ($reservation->warehouse->name ?? '') . ":\n"
        . implode("\n", $lines)
        . ($reservation->shipping_cost > 0 ? "\nEnvío: $" . number_format($reservation->shipping_cost, 2) : '')
        . "\nTotal: $" . number_format($reservation->total, 2)
        . "\nAbonado: $" . number_format($reservation->paid, 2)
        . "\nSaldo pendiente: $" . number_format($reservation->balance, 2)
        . ($reservation->due_date ? "\nPlazo de pago hasta: " . \Carbon\Carbon::parse($reservation->due_date)->format('d/m/Y') : '');
@endphp
<section class="forms">
    <div class="container-fluid">
        <div class="card">
            <div class="card-header"><h4>Reservas</h4></div>
            <div class="card-body">
                @include('reservation._nav', ['active' => ''])

                {{-- Encabezado --}}
                <div class="d-flex flex-wrap align-items-center mb-3">
                    <h3 class="mb-0 mr-3">{{ $reservation->reference_no }}</h3>
                    <span class="badge badge-{{ $reservation->status_color }} mr-2" style="font-size:14px">{{ $reservation->status_label }}</span>
                    @if($reservation->status != 3)
                    <span class="mr-auto"><small class="text-muted">Pago:</small> <strong>{{ $reservation->financial_label }}</strong>
                        <small class="text-muted ml-2">Paquete:</small> <strong>{{ $reservation->logistic_label }}</strong></span>
                    @else<span class="mr-auto"></span>@endif
                    <div class="no-print">
                        <button type="button" id="send-total" class="btn btn-success"><i class="fa fa-whatsapp"></i> ENVIAR TOTAL AL CLIENTE</button>
                        <a target="_blank" href="{{ route('reservations.pdf', $reservation->id) }}" class="btn btn-outline-secondary btn-sm"><i class="fa fa-file-pdf-o"></i> Ver PDF</a>
                        <button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="fa fa-print"></i> Imprimir</button>
                    </div>
                </div>
                @if($reservation->step !== null)
                @php $steps = ['Activa', 'Pagada · ' . ($reservation->is_pickup ? 'por retirar' : 'por enviar'), 'Entregada']; $cur = $reservation->step; @endphp
                <ol class="res-steps no-print" aria-label="Ciclo de la reserva">
                    @foreach($steps as $i => $label)
                    @php $done = $i < $cur || $cur == 2; @endphp
                    <li class="{{ $done ? 'done' : ($i == $cur ? 'now' : '') }}"><span>{{ $done ? '✓' : $i + 1 }}</span>{{ $label }}</li>
                    @endforeach
                </ol>
                @endif
                <div class="row mb-3">
                    <div class="col-md-6">
                        <strong>Cliente:</strong> @if($customer->id)<a href="{{ route('reservations.customer', $customer->id) }}">{{ $customer->name }}</a>
                        ({{ $customer->tax_no ?: $customer->ruc }}) · {{ $customer->phone_number }}@else{{ $customer->name }}@endif
                        @if($reservation->client_code && $customer->id) · <span class="badge badge-light">Código {{ $reservation->client_code }}</span>@endif<br>
                        <strong>Tienda:</strong> {{ $reservation->warehouse->name ?? '' }}@if($reservation->biller) · Caja {{ $reservation->biller->name }}@endif<br>
                        <strong>Responsable:</strong> {{ $reservation->user->name ?? '' }}
                        @if($reservation->creator && $reservation->created_by != $reservation->user_id)<small class="text-muted">(registró: {{ $reservation->creator->name }})</small>@endif
                    </div>
                    <div class="col-md-6">
                        <strong>Creada:</strong> {{ $reservation->created_at->format('d/m/Y H:i') }}<br>
                        <strong>Vence (plazo de pago):</strong> {{ $reservation->due_date ? \Carbon\Carbon::parse($reservation->due_date)->format('d/m/Y') : 'sin vencimiento' }}
                        @if($reservation->due_date && $reservation->status == 1)<small class="{{ $reservation->is_overdue ? 'text-danger' : 'text-muted' }}">({{ $reservation->is_overdue ? 'vencida' : 'quedan ' . now()->startOfDay()->diffInDays(\Carbon\Carbon::parse($reservation->due_date)) . ' días' }})</small>@endif<br>
                        @if($reservation->note)<strong>Nota:</strong> {{ $reservation->note }}@endif
                    </div>
                </div>

                {{-- Totales --}}
                <div class="row text-center mb-1">
                    <div class="col-6 col-md mb-2"><div class="res-box bg-light"><div>PRODUCTOS</div><div class="res-num">${{ number_format($reservation->products_total, 2) }}</div></div></div>
                    <div class="col-6 col-md mb-2"><div class="res-box bg-light"><div>ENVÍO</div><div class="res-num">${{ number_format($reservation->shipping_cost, 2) }}</div>
                        <small class="text-muted">{{ $reservation->delivery_mode ? ($reservation->is_pickup ? 'Retiro' : 'Envío') : 'Por definir' }}</small></div></div>
                    <div class="col-4 col-md mb-2"><div class="res-box bg-light"><div>TOTAL</div><div class="res-num">${{ number_format($reservation->total, 2) }}</div></div></div>
                    <div class="col-4 col-md mb-2"><div class="res-box bg-light"><div>ABONADO</div><div class="res-num text-success">${{ number_format($reservation->paid, 2) }}</div></div></div>
                    <div class="col-4 col-md mb-2"><div class="res-box bg-light"><div>SALDO</div><div class="res-num text-danger">${{ number_format($reservation->balance, 2) }}</div></div></div>
                </div>
                <p class="text-muted text-center mb-3"><small>Saldo = productos + envío − abonos. Retiro = $0.</small></p>
                @if($reservation->status == 1 && $reservation->total > 0 && $reservation->balance <= 0 && !$reservation->delivery_mode)
                <div class="alert alert-warning no-print"><strong>Productos pagados.</strong> Elige abajo el método de entrega (retiro o envío) para que pase a POR PROCESAR. Si es envío, su costo se suma al saldo.</div>
                @endif

                {{-- Facturación: la reserva no es factura. Se puede reservar solo con el código y completar el cliente después. --}}
                @if($reservation->status != 3)
                <div class="card no-print mb-3 {{ $reservation->customer_id ? '' : 'border-warning' }}" data-billing>
                    <div class="card-body py-2">
                        @if($reservation->customer_id)
                        <i class="fa fa-id-card-o"></i> <strong>Datos de facturación:</strong> <span data-billing-name>{{ $customer->name }} ({{ $customer->tax_no ?: $customer->ruc ?: 'sin cédula/RUC' }})</span>.
                        @else
                        <span data-billing-pending><i class="fa fa-id-card-o"></i> <strong>Datos de facturación pendientes:</strong> esta reserva se hizo solo con el código. No impide reservar, abonar ni entregar.</span> <strong data-billing-name></strong>
                        @endif
                        <small class="text-muted d-block">La reserva no genera factura. Cuándo y cómo se factura una reserva lo define el contador; aquí solo se guarda el cliente.</small>
                        @if($can_assign)<div class="mt-2" style="max-width:520px">@include('reservation._assign_customer', ['reservation' => $reservation])</div>@endif
                    </div>
                </div>
                @endif
                @if($reservation->merged_into)
                <div class="alert alert-secondary">Esta reserva se unió a la reserva
                    <a href="{{ route('reservations.show', $reservation->merged_into) }}"><strong>{{ $reservation->mergedInto->reference_no ?? ('#' . $reservation->merged_into) }}</strong></a>:
                    sus productos y abonos están ahora allí.</div>
                @endif
                @if($merged->isNotEmpty())
                <p class="text-muted"><small>Incluye las reservas unidas: {{ $merged->pluck('reference_no')->implode(', ') }}.</small></p>
                @endif
                @if($mergeable->isNotEmpty())
                <div class="alert alert-info no-print">
                    <strong>{{ $customer->name }} tiene otra reserva activa en esta tienda.</strong> Únelas para ver todo en una sola (productos y abonos):
                    @foreach($mergeable as $other)
                    {!! Form::open(['route' => ['reservations.merge', $reservation->id], 'method' => 'post', 'class' => 'd-inline', 'onsubmit' => "return confirm('¿Unir " . $other->reference_no . " a " . $reservation->reference_no . "? Sus productos y abonos pasan a esta reserva. " . $other->reference_no . " queda como Unida (no se borra).')"]) !!}
                        <input type="hidden" name="source_id" value="{{ $other->id }}">
                        <button class="btn btn-sm btn-info ml-1"><i class="fa fa-compress"></i> Unir {{ $other->reference_no }} (${{ number_format($other->total, 2) }}) aquí</button>
                    {!! Form::close() !!}
                    @endforeach
                </div>
                @endif

                {{-- Paquete: método de envío y, si está pagada, marcar enviado/entregado (bodega) --}}
                @if(in_array($reservation->status, [1, 4, 5]))
                <div class="card no-print {{ in_array($reservation->status, [4, 5]) ? 'border-primary' : 'bg-light' }} mb-3">
                    <div class="card-body">
                        @if(in_array($reservation->status, [4, 5]))
                        {{-- Acción principal de una pagada: un solo paso hasta ENTREGADA --}}
                        <div class="d-flex flex-wrap align-items-center mb-3">
                            <h5 class="text-primary mb-0 mr-auto"><i class="fa fa-{{ $reservation->is_pickup ? 'shopping-bag' : 'truck' }}"></i> PAGADA · {{ mb_strtoupper($reservation->status == 5 ? 'Enviada, por cerrar' : $reservation->pending_action_label) }}
                                @if($reservation->paid_at)<small class="text-muted">(desde el {{ \Carbon\Carbon::parse($reservation->paid_at)->format('d/m/Y') }})</small>@endif</h5>
                            @if($reservation->status == 5 || !$reservation->exit_issues)
                            {!! Form::open(['route' => ['reservations.deliver', $reservation->id], 'method' => 'post', 'class' => 'mb-0', 'onsubmit' => "return confirm('¿" . $reservation->confirm_label . " de " . $reservation->reference_no . "? Pasa a ENTREGADA.')"]) !!}
                                <input type="hidden" name="type" value="salida">
                                <button class="btn btn-success btn-lg"><i class="fa fa-check"></i> {{ $reservation->confirm_label }}</button>
                            {!! Form::close() !!}
                            @endif
                        </div>
                        @if($reservation->status == 4 && $reservation->exit_issues)
                        <div class="alert alert-danger mb-2">Todavía no se puede entregar: {{ implode('; ', $reservation->exit_issues) }}.</div>
                        @endif
                        @endif
                        {!! Form::open(['route' => ['reservations.shipping', $reservation->id], 'method' => 'post', 'class' => 'row align-items-end']) !!}
                            <div class="col-md-4 form-group mb-2">
                                <label><strong>Método de entrega</strong></label>
                                <select name="shipping_method" id="shipping_method" class="form-control" @if($reservation->status == 5) disabled @endif>
                                    <option value="">Por definir</option>
                                    @foreach(array_keys($envios) as $m)
                                    <option value="{{ $m }}" @if($reservation->shipping_method == $m) selected @endif>{{ $m }}{{ $envios[$m]['mode'] == 'retiro' ? ' — retiro $0' : ($envios[$m]['cost'] !== null ? ' — $' . number_format($envios[$m]['cost'], 2) : '') }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 form-group mb-2" id="shipping-cost-box">
                                <label>Costo de envío</label>
                                <input type="number" name="shipping_cost" id="shipping_cost" min="0" step="0.01" class="form-control" value="{{ $reservation->delivery_mode == 'envio' ? number_format($reservation->shipping_cost, 2, '.', '') : '' }}" @if($reservation->status == 5) disabled @endif>
                            </div>
                            <div class="col-md-4 form-group mb-2">
                                <label>Guía, dirección o detalle</label>
                                <input type="text" name="shipping_note" value="{{ $reservation->shipping_note }}" maxlength="191" class="form-control" placeholder="Ej. dirección de entrega o N° de guía">
                            </div>
                            <div class="col-md-2 form-group mb-2"><button class="btn btn-outline-primary btn-block"><i class="fa fa-save"></i> Guardar</button></div>
                        {!! Form::close() !!}
                    </div>
                </div>
                @endif

                @if($reservation->surplus > 0)
                <div class="alert alert-warning"><strong>El cliente tiene un excedente de ${{ number_format($reservation->surplus, 2) }}.</strong>
                    Abonó más que el total actual (se quitaron productos). No se devolvió dinero: queda pendiente decidir devolución o crédito.</div>
                @endif

                @include('reservation._invoicing', ['reservation' => $reservation])

                {{-- Productos --}}
                <div class="d-flex align-items-center mb-2">
                    <h5 class="mb-0 mr-auto">Productos</h5>
                    @if($editable)
                    <button class="btn btn-primary no-print" data-toggle="collapse" data-target="#add-item-box"><i class="fa fa-plus"></i> AGREGAR PRODUCTO</button>
                    @endif
                </div>
                @if($editable)
                <div id="add-item-box" class="collapse no-print">
                <div class="card bg-light mb-2">
                    <div class="card-body">
                        {!! Form::open(['route' => ['reservations.items.add', $reservation->id], 'method' => 'post', 'class' => 'row align-items-end', 'id' => 'add-item-form']) !!}
                            <div class="col-md-7 form-group">
                                <label><strong>Producto</strong> <small>(con stock en {{ $reservation->warehouse->name ?? '' }})</small></label>
                                <select name="product_id" id="add-product-select" class="selectpicker form-control" data-live-search="true" title="Cargando productos..." required></select>
                            </div>
                            <div class="col-md-2 form-group">
                                <label><strong>Cantidad</strong></label>
                                <input type="number" name="qty" value="1" min="0.01" step="any" class="form-control" required>
                            </div>
                            <div class="col-md-3 form-group">
                                <div id="add-price" class="mb-1 text-muted">&nbsp;</div>
                                <button type="submit" class="btn btn-success btn-block">Agregar a la reserva</button>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
                </div>
                @endif
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead><tr><th>Producto</th><th class="text-right" style="width:170px">Cantidad</th><th class="text-right">Precio</th><th class="text-right">Subtotal</th>@if($editable)<th class="no-print">Acción</th>@endif</tr></thead>
                        <tbody>
                            @foreach($reservation->items as $item)
                            <tr>
                                <td>{{ $item->product->name ?? '' }} <small class="text-muted">{{ $item->product->code ?? '' }}</small></td>
                                <td class="text-right">
                                    @if($editable)
                                    {!! Form::open(['route' => ['reservations.items.update', $reservation->id, $item->id], 'method' => 'post', 'class' => 'd-flex justify-content-end no-print', 'id' => 'item-form-' . $item->id]) !!}
                                        <input type="number" name="qty" value="{{ (float) $item->qty }}" min="0.01" step="any" class="form-control form-control-sm text-right" style="width:80px">
                                        <button class="btn btn-sm btn-outline-primary ml-1" title="Guardar cantidad y precio"><i class="fa fa-check"></i></button>
                                    {!! Form::close() !!}
                                    <span class="d-none d-print-inline">{{ (float) $item->qty }}</span>
                                    @else
                                    {{ (float) $item->qty }}
                                    @endif
                                </td>
                                <td class="text-right">
                                    @if($editable)
                                    <div class="input-group input-group-sm justify-content-end no-print" style="width:120px;margin-left:auto">
                                        <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                        <input type="number" name="unit_price" form="item-form-{{ $item->id }}" value="{{ number_format($item->unit_price, 2, '.', '') }}" min="0.01" step="0.01" class="form-control text-right" title="Precio con IVA. Cámbialo y pulsa ✓">
                                    </div>
                                    <span class="d-none d-print-inline">${{ number_format($item->unit_price, 2) }}</span>
                                    @else
                                    ${{ number_format($item->unit_price, 2) }}
                                    @endif
                                </td>
                                <td class="text-right">${{ number_format($item->subtotal, 2) }}</td>
                                @if($editable)
                                <td class="no-print">
                                    {!! Form::open(['route' => ['reservations.items.remove', $reservation->id, $item->id], 'method' => 'post', 'onsubmit' => "return confirm('¿Quitar " . e(addslashes($item->product->name ?? 'este producto')) . " de la reserva? Sus unidades vuelven al stock.')"]) !!}
                                        <button class="btn btn-sm btn-outline-danger"><i class="fa fa-trash"></i> Eliminar</button>
                                    {!! Form::close() !!}
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot><tr><th colspan="3" class="text-right">Productos</th><th class="text-right">${{ number_format($reservation->products_total, 2) }}</th>@if($editable)<th></th>@endif</tr>
                            @if($reservation->shipping_cost > 0)<tr><th colspan="3" class="text-right">Envío</th><th class="text-right">${{ number_format($reservation->shipping_cost, 2) }}</th>@if($editable)<th></th>@endif</tr>@endif
                            <tr><th colspan="3" class="text-right">TOTAL</th><th class="text-right">${{ number_format($reservation->total, 2) }}</th>@if($editable)<th></th>@endif</tr></tfoot>
                    </table>
                </div>

                {{-- Abonos --}}
                <h5 class="mt-3">Abonos</h5>
                @if($reservation->payments->isEmpty())
                    <p>Todavía no hay abonos.</p>
                @else
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead><tr><th>#</th><th>Fecha</th><th class="text-right">Monto</th><th>Forma de pago</th><th>Usuario</th><th>Nota</th></tr></thead>
                        <tbody>
                            @foreach($reservation->payments->sortBy('id') as $p)
                            <tr>
                                <td>Abono {{ $loop->iteration }}</td>
                                <td>{{ $p->created_at->format('d/m/Y H:i') }}</td>
                                <td class="text-right">${{ number_format($p->amount, 2) }}</td>
                                <td>{{ $formas_pago[$p->forma_pago] ?? $p->forma_pago }}</td>
                                <td>{{ $p->user->name ?? '' }}</td>
                                <td>{{ $p->note }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot><tr><th colspan="2" class="text-right">Total abonado</th><th class="text-right">${{ number_format($reservation->paid, 2) }}</th><th colspan="3"></th></tr></tfoot>
                    </table>
                </div>
                @endif

                @if($editable)
                <div class="no-print">
                    @if($reservation->balance > 0)
                    <div class="card bg-light">
                        <div class="card-body">
                            <h5>Agregar abono</h5>
                            {!! Form::open(['route' => ['reservations.payment', $reservation->id], 'method' => 'post', 'id' => 'payment-form', 'class' => 'row align-items-end']) !!}
                                <div class="col-md-3 form-group">
                                    <label><strong>Monto *</strong></label>
                                    <input type="number" name="amount" id="amount" required min="0.01" max="{{ $reservation->balance }}" step="0.01" class="form-control" placeholder="Máx. {{ number_format($reservation->balance, 2) }}">
                                </div>
                                <div class="col-md-3 form-group">
                                    <label><strong>Forma de pago *</strong></label>
                                    <select name="forma_pago" class="form-control">
                                        @foreach($formas_pago as $code => $label)
                                        <option value="{{ $code }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-3 form-group">
                                    <label>Nota</label>
                                    <input type="text" name="payment_note" maxlength="191" class="form-control">
                                </div>
                                <div class="col-md-3 form-group">
                                    <button type="submit" class="btn btn-primary btn-block"><i class="fa fa-money"></i> Registrar abono</button>
                                </div>
                            {!! Form::close() !!}
                            <small class="text-muted">Los abonos quedan registrados en la reserva. Se facturan desde «Facturación» (el total o cada abono).</small>
                        </div>
                    </div>
                    @endif

                    @if($reservation->paid == 0)
                    <div class="mt-3">
                        {!! Form::open(['route' => ['reservations.cancel', $reservation->id], 'method' => 'post', 'onsubmit' => "return confirm('¿Cancelar la reserva? Los productos vuelven al stock disponible. La reserva no se borra: queda en Canceladas.')"]) !!}
                            <button class="btn btn-outline-danger"><i class="fa fa-times"></i> Cancelar reserva</button>
                        {!! Form::close() !!}
                    </div>
                    @else
                    <p class="text-muted mt-3 mb-0"><small>Esta reserva tiene abonos: no se puede cancelar todavía (la devolución o crédito se definirá más adelante).</small></p>
                    @endif
                </div>
                @elseif($reservation->status == 2)
                    <div class="alert alert-success d-flex flex-wrap align-items-center">
                        <div class="mr-auto"><strong>{{ $reservation->package_label }}</strong> {{ $reservation->delivered_at ? 'el ' . \Carbon\Carbon::parse($reservation->delivered_at)->format('d/m/Y H:i') : '' }}
                            @if($reservation->deliverer) · marcó {{ $reservation->deliverer->name }}@endif
                            @if($reservation->shipping_method)<br><i class="fa fa-truck"></i> {{ $reservation->shipping_method }}@endif
                            @if($reservation->shipping_note) · {{ $reservation->shipping_note }}@endif</div>
                        @if($reservation->delivery_type)
                        {!! Form::open(['route' => ['reservations.undo-deliver', $reservation->id], 'method' => 'post', 'class' => 'no-print', 'onsubmit' => "return confirm('¿Se marcó por error? La reserva vuelve a PAGADA.')"]) !!}
                            <button class="btn btn-sm btn-outline-secondary">Deshacer (se marcó por error)</button>
                        {!! Form::close() !!}
                        @endif
                    </div>
                @elseif($reservation->status == 3 && !$reservation->merged_into)
                    <div class="alert alert-secondary">Reserva cancelada: sus productos volvieron al stock disponible.</div>
                @endif

                {{-- Historial (reservation_events): consolidaciones, abonos, pagos, envíos y entregas, con quién y cuándo --}}
                <h5 class="mt-4">Historial</h5>
                @if($events === null)
                <p class="text-muted"><small>El historial detallado se activa al ejecutar <code>database/cambios/2026-10-18b_reservas_historial.sql</code>. Mientras tanto, los abonos de arriba muestran fecha y usuario.</small></p>
                @elseif($events->isEmpty())
                <p class="text-muted"><small>Sin movimientos registrados todavía (el historial empezó a guardarse el 18/10/2026).</small></p>
                @else
                <ul class="res-history">
                    @foreach($events as $e)
                    <li class="t-{{ $e->type }}"><time>{{ $e->created_at ? $e->created_at->format('d/m/Y H:i') : '' }}</time> <span>{{ $e->message }}</span> <small class="text-muted">{{ $e->user->name ?? '' }}</small></li>
                    @endforeach
                </ul>
                @endif
            </div>
        </div>
    </div>
</section>
<script type="text/javascript">
    // ENVIAR TOTAL AL CLIENTE: en el celular abre "Compartir" con el PDF (para elegir WhatsApp);
    // en la computadora descarga el PDF y abre WhatsApp con el mensaje del total para adjuntarlo.
    $('#send-total').on('click', function() {
        var btn = $(this).prop('disabled', true);
        var pdfUrl = "{{ route('reservations.pdf', $reservation->id) }}";
        var waUrl = "https://wa.me/{{ $phone }}?text={{ rawurlencode($waText) }}";
        fetch(pdfUrl, { credentials: 'same-origin' }).then(function(r) { return r.blob(); }).then(function(blob) {
            var file = new File([blob], "{{ $reservation->reference_no }}.pdf", { type: 'application/pdf' });
            if (navigator.canShare && navigator.canShare({ files: [file] }))
                return navigator.share({ files: [file], title: "{{ $reservation->reference_no }}", text: {!! json_encode($waText) !!} });
            var a = document.createElement('a');
            a.href = URL.createObjectURL(blob); a.download = file.name; document.body.appendChild(a); a.click(); a.remove();
            window.open(waUrl, '_blank');
        }).catch(function() {}).finally(function() { btn.prop('disabled', false); });
    });
    // Costo de envío: retiro = $0 (oculto); envío = el del catálogo (se puede cambiar).
    var envios = @json($envios, JSON_UNESCAPED_UNICODE);
    $('#shipping_method').on('change', function() {
        var e = envios[$(this).val()];
        $('#shipping-cost-box').toggle(!!e && e.mode != 'retiro');
        if (e && e.mode != 'retiro' && e.cost !== null && this.dataset.touched) $('#shipping_cost').val(e.cost.toFixed(2));
        this.dataset.touched = 1;
    }).trigger('change');
    @if($editable)
    var addProducts = {};
    $('#add-item-box').on('show.bs.collapse', function() {
        if (Object.keys(addProducts).length) return;
        $.get("{{ route('reservations.products', $reservation->warehouse_id) }}", function(rows) {
            var select = $('#add-product-select').empty();
            rows.forEach(function(p) {
                addProducts[p.id] = p;
                // Se busca por nombre y código; sin comillas ni < > & porque bootstrap-select copia los tokens sin escapar.
                select.append($('<option>').val(p.id).attr('data-tokens', String(p.name + ' ' + p.code).replace(/["'<>&]/g, ' '))
                    .text(p.name + ' — ' + p.code + ' — $' + p.price.toFixed(2) + ' (stock: ' + p.stock + ')'));
            });
            var title = rows.length ? 'Busca por nombre o código...' : 'No hay productos con stock en esta tienda';
            if (select.data('selectpicker')) select.data('selectpicker').options.title = title;
            select.attr('title', title).selectpicker('refresh');
        });
    });
    $('#add-product-select').on('change', function() {
        var p = addProducts[$(this).val()];
        $('#add-price').text(p ? 'Precio: $' + p.price.toFixed(2) + ' · Stock: ' + p.stock : '');
    });
    $('#payment-form, #add-item-form').on('submit', function() {
        $(this).find('button[type=submit]').prop('disabled', true);
    });
    @endif
</script>
@endsection