Editar desistimiento venta

app/resources/views/ventas/desistida.blade.php

@@ -0,0 +1,78 @@
+@extends('layout.base')
+
+@section('page_content')
+    <div class="ui container">
+        <h1 class="ui header">
+            Desistida - {{$venta->proyecto()->descripcion}} -
+            <a href="{{$urls->base}}/venta/{{$venta->id}}">
+                {{$venta->propiedad()->summary()}}
+            </a>
+        </h1>
+        <form class="ui form" id="desistida_form">
+            <div class="three wide field">
+                <label for="fecha">Fecha</label>
+                <div class="ui calendar" id="fecha">
+                    <div class="ui left icon input">
+                        <i class="calendar icon"></i>
+                        <input type="text" />
+                    </div>
+                </div>
+            </div>
+            <div class="three wide field">
+                <label for="devolucion">Devolución</label>
+                <div class="ui left labeled input">
+                    <div class="ui basic label">$</div>
+                    <input type="text" id="devolucion" value="{{$venta->resciliacion()->valor}}" />
+                </div>
+            </div>
+        </form>
+    </div>
+@endsection
+
+@push('page_scripts')
+    <script>
+        function alertResponse(message, color = 'green') {
+            $.toast({
+                message,
+                showProgress: 'bottom',
+                progressUp: true,
+                class: color,
+                showIcon: 'check circle',
+                classProgress: 'blue'
+            })
+        }
+        $(document).ready(() => {
+            const url = '{{$urls->api}}/ventas/pago/{{$venta->resciliacion()->id}}'
+            let old = new Date({{$venta->resciliacion()->fecha->format('Y')}},
+                    {{$venta->resciliacion()->fecha->format('n')}}-1, {{$venta->resciliacion()->fecha->format('j')}})
+            calendar_date_options['initialDate'] = old
+            calendar_date_options['onChange'] = function(date, text, mode) {
+                if (date.getTime() === old.getTime()) {
+                    return
+                }
+                const body = new FormData()
+                body.set('fecha', date.toISOString())
+                fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    old = date
+                    alertResponse('Fecha cambiada correctamente.')
+                })
+            }
+            $('#fecha').calendar(calendar_date_options)
+            $('#devolucion').change(event => {
+                console.debug(event)
+                const val = $(event.currentTarget).val()
+                const body = new FormData()
+                body.set('valor', val)
+                fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    alertResponse('Devolución cambiada correctamente.')
+                })
+            })
+        })
+    </script>
+@endpush