{{-- Asignar o cambiar el cliente de una reserva sin recargar la página: buscador con sugerencias + ventana "Cliente nuevo".
     Guarda con ReservationController@assignCustomer (JSON) y actualiza en pantalla los datos de facturación. $reservation, $btn (clase del botón) --}}
{!! Form::open(['route' => ['reservations.assign-customer', $reservation->id], 'method' => 'post', 'id' => 'assign-customer-form']) !!}
    @include('reservation._customer_picker', ['id' => 'assign_customer_id', 'selected' => null,
        'placeholder' => $reservation->customer_id ? 'Cambiar cliente: escribe nombre, apellido o cédula…' : 'Asignar cliente: escribe nombre, apellido o cédula…'])
    <div class="alert alert-danger d-none mt-2 mb-0" id="assign-customer-error" data-avisos="aqui"></div>
    <button type="submit" class="{{ $btn ?? 'btn btn-sm btn-outline-primary' }} mt-2" id="assign-customer-btn" disabled>Guardar cliente</button>
{!! Form::close() !!}
@include('reservation._new_customer_modal')
<script>
    $('#assign_customer_id').on('change', function () { $('#assign-customer-btn').prop('disabled', !this.value); });
    $('#assign-customer-form').on('submit', function (e) {
        e.preventDefault();
        var form = $(this), btn = $('#assign-customer-btn').prop('disabled', true), err = $('#assign-customer-error').addClass('d-none');
        $.ajax({ url: form.attr('action'), method: 'POST', data: form.serialize(), headers: { Accept: 'application/json' } })
            .done(function (r) {
                var c = r.customer, label = c.name + ' (' + (c.tax_no || 'sin cédula/RUC') + ')' + (c.phone ? ' · ' + c.phone : '');
                $('[data-billing-name]').text(label).closest('[data-billing]').find('[data-billing-pending]').remove();
                $('[data-billing-title]').text(c.name);
                form.find('.cust-picker-clear').trigger('click');
                $('#assign-customer-ok').remove();
                form.before($('<div class="alert alert-success mb-2" id="assign-customer-ok" data-avisos="aqui">').text(r.message || 'Cliente guardado.'));
            })
            .fail(function (xhr) {
                var r = xhr.responseJSON || {}, msg = r.message || 'No se pudo guardar el cliente.';
                if (r.errors) msg = Object.values(r.errors).map(function (v) { return v[0]; }).join(' ');
                err.text(msg).removeClass('d-none'); btn.prop('disabled', false);
            });
    });
</script>