{{-- POS → RESERVAR / ABONAR. Convierte el carrito en una reserva con la lógica del módulo Reservas
     (ReservationController@storeFromPos → ReservationService). No toca PAGAR, la factura ni el SRI. --}}
@php
    // Métodos de envío con su modo (retiro / envío) y costo base, igual que en Reservas → Nueva reserva.
    $pos_envios = [];
    foreach (array_unique(\App\Services\Settings::shippingMethods()) as $label)
        if ($resolved = \App\Services\Shipping::resolve($label))
            $pos_envios[$label] = ['mode' => $resolved['mode'], 'cost' => $resolved['mode'] == 'retiro' ? 0 : $resolved['cost']];
@endphp
<div id="reserve-modal" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade text-left">
    <div role="document" class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fa fa-bookmark"></i> Reservar / abonar</h5>
                <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info mb-2">
                    Los productos quedan <strong>apartados</strong> para el cliente. Los abonos se facturan después, desde la reserva.
                    Si el cliente ya tiene una reserva activa en esta tienda, esto se suma a esa reserva.
                </div>
                <p class="mb-2"><strong>Cliente:</strong> <span id="reserve-customer"></span><br>
                    <strong>Productos:</strong> <span id="reserve-items"></span> · $<span id="reserve-products"></span>
                    · <strong>Envío:</strong> $<span id="reserve-ship-total">0.00</span> · <strong>Total:</strong> $<span id="reserve-total"></span></p>
                <div class="alert alert-danger d-none" id="reserve-error"></div>
                <div class="form-row">
                    <div class="form-group col-6">
                        <label><strong>Abono ahora</strong></label>
                        <input type="number" id="reserve-abono" min="0" step="0.01" value="0" class="form-control">
                        <small>Saldo: $<span id="reserve-balance"></span></small>
                    </div>
                    <div class="form-group col-6">
                        <label><strong>Forma de pago del abono</strong></label>
                        <select id="reserve-forma-pago" class="form-control">
                            @foreach(\App\Services\ReservationService::FORMAS_PAGO as $code => $label)
                            <option value="{{ $code }}">{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label>Nota del abono</label>
                    <input type="text" id="reserve-payment-note" maxlength="191" class="form-control" placeholder="Ej. N° de transferencia">
                </div>
                <div class="form-row">
                    <div class="form-group col-sm-7">
                        <label><strong>Método de entrega</strong></label>
                        <select id="reserve-shipping" class="form-control">
                            <option value="">Por definir</option>
                            @foreach(\App\Services\Settings::shippingMethods() as $m)
                            <option value="{{ $m }}">{{ $m }}{{ isset($pos_envios[$m]) ? ($pos_envios[$m]['mode'] == 'retiro' ? ' — retiro $0' : ($pos_envios[$m]['cost'] !== null ? ' — $' . number_format($pos_envios[$m]['cost'], 2) : '')) : '' }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-sm-5 d-none" id="reserve-ship-cost-box">
                        <label><strong>Costo de envío</strong></label>
                        <input type="number" id="reserve-ship-cost" min="0" step="0.01" class="form-control" placeholder="$">
                    </div>
                </div>
                <div class="form-group">
                    <label>Observaciones de la reserva</label>
                    <input type="text" id="reserve-note" maxlength="1000" class="form-control" placeholder="Ej. talla, color, live del jueves">
                </div>
                <button type="button" id="reserve-confirm" class="btn btn-warning btn-block text-white" style="background:#e67e22;border-color:#e67e22"><i class="fa fa-check"></i> Crear reserva</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
(function() {
    var token = null;
    function money(n) { return (Math.round(n * 100) / 100).toFixed(2); }
    // Productos del carrito con su precio final por unidad (subtotal de la fila / cantidad, con IVA y descuento de la fila).
    function cartLines() {
        var lines = [];
        $('table.order-list tbody tr').each(function() {
            var qty = parseFloat($(this).find('.qty').val()) || 0;
            var subtotal = parseFloat($(this).find('.subtotal-value').val()) || 0;
            lines.push({ product_id: $(this).find('.product-id').val(), qty: qty, price: qty > 0 ? Math.round(subtotal / qty * 100) / 100 : 0 });
        });
        return lines;
    }
    var envios = @json($pos_envios, JSON_UNESCAPED_UNICODE);
    function products() {
        return cartLines().reduce(function(t, l) { return t + Math.round(l.qty * l.price * 100) / 100; }, 0);
    }
    function shipCost() {
        var e = envios[$('#reserve-shipping').val()];
        return e && e.mode != 'retiro' ? (parseFloat($('#reserve-ship-cost').val()) || 0) : 0;
    }
    // Total de la reserva = productos + envío (igual que Reservas → Nueva reserva).
    function total() { return products() + shipCost(); }
    function refreshBalance() {
        $('#reserve-products').text(money(products()));
        $('#reserve-ship-total').text(money(shipCost()));
        $('#reserve-total').text(money(total()));
        $('#reserve-balance').text(money(Math.max(0, total() - (parseFloat($('#reserve-abono').val()) || 0))));
    }

    $('#reserve-btn').on('click', function() {
        var lines = cartLines();
        if (!lines.length) { alert('Agrega productos al carrito para reservar.'); return; }
        if (!$('#customer_id').val()) { alert('Elige el cliente de la reserva.'); return; }
        if (!$('#warehouse_id').val()) { alert('Elige el almacén.'); return; }
        // La reserva guarda precio por producto: el descuento general y el cupón no se trasladan (el IVA sí: va en el precio de cada línea).
        // (El envío se elige en esta ventana. El IVA de los productos sí va: ya está en el precio de cada línea.)
        var extras = [];
        if (parseFloat($('input[name="order_discount"]').val()) > 0) extras.push('el descuento general');
        if (parseFloat($('input[name="coupon_discount"]').val()) > 0) extras.push('el cupón');
        if (extras.length) {
            alert('Para reservar quita ' + extras.join(' y ') + '. Si necesitas otro precio, edita el precio del producto en el carrito.');
            return;
        }
        token = token || (Date.now() + '-' + Math.random().toString(36).slice(2));
        $('#reserve-customer').text($('#customer_id option:selected').text());
        $('#reserve-items').text(lines.length);
        $('#reserve-error').addClass('d-none');
        // Si en el POS ya se había puesto un envío, se propone aquí.
        var posShip = parseFloat($('input[name="shipping_cost"]').val()) || 0;
        if (posShip > 0 && !$('#reserve-shipping').val()) {
            var first = Object.keys(envios).find(function(k) { return envios[k].mode != 'retiro'; });
            if (first) { $('#reserve-shipping').val(first).trigger('change'); $('#reserve-ship-cost').val(posShip.toFixed(2)); }
        }
        refreshBalance();
        $('#reserve-modal').modal('show');
    });
    $('#reserve-abono').on('input', refreshBalance);
    $('#reserve-ship-cost').on('input', refreshBalance);
    $('#reserve-shipping').on('change', function() {
        var e = envios[$(this).val()], show = !!e && e.mode != 'retiro';
        $('#reserve-ship-cost-box').toggleClass('d-none', !show);
        $('#reserve-ship-cost').val(show && e.cost !== null ? Number(e.cost).toFixed(2) : '');
        refreshBalance();
    });

    $('#reserve-confirm').on('click', function() {
        var btn = $(this), abono = parseFloat($('#reserve-abono').val()) || 0;
        if (abono > total() + 0.001) { $('#reserve-error').text('El abono no puede ser mayor al total.').removeClass('d-none'); return; }
        btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Guardando...');
        $.ajax({
            url: "{{ route('reservations.from-pos') }}", method: 'POST', contentType: 'application/json', dataType: 'json',
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json' },
            data: JSON.stringify({
                token: token, customer_id: $('#customer_id').val(), warehouse_id: $('#warehouse_id').val(), biller_id: $('#biller_id').val(),
                lines: cartLines(), abono: abono, forma_pago: $('#reserve-forma-pago').val(),
                payment_note: $('#reserve-payment-note').val(), note: $('#reserve-note').val(), shipping_method: $('#reserve-shipping').val(),
                shipping_cost: shipCost()
            }),
            success: function(r) { window.location = r.url; },
            error: function(xhr) {
                var r = xhr.responseJSON || {};
                $('#reserve-error').text(r.message || 'No se pudo crear la reserva.').removeClass('d-none');
                if (xhr.status != 409) token = null; // si no se guardó, el siguiente intento es un envío nuevo
                btn.prop('disabled', false).html('<i class="fa fa-check"></i> Crear reserva');
            }
        });
    });
})();
</script>