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

@section('content')
    <!-- content -->

    {{-- {{ $repuestos }} --}}
    <style>
        .narrow-input {
            width: 30px;
            /* Puedes ajustar este valor según tus necesidades */
            text-align: center;

        }


        #modalDescuento {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0;
        }
    </style>
    <div class="titulos">
        @if ($ordenes_trabajos[0]->descripcionestado == 'PRESUPUESTO')
            <h2>Presupuesto Nº : {{ $numeroOt }}
            @else
                <h2>Orden de trabajo Nº : {{ $numeroOt }}
        @endif


        @if ($ordenes_trabajos[0]->descripcionestado == 'FINALIZADA')
            -- FINALIZADA
        @endif
        <hr />

    </div>


    {{-- //PEWUPUESTO --}}
    @if ($ordenes_trabajos[0]->descripcionestado == 'PRESUPUESTO')
        <div class="container">
            <a href="{{ route('ordendetrabajo.recepcionarpresupuesto', ['idOrdenTrabajo' => $idOrdenTrabajo]) }}">GENERAR
                INGRESO A ORDEN DE TRABAJO </a>

            {{-- <button type="button"  class="btn btn-secondary d-inline ">RECEPCIONAR PRESUPUESTO</button> --}}
        </div>
    @endif
    {{-- {{$servicios_ordenes}} --}}
    <div class="container">

        <form action="{{ route('ordendetrabajo.store') }}" method="POST">
            @csrf

            <input type="text" hidden name="id_cliente" value="{{ $idCliente ?? '' }}">

            <div class="row card">

                <div class="card-header">
                    Datos del contacto
                </div>
                {{-- datos personales --}}
                <div class="row">
                    <div class="mb-3 col-6">
                        <label for="razon_social" class="form-label">Razon Social</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $ordenes_trabajos[0]->razon_social ?? '' }}" disabled placeholder=""
                            name="razon_social">

                    </div>
                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Rut</label>
                        <input type="text" value="{{ $ordenes_trabajos[0]->rut ?? '' }}" disabled required
                            class="form-control" id="" placeholder="" name="">

                    </div>
                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Correo</label>
                        <input type="text" value="{{ $ordenes_trabajos[0]->correo ?? '' }}" disabled required
                            class="form-control" id="" placeholder="" name="">

                    </div>
                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Telefono</label>
                        <input type="text" value="{{ $ordenes_trabajos[0]->telefono ?? '' }}" disabled required
                            class="form-control" id="" placeholder="" name="">

                    </div>
                    <hr>
                    <strong><label for="">Ejecutar orden</label></strong>
                    <hr>
                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Operario encargado</label>
                        <input type="text" disabled class="form-control"
                            value="{{ $ordenes_trabajos[0]->nombre_completo ?? '' }}">

                    </div>

                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Chofer</label>
                        <input type="text" disabled class="form-control" value="{{ $chofer_equipos ?? '' }}">

                    </div>
                    <div class="mb-3 col-6">
                        <label for="" class="form-label">Fecha entrega</label>

                  @if($ordenes_trabajos[0]->fecha_entrega != "")

                        <input type="text" disabled class="form-control"
                            value="{{ Carbon\Carbon::createFromDate($ordenes_trabajos[0]->fecha_entrega ?? '')->format('d-m-Y') }}">

                            @else
                            <input type="text"  disabled class="form-control">

                     @endif

                    </div>
                    {{-- value="{{Carbon\Carbon::createFromDate($orden_trabajo[0]->fecha_entrega ?? '')->format('d-m-Y')}}" --}}
                    <div class="mb-3 col-13">
                        <label for="" class="form-label">Comentario</label>

                        <textarea name="comentario" disabled class="form-control text-uppercase" id="" cols="3" rows="3">{{ $ordenes_trabajos[0]->observacion }}</textarea>

                    </div>
                </div>





                <div class="row">
                    <hr>
                    <label for="" class="m-2"> Datos del motor</label>

                    {{-- <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Responsable</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->responsable ?? '' }}" disabled placeholder=""
                            name="razon_social">

                    </div> --}}
                    <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Marca</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->marca ?? '' }}" disabled placeholder="" name="razon_social">

                    </div>
                    <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Modelo</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->modelo ?? '' }}" disabled placeholder="" name="razon_social">

                    </div>
                    <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Motor</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->motor ?? '' }}" disabled placeholder="" name="razon_social">

                    </div>
                    <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Año</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->ano ?? '' }}" disabled placeholder="" name="razon_social">

                    </div>
                    <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Serie</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->serie ?? '' }}" disabled placeholder="" name="razon_social">

                    </div>
                    <div class="mb-3 col-3">
                        <label for="razon_social" class="form-label">Combustible</label>
                        <input type="text" required class="form-control" id="razon_social"
                            value="{{ $datosdelequipo[0]->nombrecombustible ?? '' }}" disabled placeholder=""
                            name="razon_social">

                    </div>

                </div>

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



            {{-- DATOS DE SERVICIOS         --}}
            <br>
            <div class=" card mb-3  mt-3">
                <div class="card-header  ">
                    {{-- Servicios --}}
                    {{-- <a  href="{{ route('imprimirservicios') }}">Imprimir</a> --}}
                    {{-- <a href="{{ route('imprimirservicios', ['idOrdenTrabajo' => $idOrdenTrabajo]) }}">Imprimir</a>
                 --}}
                    <div style="float: left;">Servicios</div>
                    <div style="float: right;">
                        {{-- <a href="{{ route('imprimirservicios') }}">Imprimir</a> --}}
                        <a href="{{ route('imprimirservicios', ['numeroOt' => $idOrdenTrabajo]) }}" target="_blank"><span
                                class="material-symbols-outlined" style="background-color: #fff;">
                                print
                            </span></a>
                    </div>

                </div>
                <div class="row">

                    <div class="col-12 form-group">
                        <!-- <label for="">Servicio</label> -->
                        <input type="" class="form-control mayuscula" hidden 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>

                        <div>

                        </div>

                        @if (session('success_servicios'))
                            <div class="alert alert-success">
                                {{ session('success_servicios') }}
                            </div>
                        @endif
                        <table class="table2 table-hover">
                            <thead class="bg-light">
                                <th scope="col">Codigo</th>

                                <th scope="col">Servicios</th>
                                <th scope="col">Categoria</th>

                                <th scope="col">Estado</th>
                                <th scope="col">Cantidad</th>

                                {{-- <th scope="col">Descuento</th> --}}
                                {{-- <th scope="col"></th> --}}

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


                            </thead>

                            <tbody>

                                @if (!empty($servicios_ordenes))
                                    @foreach ($servicios_ordenes as $los_datos)
                                        <tr>
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->sku ?? '' }}
                                            </td>
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->nombre_servicio }}<br>{{ $los_datos->descripcionservicio }}<br>{{ $los_datos->descripcion }}
                                            </td>
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->categoria }}
                                            </td>
                                            <td class="td-val text-uppercase">

                                                {{ $los_datos->estado_ejecucion ?? '' }}

                                            </td>
                                            <td class="td-val text-uppercase">{{ $los_datos->cantidad }}</td>
                                            @if ($ordenes_trabajos[0]->descripcionestado == 'INICIADA' || $ordenes_trabajos[0]->descripcionestado == 'FINALIZADA')
                                                <td>

                                                    {{--  @if ($los_datos->tecnicos_id == 1)
                                                            <a title="Agregar Tecnico" style="cursor: pointer">
                                                                <span class="material-symbols-outlined">
                                                                    <span class="material-symbols-outlined"
                                                                        onclick="registrarTecnico({{ $los_datos->id_ejecucion_servicio }},{{ $los_datos->id_servicio_orden }})">
                                                                        add_circle

                                                                    </span>
                                                            </a>
                                                        @else --}}
                                                    @if ($los_datos->estado_ejecucion == 'finalizado')
                                                    @else
                                                        {{-- validamos si ya esta iniciado o no  --}}

                                                        @if ($los_datos->estado_ejecucion == 'procesando')
                                                            <a title="Finalizar Servicio" style="cursor: pointer"
                                                                onclick="updateservicio({{ $los_datos->id_ejecucion_servicio }},{{ $los_datos->id_servicio_orden }},'finalizar')">
                                                                <span class="material-symbols-outlined">
                                                                    check_circle
                                                                </span>
                                                            </a>
                                                        @else
                                                            <a title="Iniciar Servicio" style="cursor: pointer"
                                                                onclick="updateservicio({{ $los_datos->id_ejecucion_servicio }},{{ $los_datos->id_servicio_orden }},'iniciar')">
                                                                <span class="material-symbols-outlined">
                                                                    play_circle
                                                                </span>
                                                            </a>
                                                        @endif
                                                    @endif
                                                    {{--  @endif --}}



                                                    <a>
                                                        <span class="material-symbols-outlined"
                                                            onclick="openhistorial({{ $los_datos->id_servicio_orden }})">
                                                            overview
                                                        </span>
                                                    </a>



                                                </td>
                                            @else
                                            @endif
                                            {{-- INICIADA SOLO MOSTRARA y fiinalizada --}}

                                        </tr>
                                    @endforeach
                                @endif

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

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



            {{-- DATOS DE REPUESTOS         --}}

            <div class=" card  mb-3 mr-3 mt-3">
                <div class="card-header m3-3 ">
                    Repuestos
                </div>
                <div class="row">

                    <div class="col-12 form-group">
                        <!-- <label for="">Repuestos solicitados</label> -->
                        <input type="" hidden 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="table2 table-hover">
                            <thead class="bg-light">
                                <th scope="col">Repuesto</th>
                                <th scope="col">Medidas</th>

                                <th scope="col">Categoria</th>
                                <th scope="col">Cantidad</th>

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

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


                            </thead>
                            <tbody>
                                {{-- descripcion_repuestos_otro --}}
                                @if (!empty($repuestos_solicitados))
                                    @foreach ($repuestos_solicitados as $los_datos)
                                        @if ($los_datos->nombre == 'OTRO')
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->descripcion_repuestos_otro }}
                                            </td>
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->descripcion_medida_otro }}
                                            </td>
                                        @else
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->nombre }}
                                            <td class="td-val text-uppercase">
                                                {{ $los_datos->medida }}
                                            </td>

                                            </td>
                                        @endif





                                        <td class="td-val text-uppercase">
                                            {{ $los_datos->categoria }}
                                        </td>
                                        <td class="td-val text-uppercase">
                                            {{ $los_datos->cantidad }}
                                        </td>
                                        <td class="td-val text-uppercase">
                                            @if ($los_datos->recibido == 'si')
                                                <input type="checkbox" name="" checked id="">
                                            @else
                                                <input type="checkbox"
                                                    onclick="addRepuestos({{ $los_datos->idtablerespuestossolicitados }})"
                                                    name="" id="">
                                            @endif
                                            {{-- {{ $los_datos->recibido }} --}}
                                        </td>
                                        @if ($ordenes_trabajos[0]->descripcionestado == 'INICIADA' || $ordenes_trabajos[0]->descripcionestado == 'FINALIZADA')
                                            <td>
                                                {{-- @if ($los_datos->recibido == 'no')
                                                        <a title="Finalizar Servicio" style="cursor: pointer"
                                                            onclick="addRepuestos({{ $los_datos->idtablerespuestossolicitados }})">
                                                            <span class="material-symbols-outlined">
                                                                check_circle
                                                            </span>
                                                        </a>
                                                    @endif --}}
                                                <a title="Finalizar Servicio" style="cursor: pointer"
                                                    onclick="openModalRepuestos({{ $los_datos->idtablerespuestossolicitados }})">
                                                    <span class="material-symbols-outlined">
                                                        overview
                                                    </span>
                                                </a>
                                            </td>
                                        @endif

                                        <tr>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                        {{-- <input type=""  id="arrayDatosTablaRepuestos" name="arrayDatosTablaRepuestos"> --}}
                    </div>

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

                {{-- "ordenes_trabajos.abono",
                "ordenes_trabajos.neto",
                "ordenes_trabajos.iva",
                "ordenes_trabajos.total",
                "ordenes_trabajos.descuento_pesos",
                "ordenes_trabajos.descuento_porcentaje", --}}
            </div>{{-- fin del card --}}

            {{-- totales --}}
            @if ($historial ?? '' == 'si')
                <div class="row">
                    <h4>Dastos Pago</h4>

                    <div>
                        <strong> <label for="">Neto:</label> </strong> <label for=""
                            id="l_neto">{{ $ordenes_trabajos[0]->neto }}</label>
                    </div>

                    <div>
                        <strong>
                            <label for="">Descuento(%):


                            </label>
                        </strong>
                        <label for="" id="l_descuento">{{ $ordenes_trabajos[0]->descuento_porcentaje }}</label>
                    </div>
                    <div>
                        <strong> <label for="">Descuento total:</label> </strong> <label for=""
                            id="l_descuentoTotal">{{ $ordenes_trabajos[0]->descuento_pesos }}</label>
                    </div>
                    <div>
                        <strong>
                            <label for="">Abono:</label>

                        </strong>
                        <label for="" id="l_abono">{{ $ordenes_trabajos[0]->abono }}</label>
                    </div>

                    <div>
                        <strong> <label for="">Total:</label> </strong> <label for=""
                            id="l_total">{{ $ordenes_trabajos[0]->total }}</label>
                    </div>
                </div>{{-- fin del row --}}
            @endif





        </form>{{-- INICIO FORMULARIO --}}


        @if (isset($historial))
            <!-- Si la variable $historial está definida, muestra su contenido -->
            {{ $historial }}
        @else
            <div style="text-align: right" class="m-3">



                @if ($ordenes_trabajos[0]->descripcionestado == 'RECEPCIONADA')
                    <button type="button" onclick="ModalCancelarOT({{ $idOrdenTrabajo }})"
                        class="btn btn-danger d-inline ml-2">Cancelar OT</button>

                    <form action="{{ route('ordendetrabajo.iniciar') }}" method="POST" class="d-inline">
                        @csrf
                        <input type="text" value="{{ $idOrdenTrabajo }}" hidden name="idot">
                        <button type="submit" class="btn btn-success">Iniciar OT</button>
                    </form>
                @endif

                @if ($ordenes_trabajos[0]->descripcionestado == 'INICIADA')
                    @if (
                        \App\Models\User::tipoUsuario() == 'superadmin' ||
                            \App\Models\User::tipoUsuario() == 'admin' ||
                            \App\Models\User::tipoUsuario() == 'secretaria')
                        <button type="button" onclick="ModalCancelarOT({{ $idOrdenTrabajo }})"
                            class="btn btn-danger d-inline ml-2">Cancelar OT</button>
                    @endif
                    <form action="{{ route('ordendetrabajo.finalizar') }}" method="POST" class="d-inline">
                        @csrf
                        <input type="text" value="{{ $idOrdenTrabajo }}" hidden name="idot">
                        <button type="" class="btn btn-success">Finalizar</button>
                    </form>
                @endif
            </div>
        @endif
        @if ($ordenes_trabajos[0]->descripcionestado == 'FINALIZADA')
            @if (\App\Models\User::tipoUsuario() != 'operario')
                <button type="button" class="btn btn-success"
                    onclick="ModalFacturarOt({{ $idOrdenTrabajo }},{{ '"' . $ordenes_trabajos[0]->rut . '"' }})"
                    class="btn btn-secondary d-inline ml-2">EMITIR DTE</button>


                @if (count($otRetirada) == 0)
                    <button type="button" onclick="ModalRetirarOt({{ $idOrdenTrabajo }})"
                        class="btn btn-secondary d-inline ml-2">RETIRAR</button>
                @else
                    <button type="button" onclick="ModalRetirarOtData()"
                        class="btn btn-secondary d-inline ml-2">RETIRADO POR</button>
                @endif
            @endif





        @endif



    </div> {{-- FIN container --}}

    {{-- MODAL --}}

    <!-- Modal  -->
    <div class="modal" id="modalRetirar">
        <div class="modal-dialog">
            <div class="modal-content">
                <div style="text-align: right" class="m-2">
                    <label id="fecha_registrado" >12-12-2025 02:21:40Hrs.</label>
                                </div>
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Retirado por:</h4>

                </div>

                <!-- Modal body -->
                <div class="modal-body">

                    <form action="{{ route('ordendetrabajo.retirarot') }}" method="POST">
                        @csrf

                        <div>
                            <label for="">Nombre</label>
                            <input type="text" required class="form-control" name="nombre_retira" id="nombre_retira">
                        </div>
                        <div>
                            <label for="">Rut</label>
                            <input type="text" required class="form-control" name="rut_retira" id="rut_retira">
                        </div>
                        <div>
                            <label for="">Telefono</label>
                            <input type="text" required class="form-control" name="telefono_retira"
                                id="telefono_retira">
                        </div>
                        <div>
                            <label for="">Comentario</label>

                            <textarea name="comentario_retira" id="comentario_retira" class="form-control"  cols="30" rows="10"></textarea>
                        </div>
                        <input hidden type="text" required name="idOtRetirar" id="idOtRetirar">


                        <div class="m-2" style="text-align: right">
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modalRetirar"
                                onclick="cerrarModalRetirarOt()">Cerrar</button>

                            <button type="submit" class="btn btn-success" data-bs-dismiss="modal"
                                id="guardarRetirado">Guardar</button>

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

    <!-- Modal CANCELAR OT -->
    <div class="modal" id="modalCancelaOt">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Motivo cancelacion</h4>

                </div>

                <!-- Modal body -->
                <div class="modal-body">

                    <form action="{{ route('ordendetrabajo.cancelarot') }}" method="POST">
                        @csrf

                        <div class="m-2">
                            <label for="">Motivo cancelacion</label>
                            <textarea name="motivocancelacion" required class="form-control" id="" cols="30" rows="10"></textarea>
                            <input type="text" hidden name="numeroot" value="{{ $numeroOt }}">
                            <input type="text" hidden name="idot" id="idOtCancelar" value="">




                        </div>
                        <div class="m-2" style="text-align: right">
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modalCancelaOt"
                                onclick="cerrarModalCancelaOt()">Cerrar</button>

                            <button type="submit" class="btn btn-success" data-bs-dismiss="modal">Guardar</button>

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

    <!-- Modal CANCELAR OT -->
    <div class="modal" id="ModalFacturar">
        <div class="modal-dialog modal-xl"> <!-- Cambiado a modal-xl -->
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <div>
                        <h4 class="modal-title">Facturar</h4>

                    </div>
                    <br>


                </div>



                <!-- Modal body -->
                <div class="modal-body">


                    <form id="formulariofacturar" action="{{ route('ordendetrabajo.facturar') }}" method="POST">
                        @csrf

                        <div class="m-2">

                            <div class="row">
                                <div class="mb-3 col-6">
                                    <label for="" class="form-label">Rut</label>
                                    <input type="text" id="rut_m" required class="form-control" placeholder=""
                                        name="rut_m">
                                    <div>
                                        <a style="color: blue;cursor: pointer"
                                            onclick="consultarDatos('{{ $ordenes_trabajos[0]->rut }}')">Consultar
                                            Datos</a>

                                    </div>
                                </div>
                                <div class="mb-3 col-6">
                                    <label for="razon_social_m" class="form-label">Razon Social</label>
                                    <input type="text" required class="form-control" id="razon_social_m"
                                        value="{{ $ordenes_trabajos[0]->razon_social ?? '' }}" placeholder=""
                                        name="razon_social_m">

                                </div>
                                <div class="mb-3 col-12">
                                    <label for="" class="form-label">Giro</label>
                                    {{-- <input type="text" value="{{ $ordenes_trabajos[0]->giro ?? '' }}" required
                                        class="form-control" id="giro_m" placeholder="" name="giro_m"> --}}
                                    <select id="giro_m" name="giro_m" class="form-control">
                                    </select>
                                    <input type="text" placeholder="Describir Giro" style="display: none"
                                        class="form-control" name="text_giro_otro" id="text_giro_otro" value="">


                                </div>

                                <div class="m-2" style="text-align: right;text-align: center ;display:none"
                                    id="loading-image">
                                    <div id="overlay"
                                        style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 100;">
                                    </div>

                                    <img src="{{ asset('img/iconos/loadin.gif') }}"
                                        style="  width: 100px; height: 100px;" />
                                    <br>
                                    Sincronizando datos del contribuyente con SII
                                </div>



                                <div class="mb-3 col-6">
                                    <label for="" class="form-label">Correo</label>
                                    <input type="text" value="{{ $ordenes_trabajos[0]->correo ?? '' }}"
                                        class="form-control" id="correo_m" placeholder="" name="correo_m">

                                </div>
                                <div class="mb-3 col-6">
                                    <label for="" class="form-label">Telefono</label>
                                    <input type="text" value="{{ $ordenes_trabajos[0]->telefono ?? '' }}"
                                        class="form-control" id="telefono_m" placeholder="" name="telefono_m">

                                </div>

                                <div class="mb-3 col-12">
                                    {{-- {{$ordenes_trabajos}} --}}
                                    <label for="" class="form-label">Direccion</label>
                                    {{-- <input type="text" value="{{ $ordenes_trabajos[0]->Direccion ?? '' }}" required
                                        class="form-control" id="direccion_m" placeholder="" name="direccion_m"> --}}
                                    <select id="direccion_m" name="direccion_m" class="form-control">
                                        {{-- <option value=""></option> --}}
                                    </select>
                                    <input type="text" style="display: none" placeholder="Describir Dirección"
                                        class="form-control" name="text_direccion_otro" id="text_direccion_otro"
                                        value="">

                                </div>

                                <div class="mb-3 col-6" id="div_region_old" style="display: ">
                                    <label for="" class="form-label">Region</label>
                                    <select required class="form-control mayuscula" name="region_m" id="region_m">
                                        <option value="Seleccionar">Seleccionar</option>
                                        @foreach ($regiones as $region)
                                            @if ($ordenes_trabajos[0]->id_region == $region->id)
                                                <option selected value="{{ $region->id }}"
                                                    {{ old('region_m') == $region->id ? 'selected' : '' }}>
                                                    {{ $region->des_region }}</option>
                                            @else
                                                <option value="{{ $region->id }}"
                                                    {{ old('region_m') == $region->id ? 'selected' : '' }}>
                                                    {{ $region->des_region }}</option>
                                            @endif
                                        @endforeach

                                    </select>

                                </div>

                                <div class="mb-3 col-6" id="div_comuna_old" style="display: ">
                                    <label for="" class="form-label">Comuna</label>
                                    <select required class="form-control mayuscula" name="comuna_m" id="comuna_m">
                                        <option value="Seleccionar">Seleccionar</option>
                                        @foreach ($comunasporregion as $data)
                                            @if ($ordenes_trabajos[0]->comunas_id == $data->id)
                                                <option selected value="{{ $data->id }}"
                                                    {{ old('comuna_m') == $data->id ? 'selected' : '' }}>
                                                    {{ $data->des_comuna }}</option>
                                            @else
                                                <option value="{{ $data->id }}"
                                                    {{ old('comuna_m') == $data->id ? 'selected' : '' }}>
                                                    {{ $data->des_comuna }}</option>
                                            @endif
                                        @endforeach

                                    </select>

                                </div>

                                <br>
                                Datos Pago

                                <hr>

                                <div class="mb-3 col-3">
                                    <label for="" class="form-label">Monto Total</label>
                                    <input type="text" disabled value="{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->total) }}"
                                        class="form-control" id="total_m" placeholder="" name="total_m">

                                </div>
                                <div class="mb-3 col-3">
                                    <label for="" class="form-label">Descuento</label>
                                    <input type="text" disabled value="{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->descuento_pesos) }}"
                                        class="form-control" id="abono_m" placeholder="" name="abono_m">

                                </div>
                                <div class="mb-3 col-3">
                                    <label for="" class="form-label">Monto Abonado</label>
                                    <input type="text" disabled value="{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->abono) }}"
                                        class="form-control" id="abono_m" placeholder="" name="abono_m">

                                </div>
                                <div class="mb-3 col-3">
                                    <label for="" class="form-label">Monto Pendiente</label>
                                    <input type="text" disabled value="{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->pendiente) }}"
                                        class="form-control" id="pendiente_m" placeholder="" name="pendiente_m">

                                </div>

                                {{-- <div class="mb-3 col-3">
                                    <br>
                                   <input type="button" class="btn btn-success" onclick="pagarpendientes()" value="Pagar Pendiente">

                                </div> --}}

                                <div class="row" id="DivañadirPago" style="margin-bottom: 2px">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label for="mediosPagosSelect">Método de pago</label>
                                                    <select name="seleccionopcion0" class="form-control" id="mediosPagosSelect">
                                                        <option value="">Seleccionar</option>
                                                        @if (!empty($medios_pagos))
                                                            @foreach ($medios_pagos as $data)
                                                                <option value="{{ $data->id }}" {{ $data->descripcion === 'Efectivo' ? 'selected' : '' }}>
                                                                    {{ $data->descripcion }} {{ $data->apellido }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label for="pendienteInput">Pendiente ($)</label>
                                                    <input type="text"  onkeydown="cambioDeInput(event,'primerValorPendiente0')"   onchange="cambioDeValor('primerValorPendiente')" id="primerValorPendiente" name="valoropcion0" class="form-control pendiente-input" value="{{\App\Models\config::roundNumber($ordenes_trabajos[0]->pendiente)}}">
                                                </div>
                                            </div>

                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label for="bancoInput">Banco</label>
                                                    <input type="text" id="banco" name="banco0" class="form-control banco-input" >
                                                </div>
                                            </div>

                                            
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label for="fechaImpur">Fecha Compromiso</label>
                                                    <input type="date" id="fechas" name="fecha0" class="form-control fecha-input" >
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-1 align-self-end">
                                                <button type="button" id="agregarCampoBtn" class="btn btn-success agregar-pago-btn agregar-campo">+</button>
                                            </div>
                                        </div>       
                                </div>
                                
                                
                            </div>

                            {{-- ENVIO DE DATOS --}}
                            <input type="text" hidden name="numeroot" value="{{ $numeroOt }}">
                            <input type="text" hidden  name="idot" id="idOtFacturar" value="">




                        </div>

                        <div class="m-2" style="text-align: right" id="divBotones">


                            <button type="button" class="btn btn-danger" data-bs-dismiss="ModalFacturar"
                                onclick="cerrarModalFacturar()">Cerrar</button>


                                {{-- @if($ordenes_trabajos[0]->pendiente == 0) --}}
                                <input type="hidden" id="opcion_dte_bo" name="opcion_dte" value="">

                                <button type="submit" id="facturaBtnaa" class="btn btn-success" data-bs-dismiss="modal" value="factura">Facturar</button>
                                <button type="submit" id="boletaBtnaa" class="btn btn-info" data-bs-dismiss="modal" value="boleta">Boleta</button>
                                
                                {{-- @else
                                            <button type="submit" style="display: none" id="facturaBtnaa" name="opcion_dte" class="btn btn-success"
                                            data-bs-dismiss="modal" value="factura">Facturar</button>
                                        <button type="submit" style="display: none"  id="boletaBtnaa" name="opcion_dte" class="btn btn-success"
                                            data-bs-dismiss="modal" value="boleta">Boleta</button>

                                @endif --}}
                            {{-- <button type="submit" class="btn btn-success" data-bs-dismiss="modal"   >Facturar</button>
                        <button type="submit" class="btn btn-success" data-bs-dismiss="modal"   >Facturar</button> --}}
                       

                        </div>
                    </form>









                </div>
            </div>
        </div>
    </div>
  <!-- Modal pagar pendiente -->
  <div class="modal" id="modalPendiente">
    <div class="modal-dialog">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Seleccionar Tecnico</h4>

            </div>

            <!-- Modal body -->
            <div class="modal-body">


            </div>

            <div class="m-2" style="text-align: right">
                <button type="button" class="btn btn-danger"
                    onclick="cerrarModalPendiente()">Cerrar</button>


            </div>
        </div>
    </div>
</div>
    <!-- Modal Tecnico -->
    <div class="modal" id="modalAddTecnico">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Seleccionar Tecnico</h4>

                </div>

                <!-- Modal body -->
                <div class="modal-body">

                    <form action="{{ route('update.updateservicioorden') }}" method="POST">
                        @csrf

                        <div class="m-2">

                            <select required name="tecnicoselecionado" class="form-control" id="">
                                <option value="">Seleccionar</option>
                                @if (!empty($tecnicos))
                                    @foreach ($tecnicos as $data)
                                        <option value="{{ $data->id_tecnico }}">
                                            {{ $data->nombre }}
                                            {{ $data->apellido }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>

                            <input type="text" hidden name="identificador_servicio_eje"
                                id="identificador_servicio_eje">
                            <input type="text" hidden name="id_servicio_orden" id="id_servicio_orden">




                        </div>
                        <div class="m-2" style="text-align: right">
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modalAddTecnico"
                                onclick="cerrarModal()">Cerrar</button>

                            <button type="submit" class="btn btn-success" data-bs-dismiss="modal">Guardar</button>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- MODAL Repuestos --}}
    <div class="modal" id="modalRepuestos">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Repuestos</h4>
                    <button type="button" class="btn-close" onclick="cerrarmodal()"></button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <div class="m-2">
                        <label for="">Recibido por(obligatorio)</label>



                        <input type="text" class="form-control" id="recibidopor">


                    </div>
                    <div class="m-2">
                        <label for="">Comentario(obligatorio)</label>
                        <textarea name="" id="comentario_entrega" class="form-control" cols="30" rows="10"></textarea>

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

                    </div>
                </div>



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

    {{-- MODAL HSTORIAL --}}
    <div class="modal" id="modalHistorial">
        <div class="modal-dialog modal-md">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Historial</h4>
                    <button type="button" class="btn-close" onclick="cerrarmodalhistorial()"></button>
                </div>

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

                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Fecha Ingresado</th>
                                    <th>Descripción</th>
                                    {{-- <th>Servicios Órdenes ID</th> --}}
                                </tr>
                            </thead>
                            <tbody id="tablaBody">
                            </tbody>
                        </table>
                    </div>

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

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

    {{-- MODAL HISTORIAL REPUESTOS --}}
    <div class="modal" id="modalHistorialRepustos">
        <div class="modal-dialog modal-md">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Historial</h4>
                    <button type="button" class="btn-close" onclick="closedModalRepuestos()"></button>
                </div>

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

                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Fecha Ingresado</th>
                                    <th>Descripción</th>
                                    {{-- <th>Servicios Órdenes ID</th> --}}
                                </tr>
                            </thead>
                            <tbody id="tablaBodyRepuestos">
                            </tbody>
                        </table>
                    </div>

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

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

    <script>
        //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 idtablerespuestossolicitados = "";
        var arrayclientes = [];
        var contadorCampos =  1;

        var idOrdenTrabajo = @json($idOrdenTrabajo);
        var medios_pagos = {!! json_encode($medios_pagos) !!};

        var TotalPendiente = @json($ordenes_trabajos[0]->pendiente);



        function cambioDeInput(event,opcion){

        if (event.key === 'Enter') {
            addPagomas($("#primerValorPendiente").val());


        // alert(opcion);


        }
}

        $(document).ready(function() {

            $('#formulariofacturar').on('keydown', function(event) {
            // Verificar si la tecla presionada es "Enter"
            if (event.key === 'Enter') {
                // Evitar el comportamiento predeterminado del formulario
                event.preventDefault();
                // Hacer cualquier otra cosa que necesites aquí
            }
        });

    // Detectar el clic en el botón "factura"
    $("#facturaBtnaa").click(function() {
        // Establecer el valor del campo oculto opcion_dte_bo como "factura"
        $("#opcion_dte_bo").val("factura");
    });

    // Detectar el clic en el botón "boleta"
    $("#boletaBtnaa").click(function() {
        // Establecer el valor del campo oculto opcion_dte_bo como "boleta"
        $("#opcion_dte_bo").val("boleta");
    });

    $("#formulariofacturar").submit(function(event) {
    event.preventDefault();

    // Mostrar un cuadro de confirmación antes de continuar
    var confirmacion = window.confirm("¿Está seguro que desea continuar con la EMISIÓN DE DTE?\nRUT: " + $("#rut_m").val());

    // Si el usuario confirma, continuar con el procedimiento
    if (confirmacion) {
        var TotalPendiente = @json($ordenes_trabajos[0]->pendiente);
        var getTotalPendiente = 0;
        var TotalPendienteAgregado = 0;

        // Recorremos todos los inputs con la clase 'pendiente-input'
        $('.pendiente-input').each(function() {
            getTotalPendiente = parseFloat($(this).val());
            TotalPendienteAgregado += getTotalPendiente;
        });

        TotalPendiente = parseFloat(TotalPendiente) - parseFloat(TotalPendienteAgregado);
        TotalPendiente = TotalPendiente.toFixed(0);

        if (TotalPendiente == "-0") {
            TotalPendiente = 0;
        }

        if (TotalPendiente == 0) {
            // Si el TotalPendiente es igual a cero, enviamos el formulario
            this.submit();
        }
    }
});

    // $("#formulariofacturar").submit(function(event) {
    //     event.preventDefault();

    //     var TotalPendiente = @json($ordenes_trabajos[0]->pendiente);
    //     var getTotalPendiente = 0;
    //     var TotalPendienteAgregado = 0;

    //     // Recorremos todos los inputs con la clase 'pendiente-input'
    //     $('.pendiente-input').each(function() {
    //         getTotalPendiente = parseFloat($(this).val());
    //         TotalPendienteAgregado += getTotalPendiente;
    //     });

    //     TotalPendiente = parseFloat(TotalPendiente) - parseFloat(TotalPendienteAgregado);
    //     TotalPendiente = TotalPendiente.toFixed(0);

    //     if (TotalPendiente == "-0") {
    //         TotalPendiente = 0;
    //     }

    //     if (TotalPendiente == 0) {
    //         // Si el TotalPendiente es igual a cero, enviamos el formulario
    //         this.submit();
    //     }
    // });





});


$(document).ready(function() {





     // Agregar un controlador de eventos keypress al campo de entrada "Pendiente"
     $('#primerValorPendiente').keypress(function(event) {
            // Verificar si la tecla presionada es "Enter"
            if (event.which === 13) {
                // Llamar a la función agregarCampoBtn
                addPagomas($("#primerValorPendiente").val());
                
            }
        });



    
            $('.agregar-campo').on('click', function() {
                
                
            addPagomas($("#primerValorPendiente").val());
            });

            // Eliminar campo al hacer clic en el botón "-"
            $('#DivañadirPago').on('click', '.eliminar-campo', function() {

                TotalPendiente = @json($ordenes_trabajos[0]->pendiente);
                var getTotalPendiente = 0;
                var TotalPendienteAgregado = 0;

                 $(this).closest('.row').remove();
                 //recorremos todos los inputs con la clase
                 $('.pendiente-input').each(function(index) {
                        getTotalPendiente = parseFloat($(this).val());
                        TotalPendienteAgregado += getTotalPendiente;
                       
                         //buscamos l ultimo div
                        if (index === $('.pendiente-input').length - 1) {
                            TotalPendiente = parseFloat(TotalPendiente) - parseFloat(TotalPendienteAgregado);

                            TotalPendiente=     TotalPendiente + getTotalPendiente;
                                // Agregar el valor adicional al último input
                                $(this).val(TotalPendiente.toFixed(0));
                                // $(this).val(TotalPendienteAgregado.toFixed(0) + ' ' + valorAdicional);
                            }
                });
               
           });
});
function cambioDeValor(inputId) {
    // // Obtener el valor del input
     var valor = $('#' + inputId).val();
    addPagomas(valor);

}

function addPagomas(valoragregado = "", button = "") {
    // Obtener el pendiente inicial
    var TotalPendiente = @json($ordenes_trabajos[0]->pendiente);

    // Variables para calcular el total agregado
    var getTotalPendiente = 0;
    var TotalPendienteAgregado = 0;

    // Recorremos todos los inputs con la clase "pendiente-input"
    $('.pendiente-input').each(function() {
        getTotalPendiente = parseFloat($(this).val());
        TotalPendienteAgregado += getTotalPendiente;
    });

    // Calcular el nuevo pendiente
    TotalPendiente = parseFloat(TotalPendiente) - parseFloat(TotalPendienteAgregado);
    TotalPendiente = TotalPendiente.toFixed(0);

    // Si el pendiente es "-0", lo cambiamos a "0"
    if (TotalPendiente == "-0") {
        TotalPendiente = 0;
    }

    // Verificar si el pendiente es mayor que cero
    if (TotalPendiente > 0) {
        // Incrementar el contador de campos
        // var contadorCampos = $('.row').length + 1;


        // Crear un nuevo campo de pago con nombres únicos
        var nuevoCampo = $('<div class="row">' +
            '<div class="col-md-3">' +
            '<div class="form-group">' +
            '<label>Método de pago</label>' +
            '<select class="form-control medios-pagos-select" name="seleccionopcion' + contadorCampos + '">' +
            '<option value="">Seleccionar</option>' +
            '</select>' +
            '</div>' +
            '</div>' +
            '<div class="col-md-2">' +
            '<div class="form-group">' +
            '<label>Pendiente</label>' +
          
            '<input type="text" class="form-control pendiente-input" name="valoropcion' + contadorCampos + '" id="valoropcion' + contadorCampos + '" value="' + TotalPendiente + '" onkeydown="cambioDeInput(event,`valoropcion' + (contadorCampos + 1) + '`)" onchange="cambioDeValor(`valoropcion' + contadorCampos + '`, this.value)">' +


            '</div>' +
            '</div>' +

            // BANCO
             '<div class="col-md-3">' +
            '<div class="form-group">' +
            '<label>Banco</label>' +          
            '<input type="text" id="banco' + contadorCampos + '" name="banco' + contadorCampos + '" class="form-control banco-input" >' +
            '</div>' +
            '</div>' +
            // //////
            // FECHA
            '<div class="col-md-3">' +
            '<div class="form-group">' +
            '<label>Banco</label>' +          
            '<input type="date" id="fecha' + contadorCampos + '" name="fecha' + contadorCampos + '" class="form-control banco-input" >' +
            '</div>' +
            '</div>' +
            // //////

            '<div class="col-md-1 align-self-end">' +
            '<div class="btn-group">' + // Agrupar los botones en un grupo
            '<button type="button" onclick="addPagomas(1,this)" class="btn btn-success agregar-campo">+</button>' +
            '<button type="button"  class="btn btn-danger eliminar-campo">-</button>' +
            '</div>' +
            '</div>' +
            '</div>');

        // Agregar un controlador de eventos keypress al campo de entrada "Pendiente"
        nuevoCampo.find('.pendiente-input').on('keypress', function(event) {
            // Verificar si la tecla presionada es "Enter"
            if (event.which === 13) {
                // Evitar el comportamiento predeterminado del evento (por ejemplo, enviar un formulario)
                event.preventDefault();
                // Llamar a la función para agregar un nuevo campo
                addPagomas(1, $(this).closest('.row').find('.agregar-campo'));
                // Establecer el foco en el nuevo campo agregado
                $(this).closest('.row').next().find('.pendiente-input').focus();
            }
        });

        // Agregar opciones al select del nuevo campo
        $.each(medios_pagos, function(index, medio_pago) {
            var option = $('<option>', {
                value: medio_pago.id,
                text: medio_pago.descripcion
            });

            // Verificar si el método de pago es "Efectivo"
            if (medio_pago.descripcion.toLowerCase() === 'Efectivo') {
                option.prop('selected', true); // Seleccionar la opción "Efectivo"
            }

            nuevoCampo.find('.medios-pagos-select').append(option);
        });

        // Agregar el nuevo campo al contenedor
        $('#DivañadirPago').append(nuevoCampo);
        nuevoCampo.find('.pendiente-input').focus();
        // $("#facturaBtnaa").css("display", "none");
        // $("#boletaBtnaa").css("display", "none");
        contadorCampos ++;
    } else {
        // Si el pendiente es menor o igual a cero, mostrar los botones
        // $("#facturaBtnaa").css("display", "");
        // $("#boletaBtnaa").css("display", "");
    }
}

function addPagomas_old(valoragregado = "",button = ""){

     TotalPendiente = @json($ordenes_trabajos[0]->pendiente);

        var getTotalPendiente = 0;
        var TotalPendienteAgregado = 0;

        //recorremos todos los inputs con la clase
        $('.pendiente-input').each(function() {
                getTotalPendiente = parseFloat($(this).val());
                TotalPendienteAgregado += getTotalPendiente;
            });

        // console.log("TotalPendienteAgregado"+TotalPendienteAgregado);
        TotalPendiente = parseFloat(TotalPendiente) - parseFloat(TotalPendienteAgregado);
        TotalPendiente = TotalPendiente.toFixed(0);

        if(TotalPendiente == "-0"){
            TotalPendiente = 0;
        }


      // Verificar si el pendiente es mayor que cero
      if (TotalPendiente >0  ) {
            // Restar el valor del pendiente del total
            // total -= pendienteActual;

            // Verificar si el total es mayor que cero
            // if (total > 0) {
                // Crear un nuevo campo de pago
                var nuevoCampo = $('<div class="row">' +
                        '<div class="col-md-6">' +
                            '<div class="form-group">' +
                                '<label>Método de pago</label>' +
                                '<select class="form-control medios-pagos-select">' +
                                    '<option value="">Seleccionar</option>' +
                                '</select>' +
                            '</div>' +
                        '</div>' +
                        '<div class="col-md-5">' +
                            '<div class="form-group">' +
                                '<label>Pendiente</label>' +
                                '<input type="text" class="form-control pendiente-input" value="' + TotalPendiente + '">' +
                            '</div>' +
                        '</div>' +
                        '<div class="col-md-1 align-self-end">' +
                            '<div class="btn-group">' + // Agrupar los botones en un grupo
                                '<button type="button" onclick="addPagomas(1,this)" class="btn btn-primary agregar-campo">+</button>' +
                                '<button type="button"  class="btn btn-danger eliminar-campo">-</button>' +
                            '</div>' +
                        '</div>' +
                    '</div>');

                // Agregar un controlador de eventos keypress al campo de entrada "Pendiente"
                nuevoCampo.find('.pendiente-input').on('keypress', function(event) {
                    
                    // Verificar si la tecla presionada es "Enter"
                    if (event.which === 13) {
                        // Evitar el comportamiento predeterminado del evento (por ejemplo, enviar un formulario)
                        event.preventDefault();
                        // Llamar a la función para agregar un nuevo campo
                        addPagomas(1, $(this).closest('.row').find('.agregar-campo'));
                        // Establecer el foco en el nuevo campo agregado
                        $(this).closest('.row').next().find('.pendiente-input').focus();
                    }
                });


                // Agregar opciones al select del nuevo campo
                $.each(medios_pagos, function(index, medio_pago) {
                    var option = $('<option>', {
                        value: medio_pago.id,
                        text: medio_pago.descripcion 
                    });

                    // Verificar si el método de pago es "Efectivo"
                    if (medio_pago.descripcion.toLowerCase() === 'Efectivo') {
                        option.prop('selected', true); // Seleccionar la opción "Efectivo"
                    }

                    nuevoCampo.find('.medios-pagos-select').append(option);
                });

                // Agregar el nuevo campo al contenedor
                $('#DivañadirPago').append(nuevoCampo);
                nuevoCampo.find('.pendiente-input').focus();

            // }
        }
        
}



        function pagarpendientes(){
             $('#modalPendiente').show();

        }
        function cerrarModalPendiente(){
            $('#modalPendiente').hide();

        }


        function consultarDatos(rutaconsultar) {
            rutaconsultar = $("#rut_m").val();
            if (rutaconsultar == "") {
                return;
            }
            $.ajax({

                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'GET',
                url: "{{ route('consultarrutcliente') }}",
                data: {
                    'rutaconsultar': rutaconsultar
                },
                beforeSend: function() {
                    // Antes de enviar la solicitud, mostrar la imagen de carga
                    $('#loading-image').show();
                    $('#divBotones').hide();

                },
                success: function(data) {
                    $('#loading-image').hide();
                    $('#divBotones').show();

                    //1 rut existe
                    console.log("repuestos datasssss");

                    console.log(data);

                    // Se encontraron datos
                    DirRecep = data.DirRecep;
                    RznSocRecep = data.RznSocRecep;
                    GiroRecep = data.GiroRecep;


                    $("#rut_m").val(rutaconsultar);
                    //GIROS
                    $("#giro_m").empty();
                    if (GiroRecep !== null) {

                        var getGiro = GiroRecep.split(';');
                        $.each(getGiro, function(index, giro) {
                            var opcion = $('<option>').text(giro);
                            $("#giro_m").append(opcion);

                        });

                    } else {

                    }
                    var opcion = $('<option>').text("PARTICULAR");
                    $("#giro_m").append(opcion);
                    var opcion = $('<option>').text("OTRO");
                    $("#giro_m").append(opcion);

                    //llamamos para poner las direcciones
                    nombreComuna = buscarNombreRegionComuna(DirRecep);

                    //DIRECCIONES
                    $("#direccion_m").empty();

                    if (DirRecep !== null) {

                        var getDirecciones = DirRecep.split(';');
                        $.each(getDirecciones, function(index, direccion) {
                            var opcion = $('<option>').text(direccion);

                            $("#direccion_m").append(opcion);

                        });
                    } else {

                    }

                    var opcion = $('<option>').text("PARTICULAR");
                    $("#direccion_m").append(opcion);
                    var opcion = $('<option>').text("OTRO");
                    $("#direccion_m").append(opcion);



                    $("#razon_social_m").val(RznSocRecep);


                    $("#div_region").css("display", "none");
                    $("#div_comuna").css("display", "none");
                    $("#text_giro_otro").css("display", "none");
                    $("#text_direccion_otro").css("display", "none");


                },
                error: function(xhr, status) {
                    $('#loading-image').hide();

                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            });


        }

        //ABRIR OTRA URL
        $(document).ready(function() {
            // Verificar si hay un mensaje en la sesión
            var mensaje = '{{ session('mensaje') }}';
            if (mensaje !== '') {
                //  alert(mensaje); // Mostrar el mensaje flash

                // Verificar si hay un ID de orden de trabajo en la sesión
                var idOT = '{{ session('idOT') }}';
                if (idOT !== '') {

                    // alert(idOT);
                    // Construir la URL para la nueva pestaña
                    // http://35.232.42.155:8500/imprimir/ot?idOT=%3AidOT
                    var url = '{{ route('imprimirot', ['idOT' => 'laot']) }}';
                    url = url.replace('laot', idOT);

                    // Abrir una nueva pestaña con la URL
                    window.open(url, '_blank');
                }
            }
        });

        $(document).ready(function() {

            $("#region_m").change(function() {
                buscar_comuna($("#region_m option:selected").val());
            });


            $('#giro_m').change(function() {
                var selectedOption = $(this).val(); // Obtener el valor de la opción seleccionada

                if (selectedOption === "OTRO") {
                    // Si la opción seleccionada es "OTRO", realizar alguna acción aquí
                    $("#text_giro_otro").css("display", "");
                }
            });

            $('#direccion_m').change(function() {
                var selectedOption = $(this).val(); // Obtener el valor de la opción seleccionada

                if (selectedOption === "OTRO") {
                    // Si la opción seleccionada es "OTRO", realizar alguna acción aquí
                    $("#text_direccion_otro").css("display", "");
                } else {
                    nombreComuna = buscarNombreRegionComuna($(this).val());

                    // alert($(this).val());
                }
            });

            // Agregar un event listener a cada botón
            $("#facturaBtn, #boletaBtn").click(function() {
                // Deshabilitar el botón después del clic
                $("#facturaBtn, #boletaBtn").prop("disabled", true);
            });
        });


        function buscar_comuna(idregion, idComuna = "") {
            if (idregion == "Seleccionar") {
                var comunasporregion = @json($comunasporregionTodas);
                $.each(comunasporregion, function(id, comuna_nombre_array) {
                    $("#comuna_m").append('<option value=' + comuna_nombre_array.id + '>' + comuna_nombre_array
                        .des_comuna + '</option>');
                });
            } else {

                var comunasporregion = @json($comunasporregionTodas);
                //   alert(idregion);
                const comunasDeRegionSeleccionada = comunasporregion.filter(comuna => comuna.id_region == idregion);
                $("#comuna_m").empty();

                $.each(comunasDeRegionSeleccionada, function(id, comuna_nombre_array) {
                    $("#comuna_m").append('<option value=' + comuna_nombre_array.id + '>' + comuna_nombre_array
                        .des_comuna + '</option>');
                });

                if (idComuna != "") {
                    $("#comuna_m").val(idComuna);
                    $("#region_m").val(idregion);
                }
            }


            // console.log("comunasporregion");
            // console.log(comunasporregion);
            // console.log(comunasDeRegionSeleccionada);

        }

        function add_guion_rut_change(rut) {
            // Verificar si ya tiene guion
            if (rut.indexOf('-') !== -1) {
                return rut; // Si ya tiene guion, no hacer nada
            } else {
                // Si no tiene guion, agregar guion en el penúltimo espacio
                var rutSinGuion = rut.replace(/\D/g, '');
                var rutConGuion = rutSinGuion.slice(0, -1) + '-' + rutSinGuion.slice(-1);
                return rutConGuion;
            }
        }


        $(document).ready(function() {

            $('#rut_m').change(function() {
                var valorActual = $("#rut_m").val();
                var nuevoValor = add_guion_rut_change(valorActual);
                $("#rut_m").val(nuevoValor);
            });

            //Validar rut
            $("#rut_m").change(function() {


                //esta funcion (checkRut) se encuentra en funciones.js
                var resultado = checkRut($("#rut_m").val());
                if (resultado == "Rut incorrecto") {
                    $("#rut_m").val('');
                    $("#rut_span").css("display", "")
                } else {
                    $("#rut_span").css("display", "none")
                    // validar_rut_cliente($("#rut_m").val());

                    //LLAMAMOS LA FUNCION PARA PODER TRAER LOS NUEVOS DATOS
                    // ModalFacturarOt("",rut_m);
                    obtenerDataFactura("", $("#rut_m").val().toString());

                }

                //agregar digito al rut
                // $('#rut_m').on('input', function() {
                //     $("#rut_m").val(add_guion_rut($("#rut_m").val()));
                // });
                $('#rut_m').keyup(function() {
                    $("#rut_m").val(add_guion_rut($("#rut_m").val()));
                });



            });



            $('#buscarClientes').on('keyup', function() {

                var valorIngresado = $(this).val();
                var data = @json($getclientes);
                arrayclientes = @json($getclientes);



                //  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, 10);


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

                if (valorIngresado != "") {

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

                }


            });


        });
        //validar rut
        function validar_rut_cliente(rut) {

            // $("#rut_m").val("");
            $("#razon_social_m").val("");
            $("#correo_m").val("");
            $("#telefono_m").val("");
            $("#direccion_m").val("");
            $("#giro_m").val("");





            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'GET',
                url: "{{ route('validarrut.getRutCliente') }}",
                data: {
                    'rut': rut
                },
                success: function(data) {

                    if (data.length != 0) {
                        //  $("#rut_m").val(data[0].rut);
                        $("#razon_social_m").val(data[0].razon_social);
                        $("#correo_m").val(data[0].correo);
                        $("#telefono_m").val(data[0].telefono);
                        $("#direccion_m").val(data[0].nombre_direccion);
                        $("#giro_m").val(data[0].giro);
                        $("#region_m").val(data[0].id_region);
                        $("#comuna_m").val(data[0].comunas_id);




                    }
                    //1 rut existe
                    console.log("response");
                    console.log(data.length);


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


        function cerrarModalFacturar(idOt) {

            $("#idOtFacturar").val(idOt);
            $('#ModalFacturar').hide();

        }

        function ModalRetirarOtData() {

            var dataOtRetirada = @json($otRetirada);

            // console.log(dataOtRetirada);
            // console.log(dataOtRetirada[0]["nombre"]);

            // $("#nombre_retira").val(dataOtRetirada[0]["nombre"]);
            // $("#rut_retira").val(dataOtRetirada[0]["rut"]);
            // $("#telefono_retira").val(dataOtRetirada[0]["telefono"]);
            $("#nombre_retira").val(dataOtRetirada[0]["nombre"]).prop('disabled', true);
            $("#rut_retira").val(dataOtRetirada[0]["rut"]).prop('disabled', true);
            $("#telefono_retira").val(dataOtRetirada[0]["telefono"]).prop('disabled', true);
            $("#comentario_retira").val(dataOtRetirada[0]["comentario"]).prop('disabled', true);
            
            // Obtén la fecha en formato "año-mes-día"
            var fechaRetiro = dataOtRetirada[0]["fecha_retiro"];

            // Divide la fecha y la hora
            var partesFechaHora = fechaRetiro.split(" ");
            var fecha = partesFechaHora[0]; // Obtiene la parte de la fecha
            var hora = partesFechaHora[1]; // Obtiene la parte de la hora

            // Divide la fecha en partes (año, mes, día)
            var partesFecha = fecha.split("-");
            var año = partesFecha[0];
            var mes = partesFecha[1];
            var dia = partesFecha[2];

            // Formatea la fecha como "día-mes-año hora:minutos:segundos"
            var fechaFormateada = dia + "-" + mes + "-" + año + " " + hora;

            // Asigna la fecha formateada al elemento con id "fecha_registrado"
            $("#fecha_registrado").text(fechaFormateada+"Hrs.");            
            $("#guardarRetirado").css("display", "none");
            $('#modalRetirar').show();
        }

        function ModalRetirarOt(idOt) {

            $("#idOtRetirar").val(idOt);
            $('#modalRetirar').show();

        }

        function obtenerDataFactura(idOt, rutclienteData) {


            // alert(rutclienteData);
            Getdatos_dte = @json($Getdatos_dte);
            var rutDividido = rutclienteData.split("-");
            var rutcliente = rutDividido[0];


            var datosDteSele = $.grep(Getdatos_dte, function(e) {
                return e.RUTRecep === rutcliente + "";
            });




            // Validar si se encontraron datos
            if (datosDteSele.length > 0) {
                // Se encontraron datos
                DirRecep = datosDteSele[0].DirRecep;
                RznSocRecep = datosDteSele[0].RznSocRecep;

                
                GiroRecep = datosDteSele[0].GiroRecep;




                $("#rut_m").val(rutclienteData);



                //GIROS
                $("#giro_m").empty();
                if (GiroRecep !== null) {

                    var getGiro = GiroRecep.split(';');
                    $.each(getGiro, function(index, giro) {
                        var opcion = $('<option>').text(giro);
                        $("#giro_m").append(opcion);

                    });

                } else {

                }

                var opcion = $('<option>').text("PARTICULAR");
                $("#giro_m").append(opcion);
                var opcion = $('<option>').text("OTRO");
                $("#giro_m").append(opcion);

                //DIRECCIONES

                if(DirRecep != "no registra"){


                    $("#direccion_m").empty();

                    if (DirRecep !== null) {

                        nombreComuna = buscarNombreRegionComuna(DirRecep);



                        var getDirecciones = DirRecep.split(';');
                        // $.each(getDirecciones, function(index, direccion) {
                        //     var opcion = $('<option>').text(direccion);

                        //     $("#direccion_m").append(opcion);

                        // });

                        $.each(getDirecciones, function(index, direccion) {
                            // Encuentra la posición de "COMUNA:"
                            var posicionComuna = direccion.indexOf("COMUNA:");

                            // Si se encuentra "COMUNA:", toma la subcadena desde el inicio hasta justo antes de "COMUNA:"
                            var direccionSinComuna = posicionComuna !== -1 ? direccion.substring(0, posicionComuna) : direccion;

                            // Encuentra la posición de "DOMICILIO:"
                            var posicionDomicilio = direccionSinComuna.indexOf("DOMICILIO:");

                            // Si se encuentra "DOMICILIO:", toma la subcadena desde justo después de "DOMICILIO:"
                            var direccionFinal = posicionDomicilio !== -1 ? direccionSinComuna.substring(posicionDomicilio + 10) : direccionSinComuna;

                            var opcion = $('<option>').text(direccionFinal.trim()); // trim() para eliminar espacios en blanco adicionales

                            $("#direccion_m").append(opcion);
                        });

                    } else {

                    }
                }

                    var opcion = $('<option>').text("PARTICULAR");
                        $("#direccion_m").append(opcion);
                        var opcion = $('<option>').text("OTRO");
                        $("#direccion_m").append(opcion);

               

                if(RznSocRecep != "no registra"){

                $("#razon_social_m").val(RznSocRecep);
                 }
                // $("#correo_m").val("");
                // $("#telefono_m").val("");



                $("#div_region").css("display", "none");
                $("#div_comuna").css("display", "none");
                $("#text_giro_otro").css("display", "none");
                $("#text_direccion_otro").css("display", "none");

            } else {

                // NO SE ENCUENTRAN DATOS
                // $("#giro_m").empty();
                // $("#direccion_m").empty();
                // $("#correo_m").val("");
                // $("#telefono_m").val("");
                // $("#razon_social_m").val("");

                // $("#div_region").css("display", "");
                // $("#div_comuna").css("display", "");
                // $("#text_giro_otro").css("display", "");
                // $("#text_direccion_otro").css("display", "");

                // $("#razon_social_m").val("");
                // $("#correo_m").val("");
                // $("#telefono_m").val("");


                // var opcionD = $('<option>').text("OTRO");
                // $("#direccion_m").append(opcionD);
                // var opcion = $('<option>').text("OTRO");
                // $("#giro_m").append(opcion);
                // console.log("No se encontraron datos");
            }



            console.log("datosDteSele");
            console.log(datosDteSele);




        }



        function buscarNombreRegionComuna(direccion) {

            console.log("estamosen la funcion buscar region");

            // Dividir la cadena en segmentos por el punto y coma
            var segmentos = direccion.split(";");

            // Array para almacenar los nombres de las comunas
            var comunas = [];

            // Recorrer cada segmento para extraer el nombre de la comuna
            segmentos.forEach(function(segmento) {
                // Dividir el segmento por el punto para obtener las partes relevantes
                var partes = segmento.split(".");

                // Recorrer las partes para encontrar la que contiene el nombre de la comuna
                partes.forEach(function(part) {
                    if (part.includes("COMUNA:")) {
                        // Dividir la parte para obtener solo el nombre de la comuna
                        var nombreComuna = part.split(":")[1].trim();
                        comunas.push(nombreComuna); // Agregar el nombre de la comuna al array
                    }
                });
            });
            var comunasporregionTodas = @json($comunasporregionTodas);
            const comunaSeleccionada = comunas[
            0]; // Supongamos que `comunas` es un arreglo de comunas y queremos seleccionar la primera comuna


            console.log("comunaSeleccionada");
            console.log(comunaSeleccionada);

            if (comunaSeleccionada && comunaSeleccionada.length > 0) {

                // Buscamos la comuna en el arreglo de datos
                // const comuna = comunasporregionTodas.find(item => item.des_comuna.toUpperCase() === comunaSeleccionada.toUpperCase());
                const comuna = comunasporregionTodas.find(item => eliminarAcentos(item.des_comuna.toUpperCase()) ===
                    eliminarAcentos(comunaSeleccionada.toUpperCase()));

                // Verificamos si la comuna fue encontrada
                if (comuna) {
                    const id = comuna.id;
                    const id_region = comuna.id_region;

                    // $("#comuna_m").val(id);
                    // $("#region_m").val(id_region);
                    buscar_comuna(id_region, id);

                } else {}
            } else {

                // si no encuentra region y comuna
                $("#comuna_m").val("Seleccionar");
                $("#region_m").val("Seleccionar");


            }



        }

        function eliminarAcentos(texto) {
            return texto.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
        }

        function ModalFacturarOt(idOt, rutclienteData) {

            Getdatos_dte = @json($Getdatos_dte);
            Getdatos_clientes = @json($clientes);
            var rutDividido = rutclienteData.split("-");
            var rutcliente = rutDividido[0];


            var datosDteSele = $.grep(Getdatos_dte, function(e) {
                return e.RUTRecep === rutcliente + "";
            });

            var datosDteSeleDos = $.grep(Getdatos_clientes, function(e) {
                return e.RUTRecep === rutclienteData + "";
            });
            

            console.log("datosDteSele");
            console.log(datosDteSele);

            console.log("datosDteSeleDos");
            console.log(datosDteSeleDos);
            // VERIFICAMOS SI EXISTEN DATOS
            if (datosDteSele.length > 0) {




                let DirRecep;
                let GiroRecep;

                // Verificar si datosDteSeleDos[1] está definido y tiene la propiedad DirRecep
                if (datosDteSeleDos[0] && datosDteSeleDos[0].DirRecep && datosDteSeleDos[0].DirRecep.trim() !== '') {
                    DirRecep = datosDteSele[0].DirRecep + ";" + datosDteSeleDos[0].DirRecep;
                } else {
                    DirRecep = datosDteSele[0].DirRecep;
                }    


                 RznSocRecep = datosDteSele[0].RznSocRecep;


                  // Verificar si datosDteSeleDos[1] está definido y tiene la propiedad GiroRecep
                if (datosDteSeleDos[0] && datosDteSeleDos[0].GiroRecep && datosDteSeleDos[0].GiroRecep.trim() !== '') {
                    GiroRecep = datosDteSele[0].GiroRecep + ";" + datosDteSeleDos[0].GiroRecep;
                } else {
                    GiroRecep = datosDteSele[0].GiroRecep;
                } 
                // GiroRecep = datosDteSele[0].GiroRecep;




                $("#rut_m").val(rutclienteData);
                //GIROS
                $("#giro_m").empty();
                if (GiroRecep !== null) {

                    var getGiro = GiroRecep.split(';');
                    $.each(getGiro, function(index, giro) {
                        var opcion = $('<option>').text(giro);
                        $("#giro_m").append(opcion);

                    });

                } else {

                }

                var opcion = $('<option>').text("PARTICULAR");
                $("#giro_m").append(opcion);
                var opcion = $('<option>').text("OTRO");
                $("#giro_m").append(opcion);

                //DIRECCIONES
                $("#direccion_m").empty();

                if (DirRecep !== null) {

                    var getDirecciones = DirRecep.split(';');
                    // $.each(getDirecciones, function(index, direccion) {
                    //     var opcion = $('<option>').text(direccion);

                    //     $("#direccion_m").append(opcion);

                    // });
                    $.each(getDirecciones, function(index, direccion) {
                        // Encuentra la posición de "COMUNA:"
                        var posicionComuna = direccion.indexOf("COMUNA:");

                        // Si se encuentra "COMUNA:", toma la subcadena desde el inicio hasta justo antes de "COMUNA:"
                        var direccionSinComuna = posicionComuna !== -1 ? direccion.substring(0, posicionComuna) : direccion;

                        // Encuentra la posición de "DOMICILIO:"
                        var posicionDomicilio = direccionSinComuna.indexOf("DOMICILIO:");

                        // Si se encuentra "DOMICILIO:", toma la subcadena desde justo después de "DOMICILIO:"
                        var direccionFinal = posicionDomicilio !== -1 ? direccionSinComuna.substring(posicionDomicilio + 10) : direccionSinComuna;

                        var opcion = $('<option>').text(direccionFinal.trim()); // trim() para eliminar espacios en blanco adicionales

                        $("#direccion_m").append(opcion);
                    });
                } else {

                }

                var opcion = $('<option>').text("PARTICULAR");
                $("#direccion_m").append(opcion);
                var opcion = $('<option>').text("OTRO");
                $("#direccion_m").append(opcion);

                console.log("Getdatos_dte");
                console.log(Getdatos_dte);
                console.log(rutcliente);


                $("#div_region").css("display", "none");
                $("#div_comuna").css("display", "none");
                $("#text_giro_otro").css("display", "none");
                $("#text_direccion_otro").css("display", "none");

            }
            $("#idOtFacturar").val(idOt);

            $('#ModalFacturar').show();

        }


        function ModalFacturarOt_old(idOt) {


            console.log("Getdatos_dte");
            console.log(Getdatos_dte);
            $("#idOtFacturar").val(idOt);
            $('#ModalFacturar').show();

        }

        function ModalCancelarOT(idOt) {

            $("#idOtCancelar").val(idOt);
            $('#modalCancelaOt').show();

        }

        function openModalRepuestos(idRepuestosSolicitado) {


            $.ajax({

                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'GET',
                url: "{{ route('historialrepuestos') }}",
                data: {
                    'idRepuestosSolicitado': idRepuestosSolicitado
                },
                success: function(data) {
                    //1 rut existe
                    console.log("repuestos data");

                    console.log(data);

                    var tablaBody = $('#tablaBodyRepuestos');
                    tablaBody.empty();

                    // Recorrer los datos y agregar filas a la tabla
                    $.each(data, function(index, item) {


                        var fila = '<tr>' +
                            '<td>' + item.id + '</td>' +
                            '<td>' + formatfecha(item.fecha_recibida) + '</td>' +
                            '<td class="text-uppercase">' +
                            "<strong>Recibido por (obligatorio):</strong> " + item.recibidopor +
                            "<br> <strong>comentario(obligatorio):</strong>  " + item.comentario +
                            '</td>' +
                            // '<td>' + item.servicios_ordenes_id + '</td>' +
                            '</tr>';
                        tablaBody.append(fila);




                    });

                    //alert("Operación Exitosa");
                    //  window.location.reload();
                    $('#modalHistorialRepustos').show();


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

            // tablaBodyRepuestos
        }

        function closedModalRepuestos() {
            $('#modalHistorialRepustos').hide();
        }

        // modalHistorial
        function openhistorial(idServicio) {


            $.ajax({

                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'GET',
                url: "{{ route('historialservicios') }}",
                data: {
                    'idServicio': idServicio
                },
                success: function(data) {
                    //1 rut existe
                    console.log(data);

                    var tablaBody = $('#tablaBody');
                    tablaBody.empty();

                    // Recorrer los datos y agregar filas a la tabla
                    $.each(data, function(index, item) {
                        var fila = '<tr>' +
                            '<td>' + item.id + '</td>' +
                            '<td>' + formatfecha(item.fecha_ingresado) + '</td>' +
                            '<td class="text-uppercase">' + item.descripcion + '</td>' +
                            // '<td>' + item.servicios_ordenes_id + '</td>' +
                            '</tr>';
                        tablaBody.append(fila);
                    });

                    //alert("Operación Exitosa");
                    //  window.location.reload();
                    $('#modalHistorial').show();


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

        }



        function cerrarModalRetirarOt() {
            // alert(idRepuestosServicio);
            $('#modalRetirar').hide();

        }

        function cerrarModalCancelaOt() {
            // alert(idRepuestosServicio);
            $('#modalCancelaOt').hide();

        }


        function cerrarmodalhistorial() {
            // alert(idRepuestosServicio);
            $('#modalHistorial').hide();

        }

        //   ....
        function addRepuestos(idRepuestosServicio) {
            // alert(idRepuestosServicio);
            idtablerespuestossolicitados = idRepuestosServicio;
            $('#modalRepuestos').show();

        }

        function cerrarmodal(idRepuestosServicio) {
            // alert(idRepuestosServicio);
            $('#modalRepuestos').hide();

        }

        function updaterepuestos() {
            var entregado = "si";
            var comentario = $('#comentario_entrega').val();
            var recibidopor = $('#recibidopor').val();

            if (comentario === '' || recibidopor === '') {
                // Mostrar un mensaje de error o realizar alguna acción
                alert('Por favor, completa todos los campos obligatorios.');
                return false; // Detener el envío del formulario
            }

            // // Verificar si el checkbox está seleccionado
            // if ($('#checkentregado').is(':checked')) {
            //     // El checkbox está seleccionado
            //     entregado = "si";
            // } else {
            //     // El checkbox no está seleccionado
            //     entregado = "no";;
            // }

            $.ajax({

                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('update.updaterepuestosorden') }}",
                data: {
                    'idtablerespuestossolicitados': idtablerespuestossolicitados,
                    "entregado": entregado,
                    'comentario': comentario,
                    'recibidopor': recibidopor,
                    'idOrdenTrabajo': idOrdenTrabajo

                },
                success: function(data) {
                    //1 rut existe
                    console.log("datadatadata");
                    console.log(data);


                    if (data == "ok") {
                        // alert("Operación Exitosa");
                        window.location.reload();
                    }

                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Todos los campos son obligatorios');
                }
            });
        }

        function updateservicio(id_ejecucion_servicio, id_servicio_orden, accion) {

            $.ajax({
                //  headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                //  type: 'post',
                //  url: "{{ route('update.iniciarservicio') }}",
                //  data: { 'idservicio': id_servicio_orden },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('update.iniciarservicio') }}",
                data: {
                    'id_ejecucion_servicio': id_ejecucion_servicio,
                    "id_servicio_orden": id_servicio_orden,
                    'accion': accion
                },
                success: function(data) {
                    //1 rut existe
                    if (data == "ok") {
                        // alert("Operación Exitosa");
                        window.location.reload();
                    }
                    // console.log("data");
                    // console.log(data);
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            });
        }


        function registrarTecnico(idServicioAsociado, id_servicio_orden) {


            $('#modalAddTecnico').show();
            $('#identificador_servicio_eje').val(idServicioAsociado);
            $('#id_servicio_orden').val(id_servicio_orden);




            // $.ajax({
            //     headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            //     type: 'GET',
            //     url: "{{ route('update.updateservicioorden') }}",
            //     data: { 'idservicio': idServicioAsociado },
            //     success: function(data) {
            //        //1 rut existe
            //        console.log("data");
            //        console.log(data);
            //     },
            //     error: function(xhr, status) {
            //         alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            //     }
            // });


        }

        function cerrarModal() {

            $('#modalAddTecnico').hide();

        }
    </script>
@endsection