{{-- @extends('layouts.app') --}}
@extends('layouts.sidebar')

@section('content')
    <div class="container">

        <form action="{{ route('ordendetrabajo.manualstore') }}" method="POST">
            @csrf
        {{-- Session 1 --}}
        <div class="row card" id="datosequipo" style="display: ">
            <div class="card-header">
                Datos del equipo
            </div>

            <div class="card-body">

                <div class="container">
                    <div class="row">
                        <div class="col-md m-2">
                            <label for="">Buscar Patente/Serie</label>
                            <input type="text" class="form-control" value="" id="equipo">
                            <div class="col-2 form-group" id="">
                                <table class="table table-hover">
                                    <tbody id="tableequipo"></tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-md m-2">
                            <label for="">Persona responsable</label>
                            <input type="text" name="responsable" id="equipo_responsable" class="form-control" value="">
                        </div>
                        
                    </div>
                    <div class="row">


                        <div class="col-md m-2">
                            <label for="">Modelo</label>
                            <input type="text" id="equipo_modelo" name="equipo_modelo" class="form-control" value="">
                        </div>
                        <div class="col-md m-2">
                            <label for="">Patente</label>
                            <input type="text" id="equipo_patente" name="equipo_patente" class="form-control" value="">
                        </div>
                        <div class="col-md m-2">
                            <label for="">Marca</label>
                            <input type="text" id="equipo_marca" name="equipo_marca" class="form-control" value="">
                        </div>
                        <div class="col-md m-2">
                            <label for="">Motor</label>
                            <input type="text" id="equipo_motor" name="equipo_motor"  class="form-control" value="">
                        </div>
                        <div class="row">


                            <div class="col-md m-2">
                                <label for="">Año</label>
                                <input type="text" id="equipo_ano" name="equipo_ano" class="form-control" value="">
                            </div>
                            <div class="col-md m-2">
                                <label for="">Serie</label>
                                <input type="text" id="equipo_serie"  name="equipo_serie"class="form-control" value="">
                            </div>
                            <div class="col-md m-2">
                                <label for="">Combustible</label>
                                <select class="form-control mayuscula"  id="equipo_combustible"  name="combustible"
                                    id="combustible">
                                    <option value="">Seleccionar</option>
                                    @if (!empty($combustibles))
                                        @foreach ($combustibles as $data)
                                            <option value="{{ $data->id }}">
                                                {{ $data->nombre }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>

                            <div class="col-md m-">
                                <label for="">Chofer</label>
                                <input type="checkbox" name="movil" id="movil">
                                <select class="form-control mayuscula" style="display: none" id="equipo_chofer" 
                                    name="choferselect" id="choferselect">
                                    <option value="">Seleccionar</option>
                                    @if (!empty($datosChofer))
                                        @foreach ($datosChofer as $data)
                                            <option value="{{ $data->id_user }}">
                                                {{ $data->nombre }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

            </div>



            <div style="text-align: right">
                <input type="button" value="Siguiente" onclick="siguiente(1)" class="m-2">
            </div>
        </div> {{-- fin del card --}}


        {{-- Session 2 --}}
        <div class="row card" id="servivioyrepuestos" style="display:none ">
            <div class="card-header">
                Servicios y Repuestos
            </div>

            <div class="card-body">



                <div class="row">

                   
                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Operario encargado</label>
                        <select  class="form-control mayuscula" name="operario" id="operario">
                            <option value="">Seleccionar</option>
                            @if (!empty($operarios))
                                @foreach ($operarios as $data)
                                    <option value="{{ $data->id_user }}"
                                        {{ old('operario') == $data->id_user ? 'selected' : '' }}>{{ $data->nombre }}
                                        {{ $data->apellido }}</option>
                                @endforeach
                            @endif
                        </select>

                    </div>


                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Fecha entrega</label>
                        <input type="date" value="{{ $cliente[0]->fecha_entrega ?? '' }}"  class="form-control"
                            id="" placeholder="" name="fecha_entrega">
                    </div>

                    <div class="mb-3 col-13">
                        <label for="" class="form-label">Comentario</label>

                        <textarea name="comentario" class="form-control" id="" cols="3" rows="3"></textarea>

                    </div>

                    <div class="col-12 form-group">
                        <h5 for="">Servicio</h5>
                        <input type="" class="form-control mayuscula" id="nombre_servicio" placeholder="Servicio"
                            name="" value="">
                    </div>
                    <div class="col-12 form-group" id="">
                        <table class="table table-hover">
                            <tbody id="tableservicios"></tbody>
                        </table>
                    </div>


                    <div>
                        <table class="table table-hover">
                            <thead class="bg-light">
                                <th scope="col">Servicios</th>
                                <th scope="col">Descripcion</th>
                                <th scope="col">Cantidad</th>
                                <th scope="col">Neto</th>
                                {{-- <th scope="col">Descuento</th> --}}
                                <th scope="col">Total</th>

                                <th scope="col">Acciones</th>


                            </thead>

                            <tbody id="tabla_servicios_selecionados">

                            </tbody>
                        </table>
                        <input type="text" hidden id="arrayDatosTabla" name="arrayDatosTabla">
                    </div>

                </div>{{-- fin del row --}}
                <hr>

                <div class="row">

                    <div class="col-12 form-group">
                        <h5 for="">Repuestos solicitados</h5>
                        <input type="" class="form-control mayuscula" id="nombre_repuesto"
                            placeholder="Repuestos solicitados" name="" value="">
                    </div>
                    <div class="col-12 form-group" id="">
                        <table class="table table-hover">
                            <tbody id="tablerepuestos"></tbody>
                        </table>
                    </div>


                    <div>
                        <table class="table table-hover">
                            <thead class="bg-light">
                                <th scope="col">Repuesto</th>
                                <th scope="col">Categoria</th>
                                <th scope="col">Cantidad</th>


                                <th scope="col">Acciones</th>


                            </thead>

                            <tbody id="tabla_repuesto_selecionados">

                            </tbody>
                        </table>
                        <input type="" hidden id="arrayDatosTablaRepuestos" name="arrayDatosTablaRepuestos">
                    </div>

                </div>{{-- fin del row --}}




                <br>
                <br>
                <hr>
                <br>

                <div class="row">
                    <h4>Dastos Pago</h4>

                    <div>
                        <strong> <label for="">Neto:</label> </strong> <label for=""
                            id="l_neto"></label>
                    </div>

                    <div>
                        <strong>
                            <label for="">Descuento(%):
                                <a data-bs-toggle="modal" data-bs-target="#modalDescuento" >
                                    <span class="material-symbols-outlined">
                                        edit
                                    </span>
                                </a>

                            </label>
                        </strong>
                        <label for="" id="l_descuento"></label>
                    </div>
                    <div>
                        <strong> <label for="">Descuento total:</label> </strong> <label for=""
                            id="l_descuentoTotal"></label>
                    </div>
                    <div>
                        <strong>
                            <label for="">Abono:</label>
                            <a data-bs-toggle="modal" data-bs-target="#modalAbono" >
                                <span class="material-symbols-outlined">
                                    edit
                                </span>
                            </a>
                        </strong>
                        <label for="" id="l_abono"></label>
                    </div>

                    <div>
                        <strong> <label for="">Total:</label> </strong> <label for=""
                            id="l_total"></label>
                    </div>
                </div>{{-- fin del row --}}

                

                {{-- DATOS POR ENVIAR --}}
                <input type="text" hidden name="input_abono" id="input_abono">
                <input type="text" hidden name="input_descuento" id="input_descuento">
                <input type="text" hidden name="input_metodopago" id="input_metodopago">





                <div style="text-align: right">
                    <input type="button" value="Atras" onclick="atras(1)" class="m-2">

                    <input type="button" value="Siguiente" onclick="siguiente(2)" class="m-2">
                </div>
            </div> {{-- fin del card  session 3 --}}

        </div>

        {{-- Session 3 --}}
        <div class="row card" id="datosclientesse" style="display:none">
            <div class="card-header">
                Datos del cliente
            </div>

            <div class="card-body">
                <div class="col-md m-2">  <label for="">Cliente</label>
                    <div class="input-group"> <!-- Agregamos un div para el grupo de entrada -->
                       <input type="text" hidden name="id_cliente" id="id_cliente">
                        <input type="text" class="form-control" value=""  id="seleccionarclientes">
                        
                    </div>
                    <div class="col-2 form-group" id="">
                        <table class="table table-hover">
                            <tbody id="tablecliente"></tbody>
                        </table>
                    </div>
                </div>
                
                    <div class="row">
                        <div class="col-md m-2">
                            <label for="">Razón social</label>
                            <input type="text" name="cliente_razon_social" class="form-control" value="" required  id="cliente_razon_social">
                            
                        </div>
                        <div class="col-md m-2">
                            <label for="">Rut</label>
                            <input type="text" class="form-control" value="" required  name="cliente_rut" id="cliente_rut">
                            <span id="rut_span"  style="display: none"><label for="" id="error_rut"></label></span>
                            
                        </div> 
                        <div class="col-md m-2">
                            <label for="">giro</label>
                            <input type="text" name="cliente_giro" class="form-control" value="" required  id="cliente_giro">
                            
                        </div> 
                        <div class="col-md m-2">
                            <label for="">Telefono</label>
                            <input type="text" name="cliente_telefono" class="form-control" value="" required  id="cliente_telefono">
                            
                        
                    </div>


                    <div class="row">
                    </div> <div class="col-md m-2">
                        <label for="">Correo</label>
                        <input type="text" class="form-control" value=""   name="cliente_correo"   id="cliente_correo">
                        
                    </div>
                        <div class="col-md m-2">
                            <label for="">Direccion</label>
                            <input type="text" class="form-control" value="" required  name="cliente_direccion"  id="cliente_direccion">
                            
                        </div>
                        <div class="col-md m-2">
                            <label for="">Region</label>
                            <select  required class="form-control mayuscula" name="region" id="region">
                                <option value="">Seleccionar</option>
                                @foreach($regiones as $region)
                  
                                  @if(!empty($idregion)) 
                  
                                    @if($region->id == $idregion)
                                       <option selected value="{{$region->id}}" {{(old('region')==$region->id)? 'selected':''}}>{{$region->des_region}}</option>
                                    @else
                                       <option value="{{$region->id}}" {{(old('region')==$region->id)? 'selected':''}}>{{$region->des_region}}</option>
                  
                                    @endif
                                  @else
                                       <option value="{{$region->id}}" {{(old('region')==$region->id)? 'selected':''}}>{{$region->des_region}}</option>
                  
                                  @endif
                  
                                   @endforeach
                              </select>                            
                        </div> 
                        <div class="col-md m-2">
                            <label for="">comuna</label>
                            <select required class="form-control mayuscula" name="comuna" id="comuna">
                                <option value="">Seleccionar</option>
                  
                                  @if(!empty($comunasporregion))
                  
                                      @foreach($comunasporregion as $data)
                  
                                          @if(!empty($idcomuna ))
                  
                                            @if($data->id == $idcomuna)
                                                 <option selected value="{{$data->id}}" {{(old('comuna')==$data->id)? 'selected':''}}>{{$data->des_comuna}}</option>
                                            @else
                                                  <option value="{{$data->id}}" {{(old('comuna')==$data->id)? 'selected':''}}>{{$data->des_comuna}}</option>
                  
                                            @endif
                                          @else
                                              <option value="{{$data->id}}" {{(old('comuna')==$data->id)? 'selected':''}}>{{$data->des_comuna}}</option>
                  
                                          @endif
                  
                                      @endforeach
                                  @endif
                  
                              </select>                             
                        </div> 
                      
                        
                    </div>
                    {{-- <div class="row">
                        <div class="col-md m-2">
                            <label for="">observacion</label>
                          <textarea name="observacion" class="form-control" id="" required name="cliente_observacion"  cols="30" rows="10"></textarea>
                            
                        </div>
                    </div> --}}


                <div style="text-align: right">
                    <input type="button" value="Atras" onclick="atras(2)" class="m-2">

                    <input type="submit" value="Siguiente"  class="m-2">
                </div>
             
            </div> {{-- fin del card  session 23--}}

        </div>

    </form> 
        {{-- fin del container --}}
    </div>


{{-- //modals --}}

    <!-- Modal Descuento -->
    <div class="modal" id="modalDescuento">
        <div class="modal-dialog">
          <div class="modal-content">
    
            <!-- Modal Header -->
            <div class="modal-header">
              <h4 class="modal-title">Descuento Porcentaje</h4>
              <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
    
            <!-- Modal body -->
            <div class="modal-body">
             <div class="m-2">
                <input type="number" class="form-control" value="" id="porcentajeAplicado">
    
             </div>
             <div class="m-2" style="text-align: right">
                <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="aplicarDescuento();" >Aplicar</button>
    
             </div>
            </div>
          </div>
        </div>
      </div>

      {{-- MODAL ABONO --}}
  <div class="modal" id="modalAbono">
    <div class="modal-dialog">
      <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Abono</h4>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>

        <!-- Modal body -->
        <div class="modal-body">
         <div class="m-2">
            <label for="">Total</label>

            <input type="number" class="form-control" value="" id="abono">

         </div>
         <div class="m-2">
            <label for="">Medio de pago</label>
            <select name="" class="form-control" id="mediosPagosSelect">
                <option value="">Seleccionar</option>
                @if (!empty($medios_pagos))
                    @foreach ($medios_pagos as $data)
                        <option value="{{ $data->id }}"
                            {{ old('modopago') == $data->id ? 'selected' : '' }}>{{ $data->descripcion }}
                            {{ $data->apellido }}</option>
                    @endforeach
                @endif
            </select>

         </div>
         <div class="m-2" style="text-align: right">
            <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="aplicarAbono();" >Aplicar</button>

         </div>
        </div>



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

    <script>
        //VARIABLES GLOBALES
        //VARIABLES GLOBALES
        var resultadoServicios = "";
        var resultadoServiciosSeleccionados = [];
        var resultadoRepuestos = "";
        var resultadoRepuestosSeleccionados = [];
        var totalNetoCompra = 0;
        var TotalCompra = 0;
        var TotalPorcentajeCompra = 0;
        var TotalPorcentajeDescuento = 0;
        var totalAbono = 0;
        var metodoDePago = "";
        var arrayequipos = [];
        var arrayClientes= [];



       //validar rut
       function validar_rut_cliente(rut) {
        $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'GET',
            url: "{{ route('validarrut.clientes') }}",
            data: { 'rut': rut },
            success: function(data) {
               //1 rut existe
               console.log(data);
               if(data == 1){
                     $("#cliente_rut").val('');
                     $("#rut_span").css("display","")
                     $("#error_rut").text("Rut registrado");
                }else{
                    $("#rut_span").css("display","none")
                }
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });
    }


        $(document).ready(function() {
               //traemos las comunas de la region seleccionada
   $("#region").change(function(){
        buscar_comuna($("#region option:selected").val(),"#comuna");
    });
    $("#mediosPagosSelect").change(function () {
            // Obtener el valor seleccionado
            metodoDePago = $(this).val();

            // Realizar alguna acción con el valor seleccionado
            // console.log("Valor seleccionado: " + selectedValue);
            // Puedes hacer lo que necesites con el valor seleccionado aquí
        });

            //Validar rut
$("#cliente_rut").change(function(){
    //esta funcion (checkRut) se encuentra en funciones.js
      var resultado = checkRut( $("#cliente_rut").val());
        if(resultado == "Rut incorrecto"){
            $("#cliente_rut").val('');
            $("#rut_span").css("display","")
            $("#error_rut").text("Rut incorrecto");

        }else{
            $("#rut_span").css("display","none")
            validar_rut_cliente($("#cliente_rut").val());
        }
    });

    $('#cliente_rut').on('input', function() {
         $("#cliente_rut").val(add_guion_rut($("#cliente_rut").val()));
     });

            // Agrega un manejador de eventos para el evento keyup
            $('#nombre_servicio').on('keyup', function() {
                // Obtiene el valor del campo de entrada
                var valorIngresado = $(this).val();

                var data = @json($servicios);


                // Obtener el texto de búsqueda por teclado
                // var valorIngresado = prompt("Ingrese una letra para buscar servicios:");

                // Filtrar los elementos por nombre o SKU que contengan la letra ingresada
                resultadoServicios = $.grep(data, function(servicio) {
                    // Comparar el nombre y el SKU en minúsculas para que la búsqueda sea insensible a mayúsculas/minúsculas
                    var nombreLowerCase = servicio.nombre_servicio.toLowerCase();
                    var skuLowerCase = servicio.sku.toLowerCase();
                    var letraBusqueda = valorIngresado.toLowerCase();

                    return nombreLowerCase.includes(letraBusqueda) || skuLowerCase.includes(
                        letraBusqueda);
                });

                $('#tableservicios').empty();

                if (valorIngresado != "") {

                    $(resultadoServicios).each(function(i, v) {
                        $('#tableservicios').append(
                            '<tr><td class="agregar" onclick="agregar2(' + v.id + ')">' + v
                            .nombre_servicio.toUpperCase() + '</td></tr');
                    })
                } else {
                    $('#tableservicios').empty();

                }
                // console.log(resultadoServicios);


            });

            // Agrega un manejador de eventos para el evento keyup
            $('#nombre_repuesto').on('keyup', function() {
                // Obtiene el valor del campo de entrada
                var valorIngresado = $(this).val();

                var data = @json($repuestos);


                // Obtener el texto de búsqueda por teclado
                // var valorIngresado = prompt("Ingrese una letra para buscar servicios:");

                // Filtrar los elementos por nombre o SKU que contengan la letra ingresada
                resultadoRepuestos = $.grep(data, function(servicio) {
                    // Comparar el nombre y el SKU en minúsculas para que la búsqueda sea insensible a mayúsculas/minúsculas
                    var nombreLowerCase = (servicio.nombre || '').toLowerCase();
                    var skuLowerCase = (servicio.categoria || '').toLowerCase();
                    var letraBusqueda = valorIngresado.toLowerCase();

                    return nombreLowerCase.includes(letraBusqueda) || skuLowerCase.includes(
                        letraBusqueda);
                });


                $('#tablerepuestos').empty();

                if (valorIngresado != "") {

                    $(resultadoRepuestos).each(function(i, v) {
                        $('#tablerepuestos').append(
                            '<tr><td class="agregar" onclick="agregarRepuesto(' + v.id + ')">' +
                            v
                            .nombre.toUpperCase() + '</td></tr');
                    })
                } else {
                    $('#tablerepuestos').empty();

                }
                // console.log(resultadoServicios);


            });

            // Agregar un controlador de eventos para cambiar el estado de la casilla de verificación
            $("#movil").click(function() {


                var estaMarcado = $("#movil").prop("checked");

                if (estaMarcado) {
                    $("#equipo_chofer").css("display", "");
                } else {
                    $("#equipo_chofer").css("display", "none");
                }
               
            });

            // Agrega un manejador de eventos para el evento keyup
            $('#equipo').on('keyup', function() {
                // Obtiene el valor del campo de entrada
                var valorIngresado = $(this).val();

                var data = @json($equipos);

                arrayequipos = @json($equipos);
                // console.log(data);

                // Obtener el texto de búsqueda por teclado
                // var valorIngresado = prompt("Ingrese una letra para buscar servicios:");

                // Filtrar los elementos por nombre o SKU que contengan la letra ingresada
                var resultadoRepuestos = $.grep(data, function(equipo) {
    // Comparar el nombre y el SKU en minúsculas para que la búsqueda sea insensible a mayúsculas/minúsculas
    var serieLowerCase = (equipo.serie || '').toLowerCase(); // Si serie es null, se establece como cadena vacía
    var patenteLowerCase = (equipo.patente || '').toLowerCase(); // Si patente es null, se establece como cadena vacía
    var nomBusqueda = valorIngresado.toLowerCase();

    return serieLowerCase.includes(nomBusqueda) || patenteLowerCase.includes(nomBusqueda);
});

                console.log(resultadoRepuestos);

                $('#tableequipo').empty();

                if (valorIngresado != "") {



                    $(resultadoRepuestos).each(function(i, v) {
                        var patente = v.patente ? v.patente : "";
var serie = v.serie ? v.serie : "";
                        $('#tableequipo').append(
                            '<tr><td class="agregar" onclick="selecionarEquipo(' + v.id +
                            ')">' +
                            patente +" (" +serie  +")"+ '</td></tr');
                    })
                } else {
                    $('#tableequipo').empty();

                }



            });


            // CLIENTE

 // Agrega un manejador de eventos para el evento keyup
            $('#seleccionarclientes').on('keyup', function() {
                // Obtiene el valor del campo de entrada
                var valorIngresado = $(this).val();

                var data = @json($clientes);

                arrayClientes = @json($clientes);
                 console.log(data);

                // Obtener el texto de búsqueda por teclado
                // var valorIngresado = prompt("Ingrese una letra para buscar servicios:");

               //  Filtrar los elementos por nombre o SKU que contengan la letra ingresada
               var resultadoRepuestos = $.grep(data, function(datos) {
                var razon_socialLowerCase = (datos.razon_social || '').toLowerCase();
                var rutLowerCase = (datos.rut || '').toLowerCase();
                var nomBusqueda = valorIngresado.toLowerCase();

                return razon_socialLowerCase.includes(nomBusqueda) || rutLowerCase.includes(nomBusqueda);
            }).slice(0, 3);

                console.log(resultadoRepuestos);

                 $('#tablecliente').empty();

                 if (valorIngresado != "") {

                     $(resultadoRepuestos).each(function(i, v) {
                         $('#tablecliente').append(
                             '<tr><td class="agregar" onclick="seleccionarCliente(' + v.id +
                             ')">' +
                             v.razon_social +"(- "+ v.rut+")" + '</td></tr');
                     })
                 } else {
                     $('#tablecliente').empty();

                 }



            });
            //seleccionar los clientes
            
        });
    //buscar comuna
    function buscar_comuna(id_region, id_comunas, direccion = "") {
        $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'GET',
            url: "{{ route('buscar_comunas') }}",
            data: { 'id_region': id_region },
            success: function(data) {
              
                $(id_comunas).empty();
                $.each(data, function(id, comuna_nombre_array) {
                $(id_comunas).append('<option value=' + comuna_nombre_array.id + '>' + comuna_nombre_array.des_comuna + '</option>');
                });
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });

    }
        function seleccionarCliente(data){
            console.log(data);
            $('#tablecliente').empty();

            $.each(arrayClientes, function(index, objeto) {
                if (objeto.id === data) {
                    $("#cliente_nombre").val(objeto.nombre);
                    $("#cliente_rut").val(objeto.rut);
                    $("#id_cliente").val(objeto.id_cliente);

                    
                    $("#cliente_razon_social").val(objeto.razon_social);
                    $("#cliente_correo").val(objeto.correo);
                    $("#cliente_telefono").val(objeto.telefono);
                    $("#cliente_giro").val(objeto.giro);

                    

                     $("#cliente_direccion").val(objeto.nombre_direccion);
                     $("#region").val(objeto.idregion);

                     $("#comuna").val(objeto.comunas_id);

                    // $("#equipo_patente").val(objeto.patente);
                    // $("#equipo_marca").val(objeto.marca);
                    // $("#equipo_motor").val(objeto.motor);
                    // $("#equipo_ano").val(objeto.ano);
                    // $("#equipo_serie").val(objeto.serie);
                    // $("#equipo_combustible").val(objeto.combustible_id);





                }
            });
        
        }


        function eliminarFilaRepuesto(dataId) {
            const buscarRepuesto = resultadoRepuestosSeleccionados.findIndex(objeto => objeto.id === dataId);

            if (buscarRepuesto !== -1) {
                // Si el objeto con "id" 5 existe, eliminarlo
                resultadoRepuestosSeleccionados.splice(buscarRepuesto, 1);
                calcularTotalTableRepuestos();
            }
        }

        function eliminarFilaServicio(dataId) {
            const buscarServicio = resultadoServiciosSeleccionados.findIndex(objeto => objeto.id === dataId);

            if (buscarServicio !== -1) {
                // Si el objeto con "id" 5 existe, eliminarlo
                resultadoServiciosSeleccionados.splice(buscarServicio, 1);
                calcularTotalTable();
            }
        }


        function agregarRepuesto(data) {

            $('#tablerepuestos').empty();
            $('#nombre_repuesto').val("");




            // console.log(resultadoServicios);
            const repuestoSeleccionado = resultadoRepuestos.find(objeto => objeto.id === data);

            repuestoSeleccionado.cantidad = 1;
            // servicioSeleccionado.total= servicioSeleccionado.precio_neto * 1;
            //guardamos en un array

            console.log("aaaaa Revisar::");
            console.log(repuestoSeleccionado.id);

            const buscarRepuesto = resultadoRepuestosSeleccionados.find(objeto => objeto.id === repuestoSeleccionado.id);

            if (buscarRepuesto) {

                buscarRepuesto.cantidad = buscarRepuesto.cantidad + 1;
            } else {
                resultadoRepuestosSeleccionados.push(repuestoSeleccionado);

            }

            calcularTotalTableRepuestos();
            // $('#tabla_servicios_selecionados').append('<tr><td>' + servicioSeleccionado.nombre_servicio + '</td></tr>');

            //console.log(repuestoSeleccionado);
        }


        function agregar2(data) {
            $('#tableservicios').empty();
            $('#nombre_servicio').val("");




            console.log(resultadoServicios);
            const servicioSeleccionado = resultadoServicios.find(objeto => objeto.id === data);

            servicioSeleccionado.cantidad = 1;
            // servicioSeleccionado.total= servicioSeleccionado.precio_neto * 1;
            //guardamos en un array

            const buscarServicio = resultadoServiciosSeleccionados.find(objeto => objeto.id === servicioSeleccionado.id);

            if (buscarServicio) {

                buscarServicio.cantidad = buscarServicio.cantidad + 1;
            } else {
                resultadoServiciosSeleccionados.push(servicioSeleccionado);

            }
            // resultadoServiciosSeleccionados.push(servicioSeleccionado);

            calcularTotalTable();
            // $('#tabla_servicios_selecionados').append('<tr><td>' + servicioSeleccionado.nombre_servicio + '</td></tr>');

            console.log(servicioSeleccionado);
        }


        function cambiodevalormanualrepuestos(id,inputElement){
    var nuevoValor = inputElement.value;
            $.each(resultadoRepuestosSeleccionados, function(index, objeto) {
                if (objeto.id === id) {
                    objeto.cantidad = nuevoValor; // Puedes establecer cualquier valor inicial para "cantidad"
                     }
                });

                calcularTotalTableRepuestos();
        }
        function sumar_repuesto(data) {
            $.each(resultadoRepuestosSeleccionados, function(index, objeto) {
                if (objeto.id === data) {
                    objeto.cantidad = parseInt(objeto.cantidad) +1; // Puedes establecer cualquier valor inicial para "cantidad"
                }
            });


            calcularTotalTableRepuestos();
        }

        function restar_repuesto(data) {
            $.each(resultadoRepuestosSeleccionados, function(index, objeto) {
                if (objeto.id === data) {

                    if (objeto.cantidad > 1) {
                        objeto.cantidad = objeto.cantidad - 1;
                    }
                    // Puedes establecer cualquier valor inicial para "cantidad"
                }
            });
            calcularTotalTableRepuestos();

        }

        //servicios
        function sumar(data) {
            $.each(resultadoServiciosSeleccionados, function(index, objeto) {
                if (objeto.id === data) {
                    objeto.cantidad = parseInt(objeto.cantidad) +1; // Puedes establecer cualquier valor inicial para "cantidad"
                }
            });


            calcularTotalTable();
        }

        function restar(data) {
            $.each(resultadoServiciosSeleccionados, function(index, objeto) {
                if (objeto.id === data) {

                    if (objeto.cantidad > 1) {
                        objeto.cantidad = objeto.cantidad - 1;
                    }
                    // Puedes establecer cualquier valor inicial para "cantidad"
                }
            });
            calcularTotalTable();

        }

        function calcularTotalTableRepuestos() {
            $('#tabla_repuesto_selecionados').empty();

            console.log("resultadoRepuestosSeleccionados");
            console.log(resultadoRepuestosSeleccionados);

            $.each(resultadoRepuestosSeleccionados, function(index, objeto) {





                var tr = "<tr>";
                tr += "<td>" + (objeto.nombre || '').toUpperCase() + "</td>";
                tr += "<td>" + (objeto.categoria || '').toUpperCase() + "</td>";
                tr += "<td>" + "<input type='button' value='-'  onclick='restar_repuesto(" + objeto.id + ")' >" +
                    "<input  type='text' onchange='cambiodevalormanualrepuestos("+objeto.id+",this)' onkeypress='soloNumeros(event)' class='narrow-input' value='" + objeto.cantidad +
                    "' id='valores_repuestos" + objeto
                    .id + "'>" + "<input type='button' onclick='sumar_repuesto(" + objeto.id + ")'  value='+'>" +
                    "</td>";

                tr += "<td>" + '<a  onclick="eliminarFilaRepuesto(' + objeto.id + ')"  >' + "Eliminar" + "</a>" +
                    "</td>";
                tr += "</tr>";

                $('#tabla_repuesto_selecionados').append(tr);

            });
            $('#arrayDatosTablaRepuestos').val(JSON.stringify(resultadoRepuestosSeleccionados));



        }

        //CALCULOS
function cambiodevalormanual(id,inputElement){
    var nuevoValor = inputElement.value;

    console.log(id);
    console.log(nuevoValor);

                $.each(resultadoServiciosSeleccionados, function(index, objeto) {
                if (objeto.id === id) {
                    objeto.cantidad =nuevoValor; // Puedes establecer cualquier valor inicial para "cantidad"
                }
            });

    calcularTotalTable();
}
        function aplicarAbono() {

            totalAbono = $("#abono").val();
            // $("#l_descuento").text(descuentoPorcentaje+"%");
            calcularTotalTable();

        }

        function aplicarDescuento() {

            TotalPorcentajeDescuento = $("#porcentajeAplicado").val();
            // $("#l_descuento").text(descuentoPorcentaje+"%");
            calcularTotalTable();

        }

        function calcularTotalTable() {
            $('#tabla_servicios_selecionados').empty();
            var total = 0;
            var neto = 0;


            $.each(resultadoServiciosSeleccionados, function(index, objeto) {


                objeto.total = objeto.precio_neto * objeto.cantidad;

                total = total + objeto.total;
                neto = neto + objeto.precio_neto * objeto.cantidad;



                var tr = "<tr>";
                tr += "<td>" + (objeto.nombre_servicio || '').toUpperCase() + "</td>";
                tr += "<td>" + (objeto.descripcion || '').toUpperCase() + "</td>";
                tr += "<td>" + "<input type='button' value='-'  onclick='restar(" + objeto.id + ")' >" +
                    "<input type='text' onchange='cambiodevalormanual("+objeto.id+",this)' class='narrow-input' onkeypress='soloNumeros(event)' value='" + objeto.cantidad + "' id='valores" + objeto
                    .id + "'>" + "<input type='button' onclick='sumar(" + objeto.id + ")'  value='+'>" + "</td>";
                tr += "<td>" + formatNumberWithCommas(objeto.precio_neto) + "</td>";
                //  tr += "<td>" + 2+"</td>";
                tr += "<td>" + formatNumberWithCommas(objeto.total) + "</td>";
                tr += "<td>" + '<a  onclick="eliminarFilaServicio(' + objeto.id + ')"  >' + "Eliminar" + "</a>" +
                    "</td>";
                tr += "</tr>";

                $('#tabla_servicios_selecionados').append(tr);

            });
            $('#arrayDatosTabla').val(JSON.stringify(resultadoServiciosSeleccionados));




            //calculamos los totales

            // Calcular el descuento
            var descuento = (neto * TotalPorcentajeDescuento) / 100;


            // Calcular el nuevo precio después del descuento totalAbono
            var precioConDescuento = neto - descuento;


            //completamos los Label
            $("#l_neto").text(formatNumberWithCommas(neto));

            $("#l_descuento").text(TotalPorcentajeDescuento + "%");
            $("#l_descuentoTotal").text(formatNumberWithCommas(descuento));
            $("#l_abono").text(formatNumberWithCommas(totalAbono));


            totalMenosDescuentos = total - descuento - totalAbono;
            $("#l_total").text(formatNumberWithCommas(totalMenosDescuentos));

            //setiamos los pagos para enviarlos por el formulario
            $("#input_abono").val(totalAbono);
            $("#input_descuento").val(TotalPorcentajeDescuento);
            $("#input_metodopago").val(metodoDePago);

            // console.log(resultadoServiciosSeleccionados);

        }

        function selecionarEquipo(data) {
            $('#tableequipo').empty();

            $.each(arrayequipos, function(index, objeto) {
                if (objeto.id === data) {
                    $("#equipo_nombre").val(objeto.descripcion);
                    $("#equipo_modelo").val(objeto.modelo);
                    $("#equipo_patente").val(objeto.patente);
                    $("#equipo_marca").val(objeto.marca);
                    $("#equipo_motor").val(objeto.motor);
                    $("#equipo_ano").val(objeto.ano);
                    $("#equipo_serie").val(objeto.serie);
                    $("#equipo_combustible").val(objeto.combustible_id);







                }
            });
        }

        function atras(atrases) {

            if(atrases == 1){
                $("#datosequipo").css("display", "")
            $("#servivioyrepuestos").css("display", "none")
            }
            if(atrases == 2){
                $("#servivioyrepuestos").css("display", "")
            $("#datosclientesse").css("display", "none")
            }


        }

        function siguiente(sess) {


            if(sess == 1 ){
                    // validamos los campos obligatorios en este caso
                    if(
                        $("#equipo_modelo").val() == ""
                        || $("#equipo_patente").val() == ""
                        || $("#equipo_marca").val() == ""
                        || $("#equipo_ano").val() == ""
                        || $("#equipo_combustible").val() == ""
                        || $("#equipo_responsable").val() == ""
                        || $("#equipo_marca").val() == ""
                        
                    ){
                        // Add a class to the input fields with missing data
                            if ($("#equipo_modelo").val() == "") {
                                $("#equipo_modelo").addClass("missing-field");
                            }
                            if ($("#equipo_patente").val() == "") {
                                $("#equipo_patente").addClass("missing-field");
                            }
                            if ($("#equipo_marca").val() == "") {
                                $("#equipo_marca").addClass("missing-field");
                            }
                            if ($("#equipo_ano").val() == "") {
                                $("#equipo_ano").addClass("missing-field");
                            }
                            if ($("#equipo_combustible").val() == "") {
                                $("#equipo_combustible").addClass("missing-field");
                            }
                            if ($("#equipo_responsable").val() == "") {
                                $("#equipo_responsable").addClass("missing-field");
                            }
                        // alert("ingrese todos los datos correspondientes");
                    }else{
                        $("#datosequipo").css("display", "none")
                       $("#servivioyrepuestos").css("display", "")
                    }

            }


            // sessioon dos
            if(sess == 2) {

                if(
                    $("#operario").val() == ""
                        || $("#fecha_entrega").val() == ""
                       // || $("#arrayDatosTabla").val() == ""
                        //|| $("#arrayDatosTablaRepuestos").val() == ""
                    ){
                        alert("ingrese todos los datos correspondientes");
                    }else{
                        $("#servivioyrepuestos").css("display", "none")
                       $("#datosclientesse").css("display", "")
                    }

             

            }
         
             // sessioon tres
             if(sess == 3) {

$("#servivioyrepuestos").css("display", "none")
       $("#datosclientesse").css("display", "")

}


        }
    </script>
    <style>
        .missing-field {
    border: 2px solid red;
}
    </style>
@endsection