{{-- Diseño moderno (v3): detalle de una reserva. Mismos formularios, rutas y validaciones que reservation/show; solo cambia la presentación. --}}
@extends('layout.main') @section('content')
@include('reservation._alerts')
<style>
    .res-history { list-style: none; padding: 0; margin: 0; border-left: 2px solid var(--border); }
    .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); }
    .res-history li.t-cancelada::before, .res-history li.t-deshecho::before { background: #ef4444; }
    .res-history time { font-variant-numeric: tabular-nums; color: var(--text-muted); font-size: 12px; margin-right: 6px; }
    .v3-thumb { width: 44px; height: 44px; border-radius: 12px; background: var(--brand-soft); color: var(--brand-ink); display: grid; place-items: center; font-weight: 800; flex-shrink: 0; }
    @media print { .no-print, header, nav.navbar, footer, .ui3-tabbar { display: none !important; } .page { margin: 0 !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
@php
    $r = $reservation;
    $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');
    $canExit = in_array($r->status, [4, 5]) && ($r->status == 5 || !$r->exit_issues);
    $backTab = in_array($r->status, [4, 5]) ? 4 : ($r->status == 1 ? ($r->is_overdue ? 'vencidas' : 1) : 'cerradas');
@endphp
<div class="v3-page">
    <a href="{{ route('reservations.index', ['status' => $backTab]) }}" class="v3-back no-print">← Reservas</a>

    {{-- Cabecera: cliente, estado y la acción principal --}}
    <div class="v3-card v3-hero">
        <div>
            <p class="v3-muted" style="font-size:13px;margin:0">Reserva {{ $r->reference_no }}@if($r->client_code) · Código {{ $r->client_code }}@endif · {{ preg_replace('/\s*-\s*Entre Tu y Yo$/i', '', $r->warehouse->name ?? '') }}</p>
            <h1 data-billing-title>@if($customer->id)<a href="{{ route('reservations.customer', $customer->id) }}" style="color:inherit">{{ $customer->name }}</a>@else{{ $customer->name }}@endif</h1>
            <span class="v3-pill {{ $pill }}" style="font-size:13px">{{ $r->status_label }}</span>
            @if($r->status != 3)<span class="v3-muted ml-2">Pago: <strong>{{ $r->financial_label }}</strong> · Paquete: <strong>{{ $r->logistic_label }}</strong></span>@endif
        </div>
        <div class="v3-actions no-print">
            <button type="button" id="send-total" class="v3-btn"><i class="fa fa-whatsapp"></i> Enviar total por WhatsApp</button>
            <a target="_blank" href="{{ route('reservations.pdf', $r->id) }}" class="v3-btn v3-btn-icon" title="Ver PDF" aria-label="Ver PDF"><i class="fa fa-file-pdf-o"></i></a>
            <button type="button" onclick="window.print()" class="v3-btn v3-btn-icon" title="Imprimir" aria-label="Imprimir"><i class="fa fa-print"></i></button>
            @if($canExit)
            {!! Form::open(['route' => ['reservations.deliver', $r->id], 'method' => 'post', 'class' => 'mb-0', 'onsubmit' => "return confirm('¿" . $r->confirm_label . " de " . $r->reference_no . "? Pasa a ENTREGADA.')"]) !!}
                <input type="hidden" name="type" value="salida">
                <button class="v3-btn v3-btn-green v3-btn-big"><i class="fa fa-check"></i> {{ $r->confirm_label }}</button>
            {!! Form::close() !!}
            @endif
        </div>
    </div>

    @if($r->step !== null)
    @php $steps = ['Activa', 'Pagada · ' . ($r->is_pickup ? 'por retirar' : 'por enviar'), 'Entregada']; $cur = $r->step; @endphp
    <ol class="v3-steps no-print" aria-label="Pasos de la reserva">
        @foreach($steps as $i => $label)
        @php $done = $i < $cur || $cur == 2; @endphp
        <li class="{{ $done ? 'is-done' : ($i == $cur ? 'is-now' : '') }}">{{ $i + 1 }} · {{ $label }}@if($done) ✓@endif</li>
        @endforeach
    </ol>
    @endif

    {{-- Avisos --}}
    @if($r->status == 4 && $r->exit_issues)
    <div class="alert alert-danger mb-0">Todavía no se puede entregar: {{ implode('; ', $r->exit_issues) }}.</div>
    @endif
    @if($r->status == 1 && $r->total > 0 && $r->balance <= 0 && !$r->delivery_mode)
    <div class="alert alert-warning no-print mb-0"><strong>Productos pagados.</strong> Elige en «Entrega» el método (retiro o envío) para que pase a POR PROCESAR. Si es envío, su costo se suma al saldo.</div>
    @endif
    @if($r->surplus > 0)
    <div class="alert alert-warning mb-0"><strong>El cliente tiene un excedente de ${{ number_format($r->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
    @if($r->merged_into)
    <div class="alert alert-secondary mb-0">Esta reserva se unió a la reserva
        <a href="{{ route('reservations.show', $r->merged_into) }}"><strong>{{ $r->mergedInto->reference_no ?? ('#' . $r->merged_into) }}</strong></a>:
        sus productos y abonos están ahora allí.</div>
    @endif
    @if($mergeable->isNotEmpty())
    <div class="alert alert-info no-print mb-0">
        <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', $r->id], 'method' => 'post', 'class' => 'd-inline', 'onsubmit' => "return confirm('¿Unir " . $other->reference_no . " a " . $r->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

    <div class="v3-cols">
        <div class="v3-main">
            {{-- Productos --}}
            <section class="v3-card" aria-label="Productos">
                <div class="d-flex align-items-center mb-3">
                    <h2 class="mb-0 mr-auto">Productos</h2>
                    @if($editable)<button type="button" class="v3-btn no-print" data-toggle="collapse" data-target="#add-item-box"><i class="fa fa-plus"></i> Agregar producto</button>@endif
                </div>
                @if($merged->isNotEmpty())<p class="v3-muted">Incluye las reservas unidas: {{ $merged->pluck('reference_no')->implode(', ') }}.</p>@endif
                @if($editable)
                <div id="add-item-box" class="collapse no-print">
                    {!! Form::open(['route' => ['reservations.items.add', $r->id], 'method' => 'post', 'class' => 'row align-items-end mb-3', 'id' => 'add-item-form']) !!}
                        <div class="col-md-7 form-group mb-2">
                            <label><strong>Producto</strong> <small>(con stock en {{ $r->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 mb-2">
                            <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 mb-2">
                            <div id="add-price" class="mb-1 text-muted">&nbsp;</div>
                            <button type="submit" class="v3-btn v3-btn-primary w-100">Agregar a la reserva</button>
                        </div>
                    {!! Form::close() !!}
                </div>
                @endif
                <div class="d-flex flex-column" style="gap:10px">
                    @forelse($r->items as $item)
                    <div class="v3-item">
                        <div class="v3-thumb">{{ mb_strtoupper(mb_substr($item->product->name ?? '?', 0, 1)) }}</div>
                        <div style="flex:1;min-width:0">
                            <div class="v3-strong">{{ $item->product->name ?? '' }}</div>
                            <div class="v3-muted">{{ $item->product->code ?? '' }} · {{ (float) $item->qty }} × ${{ number_format($item->unit_price, 2) }}</div>
                            @if($editable)
                            {!! Form::open(['route' => ['reservations.items.update', $r->id, $item->id], 'method' => 'post', 'class' => 'd-flex flex-wrap align-items-center no-print mt-2', 'id' => 'item-form-' . $item->id, 'style' => 'gap:6px']) !!}
                                <label class="v3-muted mb-0">Cant.</label>
                                <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;min-height:34px">
                                <label class="v3-muted mb-0 ml-1">Precio $</label>
                                <input type="number" name="unit_price" value="{{ number_format($item->unit_price, 2, '.', '') }}" min="0.01" step="0.01" class="form-control form-control-sm text-right" style="width:96px;min-height:34px" title="Precio con IVA. Cámbialo y pulsa ✓">
                                <button class="btn btn-sm btn-outline-primary" title="Guardar cantidad y precio" aria-label="Guardar cantidad y precio"><i class="fa fa-check"></i></button>
                            {!! Form::close() !!}
                            @endif
                        </div>
                        <strong style="white-space:nowrap">${{ number_format($item->subtotal, 2) }}</strong>
                        @if($editable)
                        {!! Form::open(['route' => ['reservations.items.remove', $r->id, $item->id], 'method' => 'post', 'class' => 'no-print mb-0', 'onsubmit' => "return confirm('¿Quitar " . e(addslashes($item->product->name ?? 'este producto')) . " de la reserva? Sus unidades vuelven al stock.')"]) !!}
                            <button class="v3-btn v3-btn-icon v3-btn-danger" title="Quitar" aria-label="Quitar {{ $item->product->name ?? 'producto' }}"><i class="fa fa-trash"></i></button>
                        {!! Form::close() !!}
                        @endif
                    </div>
                    @empty
                    <p class="v3-muted mb-0">Sin productos.</p>
                    @endforelse
                </div>
            </section>

            {{-- Abonos --}}
            <section class="v3-card" aria-label="Abonos">
                <h2>Abonos</h2>
                @if($r->payments->isEmpty())
                <p class="v3-muted mb-0">Todavía no hay abonos.</p>
                @else
                <div class="d-flex flex-column" style="gap:8px">
                    @foreach($r->payments->sortBy('id') as $p)
                    <div class="v3-item"><span>Abono {{ $loop->iteration }} · {{ $p->created_at->format('d/m/Y H:i') }} · {{ $formas_pago[$p->forma_pago] ?? $p->forma_pago }}
                        <span class="v3-muted d-block">{{ $p->user->name ?? '' }}@if($p->note) · {{ $p->note }}@endif</span></span><strong>${{ number_format($p->amount, 2) }}</strong></div>
                    @endforeach
                </div>
                @endif
                @if($editable && $r->balance > 0)
                <div class="no-print mt-3">
                    {!! Form::open(['route' => ['reservations.payment', $r->id], 'method' => 'post', 'id' => 'payment-form', 'class' => 'row align-items-end']) !!}
                        <div class="col-md-3 form-group mb-2">
                            <label><strong>Monto *</strong></label>
                            <input type="number" name="amount" id="amount" required min="0.01" max="{{ $r->balance }}" step="0.01" class="form-control" placeholder="Máx. {{ number_format($r->balance, 2) }}">
                        </div>
                        <div class="col-md-3 form-group mb-2">
                            <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 mb-2">
                            <label>Nota</label>
                            <input type="text" name="payment_note" maxlength="191" class="form-control">
                        </div>
                        <div class="col-md-3 form-group mb-2">
                            <button type="submit" class="v3-btn v3-btn-primary w-100"><i class="fa fa-money"></i> Registrar abono</button>
                        </div>
                    {!! Form::close() !!}
                    <small class="v3-muted">Los abonos quedan registrados en la reserva. Se facturan desde «Facturación» (el total o cada abono).</small>
                </div>
                @endif
            </section>

            {{-- Facturar la reserva (total o por abono): en la columna principal para equilibrar con la lateral --}}
            @include('reservation._invoicing', ['reservation' => $r, 'v3' => true])

            {{-- Historial --}}
            <section class="v3-card" aria-label="Historial">
                <h2>Historial</h2>
                @if($events === null)
                <p class="v3-muted mb-0">El historial detallado se activa al ejecutar <code>database/cambios/2026-10-18b_reservas_historial.sql</code>.</p>
                @elseif($events->isEmpty())
                <p class="v3-muted mb-0">Sin movimientos registrados todavía.</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
            </section>
        </div>

        <aside class="v3-side" aria-label="Resumen">
            <div class="v3-card">
                <div class="v3-row"><span>Productos</span><span>${{ number_format($r->products_total, 2) }}</span></div>
                <div class="v3-row"><span>Envío{{ $r->shipping_method ? ' · ' . $r->shipping_method : '' }}</span><span>${{ number_format($r->shipping_cost, 2) }}</span></div>
                <div class="v3-row"><span>Total</span><span>${{ number_format($r->total, 2) }}</span></div>
                <div class="v3-row"><span>Abonado</span><span style="color:#16a34a;font-weight:700">${{ number_format($r->paid, 2) }}</span></div>
                <div class="v3-row v3-row-total"><span>Saldo</span><span>${{ number_format($r->balance, 2) }}</span></div>
                <p class="v3-muted mb-0 mt-2">Creada {{ $r->created_at->format('d/m/Y H:i') }}@if($r->due_date) · vence {{ \Carbon\Carbon::parse($r->due_date)->format('d/m/Y') }}@if($r->status == 1) <span class="{{ $r->is_overdue ? 'text-danger' : '' }}">({{ $r->is_overdue ? 'vencida' : 'quedan ' . now()->startOfDay()->diffInDays(\Carbon\Carbon::parse($r->due_date)) . ' días' }})</span>@endif @endif</p>
            </div>

            {{-- Entrega --}}
            <div class="v3-card">
                <h2>Entrega</h2>
                @if($r->status == 2)
                    <p class="mb-1"><strong>{{ $r->package_label }}</strong> {{ $r->delivered_at ? 'el ' . \Carbon\Carbon::parse($r->delivered_at)->format('d/m/Y H:i') : '' }}@if($r->deliverer) · marcó {{ $r->deliverer->name }}@endif</p>
                    @if($r->shipping_method)<p class="v3-muted mb-2">{{ $r->shipping_method }}@if($r->shipping_note) · {{ $r->shipping_note }}@endif</p>@endif
                    @if($r->delivery_type)
                    {!! Form::open(['route' => ['reservations.undo-deliver', $r->id], 'method' => 'post', 'class' => 'no-print', 'onsubmit' => "return confirm('¿Se marcó por error? La reserva vuelve a PAGADA.')"]) !!}
                        <button class="v3-btn">Deshacer (se marcó por error)</button>
                    {!! Form::close() !!}
                    @endif
                @elseif(in_array($r->status, [1, 4, 5]))
                    {!! Form::open(['route' => ['reservations.shipping', $r->id], 'method' => 'post', 'class' => 'no-print']) !!}
                        <div class="form-group mb-2">
                            <label><strong>Método de entrega</strong></label>
                            <select name="shipping_method" id="shipping_method" class="form-control" @if($r->status == 5) disabled @endif>
                                <option value="">Por definir</option>
                                @foreach(array_keys($envios) as $m)
                                <option value="{{ $m }}" @if($r->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="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="{{ $r->delivery_mode == 'envio' ? number_format($r->shipping_cost, 2, '.', '') : '' }}" @if($r->status == 5) disabled @endif>
                        </div>
                        <div class="form-group mb-2">
                            <label>Guía, dirección o detalle</label>
                            <input type="text" name="shipping_note" value="{{ $r->shipping_note }}" maxlength="191" class="form-control" placeholder="Ej. dirección de entrega o N° de guía">
                        </div>
                        <button class="v3-btn w-100"><i class="fa fa-save"></i> Guardar entrega</button>
                    {!! Form::close() !!}
                @elseif($r->status == 3 && !$r->merged_into)
                    <p class="v3-muted mb-0">Reserva cancelada: sus productos volvieron al stock disponible.</p>
                @else
                    <p class="v3-muted mb-0">—</p>
                @endif
            </div>

            {{-- Datos de facturación --}}
            @if($r->status != 3)
            <div class="v3-card no-print" data-billing>
                <h2>Datos de facturación</h2>
                @if($r->customer_id)
                <p class="mb-1" data-billing-name>{{ $customer->name }} ({{ $customer->tax_no ?: $customer->ruc ?: 'sin cédula/RUC' }})@if($customer->phone_number) · {{ $customer->phone_number }}@endif</p>
                @else
                <p class="mb-1" data-billing-name></p>
                <p class="mb-1" data-billing-pending><span class="v3-pill v3-pill-orange">Datos de facturación pendientes</span><br><small class="v3-muted">Esta reserva se hizo solo con el código. No impide reservar, abonar ni entregar.</small></p>
                @endif
                <small class="v3-muted d-block mb-2">La reserva no genera factura. Cuándo y cómo se factura lo define el contador.</small>
                @if($can_assign)@include('reservation._assign_customer', ['reservation' => $r, 'btn' => 'v3-btn'])@endif
            </div>
            @endif

            <div class="v3-card">
                <div class="v3-row"><span>Responsable</span><span>{{ $r->user->name ?? '' }}</span></div>
                @if($r->creator && $r->created_by != $r->user_id)<div class="v3-row"><span>Registró</span><span>{{ $r->creator->name }}</span></div>@endif
                @if($r->biller)<div class="v3-row"><span>Caja</span><span>{{ $r->biller->name }}</span></div>@endif
                @if($r->note)<p class="mb-0 mt-2"><strong>Nota:</strong> {{ $r->note }}</p>@endif
                @if($editable)
                <div class="no-print mt-3">
                    @if($r->paid == 0)
                    {!! Form::open(['route' => ['reservations.cancel', $r->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="v3-btn v3-btn-danger w-100"><i class="fa fa-times"></i> Cancelar reserva</button>
                    {!! Form::close() !!}
                    @else
                    <small class="v3-muted">Tiene abonos: no se puede cancelar todavía (la devolución o crédito se definirá más adelante).</small>
                    @endif
                </div>
                @endif
            </div>
        </aside>
    </div>
</div>
<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