Files
oficial/app/resources/views/ventas/desistida.blade.php
2023-12-21 21:06:38 -03:00

79 lines
2.9 KiB
PHP

@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