@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js</script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<link href="{{ asset('css/a&a_style.css') }}" href="a&a_style.css" rel="stylesheet" type="text/css">

@section('content')

@if ( session('mensaje') )
<div class="alert alert-success">{{ session('mensaje') }}</div>
@endif

<form action="{{route('updateProyecto')}}" method="post" enctype="multipart/form-data" >
    @csrf
    <div class="container-fluid">
        <div class="container">
            <!-- BARRA DE BUSQUEDA -->
            <h1 style="margin-top: 50px">Actualizar</h1>
            <div class="row reex" style="height: auto">

                <!-- ASIGNACIÓN -->
                <div class="container col-12" style="margin-top: 10px">
                    <h2><strong>Detalle de cliente</strong></h2>
                </div>
                <!-- Fila 1 ------------------------------------------------------>
                <div class="container col-sm-6 form-group">
                    <label for="nombre_proyecto">
                        <h2>Nombre del cliente</h2>
                    </label>
                    <input type="text"  value="{{Crypt::encryptString($nombrecliente[0]->id ?? '')}}"  name="proyectoid" style="display: none">

                    <input type="text" class="form-control"   value="{{$razonSocialCliente}}" disabled>

                </div>

                <div class="container col-sm-6 form-group">
                    <label for="nombre_proyecto">
                        <h2>Nombre del proyecto</h2>
                    </label>
                    <input type="" class="form-control" id=""  name="nombre_proyecto" value="{{$nombreProyecto}}" disabled>
                </div>

                <div class="container col-sm-6 form-group">
                    <label for="nombre_proyecto">
                        <h2>Fecha Inicio</h2>
                    </label>
                    <input type="date" class="form-control" id="fechaInicioProyecto"  name="fechaInicioProyecto"  value="{{Carbon\Carbon::createFromDate($nombrecliente[0]->fecha_inicio ?? '')->format('Y-m-d')}}" >
                </div>

                <div class="container col-sm-6 form-group">
                    <label for="nombre_proyecto">
                        <h2>Fecha Final</h2>
                    </label>
                    <input type="date" class="form-control" id="fechaFinProyecto"  name="fechaFinProyecto" value="{{Carbon\Carbon::createFromDate($nombrecliente[0]->fecha_termino ?? '')->format('Y-m-d')}}" >
                </div>

                <div class="col-6">
                    <label for="nombre_proyecto">
                        <h2>Logo</h2> 
                        @if ($nombrecliente[0]->url_logo != "")
                            <a data-target="#modal_foto" data-toggle="modal" style="cursor: pointer; color:red">(Tiene Logo Asociado)</a>
                        @endif

                    </label><br>
                    <input type="file" accept="image/png,image/jpeg"  class="" id="cargafoto1" name="cargafoto1">
                </div>

                <!-- Fila 2 ------------------------------------------------------>
                <div class="container">
                    <hr class="linea">
                </div>
                    <div class="container">
                        <div class="row">       <h2><strong>Datos Proyectos</strong></h2> </div>
                        
                    </div>
                    
                
                <div class="container col-sm-3 form-group">
                    <label for="capacitacion">
                        <h2>Capacitacion</h2>
                    </label>
                    <select class="custom-select mb-3" name="capacitacion" id="capacitacion">
                        <option value="" >Seleccionar</option>
                        @if ($nombrecliente[0]->capacitacion == "si" ||  $nombrecliente[0]->capacitacion  =="Si" )
                          <option value="si" selected>si</option>
                          <option value="no" >no</option>
                        @else 
                        <option value="si" >si</option>
                         <option value="no" selected>no</option>
                        @endif
                    
                    </select>
                </div>
                <div class="container col-sm-3 form-group">
                    <label for="cantidad_equipos">
                        <h2>Cantidad de equipos</h2>
                    </label>
                    <input type="text" class="form-control" id="cantidad_equipos" placeholder="Cantidad de equipos" name="cantidad_equipos" value="{{$nombrecliente[0]->cantidad_equipos}}" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
                </div>
                <div class="container col-sm-3 form-group">
                    <label for="">
                        <h2>Valor usuario adicional (UF)</h2>
                    </label>
                    <input type="text" class="form-control" id="costo_usuarioadicional" placeholder="Valor por usuario adicional UF" name="costo_usuarioadicional" value="{{$nombrecliente[0]->costo_usuarioadicional}}" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
                </div>
                <div class="container col-sm-3 form-group">
                    <label for="">
                        <h2>Valor Kilometro (CLP)</h2>
                    </label>
                    <input type="text" class="form-control" id="valor_kilometros" placeholder="$300" name="valorKilometro" value="{{$nombrecliente[0]->valor_kilometro}}" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
                </div>

                <div class="container">
                    <hr class="linea">
                </div>

                <!-- Costos primera visita -->
            <div class="container">  
                <div class="mb-3">
                    <button type="button" class="btn btn-sm btn-block btn-info">
                        <a style="text-decoration:none; color: white !important;" title="modificar" data-toggle="modal" data-target="#modalAnadirVisita"><h2>Añadir visita</h2></a>
                    </button>
                </div>
                <table class="table table-sm table-bordered table-responsive-lg table-striped table-hover">
                    <!--ENCABEZADO-->
                    <thead>
                        <tr>
                            <th class="container-2">
                                <h3>Numero de visita</h3>
                            </th>
                            <th class="container-1">
                                <h3>Descripcion</h3>
                            </th>
                            <th class="container-1">
                                <h3>Fecha de creacion</h3>
                            </th>
                            <th>
                                <h3>Accion</h3>
                            </th>
                        </tr>
                    </thead>
                    <!--FIN ENCABEZADO-->
                    <!--RESULTADOS-->
                    <tbody>
                        @if(!empty($datoscostos ))
                        @foreach ($datoscostos as $los_datos)
                        <tr>
                            <td>{{$los_datos->numero_visita ?? ''}}</td>
                            <!--<td>{{$los_datos->nombre ?? ''}}</td> -->
                            <td>{{$los_datos->costo_descripcion}}</td>
                            <td>
                                {{Carbon\Carbon::createFromDate($los_datos->fecha_registro)->format('d-m-Y')}}
                            </td>
                            <td>
                                <a title="modificar" role="button" href="#"><img src="{{ asset('Botones/Botones/btneditaraya.png') }}" width="24px" height="auto" data-id="{{$los_datos->id}}" class="editarvisita"></a>
                            </td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>



                
                <div class="container">
                    <hr class="linea">
                </div>

                <div class="container mb-3">
                    <div class="row">
                        <div class="col-6">
                            <label for="">Costo</label>
                            <input type="text" class="form-control" id="" value="{{$nombrecliente[0]->costo_proyecto}}"  placeholder="$10000" name="costo_proyecto">
                        </div>
              

               
                    </div>
                    </div>
                    
                </div>

                <div class="contenido"></div>
                <div class="container">
                    <hr class="linea">
                </div>
                <div class="container form-group">
                    <button class="btn btn-rechazar btn-addBody" type="" style="display: none;">Añadir DIV al BODY</button>
               
                    <button class="btn btn-guardar float-sm-right guardar" type="submit">GUARDAR</button><br><br>
                </div>
            </div>
            <!-- FIN BARRA DE BUSQUEDA -->
        </div>
    </div>
</form>


<!-- Modal  costos-->
<div class="modal" id="modalcostos" data-backdrop="static">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3>Cambiar Costos</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container" style="margin-top: 50px; margin-bottom: 50px">
                 
                    <div class="row">
                        <!-- Fila 3 ------------------------------------------------------>
                        <div class="form-group col-6">
                            <label for="costo_habilitacion">
                                <h2>Habilitación</h2>
                            </label>
                            <input type="text" class="mont form-control" id="costo_habilitacion2" value="" placeholder="" name="costo_habilitacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_instalacion">
                                <h2>Instalación accesorios</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_instalacion2" value="" placeholder="" name="costo_instalacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_capacitacion">
                                <h2>Capacitación</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_capacitacion2" value="" placeholder="" name="costo_capacitacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_retiro">
                                <h2>Retiro</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_retiro2" value="" placeholder="" name="costo_retiro" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_actualizacion">
                                <h2>Actualización firmware</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_actualizacion2" value="" placeholder="" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" name="costo_actualizacion" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_cortesia">
                                <h2>Cortesía</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_cortesia2" value="" placeholder="" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" name="costo_cortesia" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_garantia">
                                <h2>Garantía</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_garantia2" value="" placeholder="" name="costo_garantia" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-6">
                            <label for="costo_otros">
                                <h2>Otros</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_otros" value="" placeholder="" name="costo_otros" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                    </div>
                    <!-- Costos adicionales -->
                    {{-- <div class="form-row">
                        <div class="col-md-12">
                            <h2><strong>Costos Adicionales</strong></h2>
                        </div>
                        <!-- Fila 3 ------------------------------------------------------>
                        <div class="form-group col-md-2">
                            <label for="costo_cortesia">
                                <h2>Cortesía</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_cortesia2" value="" placeholder="" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" name="costo_cortesia" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="costo_garantia">
                                <h2>Garantía</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_garantia2" value="" placeholder="" name="costo_garantia" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="costo_capacitacion">
                                <h2>Capacitación</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_capacitacionadicional2" value="" placeholder="" name="costo_capacitacionadicional" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="costo_retiro">
                                <h2>Retiro</h2>
                            </label>
                            <input type="text" class="monto form-control" id="costo_retiroadicional2" value="" placeholder="" name="costo_retiroadicional" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                        </div>
                    </div "> --}}
                    {{-- <div class="col-md-12">
                        <label for="">
                            <h2>Costo Proyecto</h2>
                        </label>
                        <input type="hidden" class="form-control" id="id_visita" value="" readonly>
                        <input type="number" class="form-control" id="costos_cambio" value="" readonly placeholder="">
                        <span id="elemneto1" style="display:none">TOTAL: $</span><span id="spTotal"></span>
                    </div> --}}
                    <input type="hidden" class="form-control" id="id_visita" value="" readonly>
                    <input type="hidden" value="{{Crypt::encryptString($nombrecliente[0]->id ?? '')}}" id="idProyecto">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" id="cambiarcostos">Guardar</button>
            </div>
        </div>
    </div>
</div>
<!--MODAL AÑADIR VISITA----------------------------------------->
<div class="modal fade" id="modalAnadirVisita" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
     <form action="{{route('go.agregar_visita')}}" method="post">
        <div class="modal-content">
            
            <div class="modal-header">
                <h3>Nueva visita</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
              
                    @csrf
                    <div class="container-fluid">
                        <div class="container">
                            <div class="row " style="height: auto">
                                <!-- Costos primera visita -->
                                
                               
                                    <!-- Fila 3 ------------------------------------------------------>
                                    <div class="col-6">
                                        <label for="costo_habilitacion">
                                            <h2>Habilitación</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_habilitacion" placeholder="UF" name="costo_habilitacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>

                                    <div class="col-6">
                                        <label for="costo_instalacion">
                                            <h2>Instalación accesorios</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_instalacion" placeholder="UF" name="costo_instalacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>

                                    <div class="col-6">
                                        <label for="costo_capacitacion">
                                            <h2>Capacitación</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_capacitacion" placeholder="UF" name="costo_capacitacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>

                                    <div class="col-6">
                                        <label for="costo_retiro">
                                            <h2>Retiro</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_retiro" placeholder="UF" name="costo_retiro" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>

                                    <div class="col-6">
                                        <label for="costo_actualizacion">
                                            <h2>Actualización firmware</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_actualizacion" placeholder="UF" name="costo_actualizacion" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>
                             
                                <!-- Costos adicionales -->
                               
                                    
                                    <!-- Fila 3 ------------------------------------------------------>
                                    <div class="col-6">
                                        <label for="costo_cortesia">
                                            <h2>Cortesía</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_cortesia" placeholder="UF" name="costo_cortesia" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>

                                    <div class="col-6">
                                        <label for="costo_garantia">
                                            <h2>Garantía</h2>
                                        </label>
                                        <input type="text" class="monto2 form-control" id="costo_garantia" placeholder="UF" name="costo_garantia" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar2();">
                                    </div>
                                    <div class="form-group col-6">
                                        <label for="costo_otros">
                                            <h2>Otros</h2>
                                        </label>
                                        <input type="text" class="monto form-control" id="costo_otros" value="" placeholder="UF" name="costo_otros" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">
                                    </div>

                    
                              
                               
                                    <div class="col-sm-6">
                                        <label for="">
                                            <h2>Numero de visita</h2>
                                        </label>
                                        @foreach($ultimavisita as $datos)
                                            <input type="text" id="numero_visita" value="{{$datos->numero_visita + 1}}" name="numero_visita" readonly class="form-control" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
                                        @endforeach
                                    </div>
                                <input type="hidden" value="{{Crypt::encryptString($nombrecliente[0]->id ?? '')}}" name="id_proyeecto">
                            </div>
                        </div>
                    </div> 
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary" id="cambiarcostosusuarioadicional">Guardar</button>
            </div>
        </div>
     </form>
    </div>
</div>


  <!-- Modal -->
  <div class="modal fade" id="modal_foto" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
         
        </div>
        <div class="modal-body" style="text-align: center">
              
                <img src="{{ asset ("img/logo/".$nombrecliente[0]->url_logo ?? '') }}" width="200" height="200" style="text-align: right" >

                
        </div>
        <div class="modal-footer">
      
        </div>
      </div>
      
    </div>
  </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<script>
    $(document).ready(function() {


        $("#cambiarcostos").click(function() {
            id_visita = $("#id_visita").val();
            costototal = $("#costos_cambio").val();
            costo_habilitacion = $("#costo_habilitacion2").val();
            costo_instalacion = $("#costo_instalacion2").val();
            costo_capacitacion = $("#costo_capacitacion2").val();
            costo_retiro = $("#costo_retiro2").val();
            costo_actualizacion = $("#costo_actualizacion2").val();
            costo_cortesia = $("#costo_cortesia2").val();
            costo_garantia = $("#costo_garantia2").val();
            costo_capacitacionadicional = $("#costo_capacitacionadicional2").val();
            costo_retiroadicional = $("#costo_retiroadicional2").val();
            costo_otros = $("#costo_otros").val();
            idProyecto = $("#idProyecto").val();
            var _token = $('input[name="_token"]').val();

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('cambiodecostos') }}",
                type: "post",
                data: {
                    'id_visita': id_visita,
                    'costototal': costototal,
                    'costo_habilitacion': costo_habilitacion,
                    'costo_instalacion': costo_instalacion,
                    'costo_capacitacion': costo_capacitacion,
                    'costo_retiro': costo_retiro,
                    'costo_actualizacion': costo_actualizacion,
                    'costo_cortesia': costo_cortesia,
                    'costo_garantia': costo_garantia,
                    'costo_otros' : costo_otros,
                    'idProyecto': idProyecto
                },

                success: function(response) {

                   // alert(response);
                    // $("#idcostos").val(response);
                    // console.log(response);
                $('#modalcostos').modal('toggle');

                },
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                }
            })
        });
    });
</script>

<script>

$(document).ready(function() {
        $('.editarvisita').click(function() {
            var id = $(this).attr("data-id");
            var _token = $('input[name="_token"]').val();
            $("#modalcostos").modal('show');
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                method: "POST",
                url: "{{route('go.ver_datos')}}",
                data: {
                    'id': id,
                    _token: _token
                },
                success: function(data) {
                    $("#costo_habilitacion2").val(data.costo_habilitacion);
                    $("#costo_instalacion2").val(data.costo_instalacionaccesorios);
                    $("#costo_capacitacion2").val(data.costo_capacitacion);
                    $("#costo_retiro2").val(data.costo_retiro);
                    $("#costo_actualizacion2").val(data.costo_actualizacionfirmware);
                    $("#costo_cortesia2").val(data.costo_cortesia);
                    $("#costo_garantia2").val(data.costo_garantia);
                    $("#costo_capacitacionadicional2").val(data.costo_capacitacionadicional);
                    $("#costo_capacitacion2").val(data.costo_capacitacion);
                    $("#costo_retiroadicional2").val(data.costo_retiroadicional);
                    $("#costos_cambio").val(data.costo_total);
                    $("#costo_otros").val(data.costo_otros);
                    $("#id_visita").val(data.id);


                },
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                }
            });

        });
    });


    $(document).ready(function() {
        var num = 1;
        $('.btn-addBody').click(function() {
            num++;
            $('.contenido').append(
                '<div class="container">'+ '<hr class="linea">'+ '</div>'+
                '<div class="col-sm-6">' +
                '<h2><strong>Costos segunda visita</strong></h2>' +
                '<div class="">' +
                '<label for="costo_habilitacion">' +
                '<h2>Habilitación</h2>' +
                '</label>' +
                '<input type="text" class="monto" id="costo_habilitacion2" placeholder="UF" name="$num" maxlength="9" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onkeyup="sumar();">' +
                '</div>'
            );
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        var maxField = 10; // Numero maximo de campos
        var addButton = $('#add_button'); // Selector del boton de Insertar
        var wrapper = $('.field_wrapper'); // Contenedor de campos
        var fieldHTML = '<div><input type="text" class="form-control" name="field_name[]" value=""/><a href="javascript:void(0);" class="remove_button" title="Remove field"></a></div>'; //New input field html
        var x = 1; // Iniciamos el contador a 1
        $(addButton).click(function() { // Una vez que se haga clic en el boton
            if (x < maxField) { //Comprobamos el maximo
                x++; //Increment field counter
                $(wrapper).append(fieldHTML); // Añadimos el HTML
            }
        });
        $(wrapper).on('click', '.remove_button', function(e) { // Una vez se ha hecho clic en el boton de eliminar
            e.preventDefault();
            $(this).parent('div').remove(); //Eliminamos el div
            x--; // Reducimos el contador a 1
        });
    });
</script>
<script>
    function suma(valor) {
        var total = 0;
        valor = parseInt(valor); // Convertir el valor a un entero (número).

        total = document.getElementById('spTotal').innerHTML;

        // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
        total = (total == null || total == undefined || total == "") ? 0 : total;

        /* Esta es la suma. */
        total = (parseInt(total) + parseInt(valor));

        // Colocar el resultado de la suma en el control "span".
        document.getElementById('spTotal').innerHTML = total;
       // $('#costos_cambio').val(total);
    }
</script>
<script>
    function sumar() {

        var total = 0;

        $(".monto").each(function() {

            if (isNaN(parseFloat($(this).val()))) {

                total += 0;

            } else {

                total += parseFloat($(this).val());

            }

        });

        //alert(total);
        //document.getElementById('spTotal').innerHTML = total;
        // $('#costos_cambio').val(total);
    }
</script>
@endsection