From a8325c331053b64a6d39602ebea9ea6c39472978 Mon Sep 17 00:00:00 2001
From: Juan Pablo Vial <jpvialb@incoviba.cl>
Date: Mon, 5 May 2025 15:55:23 -0400
Subject: [PATCH] Uso de NumberInput en Edit BonoPie

---
 .../views/ventas/pies/bonos/edit.blade.php         | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/resources/views/ventas/pies/bonos/edit.blade.php b/app/resources/views/ventas/pies/bonos/edit.blade.php
index ab9c216..879e0d9 100644
--- a/app/resources/views/ventas/pies/bonos/edit.blade.php
+++ b/app/resources/views/ventas/pies/bonos/edit.blade.php
@@ -33,6 +33,8 @@
     </form>
 @endsection
 
+@include('layout.body.scripts.number_input')
+
 @push('page_scripts')
     <script>
         $(document).ready(() => {
@@ -40,13 +42,17 @@
             fecha.calendar(calendar_date_options)
             fecha.calendar('set date', new Date({{$venta->formaPago()->bonoPie->pago->fecha->format('Y, m-1, j')}}))
 
+            const numberInput = new NumberInput({input: document.querySelector('input[name="valor"]'), isRational: true})
+            numberInput.watch()
+
             $('#add_bono').submit(submitEvent => {
                 submitEvent.preventDefault()
                 const url = '{{$urls->api}}/venta/{{$venta->id}}/bono_pie/edit'
-                const data = new FormData()
-                data.set('fecha', $('#fecha').calendar('get date').toISOString())
-                data.set('valor', $('#valor').val())
-                return APIClient.fetch(url, {method: 'post', body: data}).then(response => {
+                const method = 'post'
+                const body = new FormData()
+                body.set('fecha', $('#fecha').calendar('get date').toISOString())
+                body.set('valor', numberInput.currentValue)
+                return APIClient.fetch(url, {method, body}).then(response => {
                     if (response.ok) {
                         return response.json()
                     }