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

                    </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" 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">

                <!-- 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>

                        <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">
            <div class="modal-content">

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

                </div>

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

                    <form 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" value="{{ $ordenes_trabajos[0]->rut ?? '' }}"
                                        required class="form-control" id="" placeholder="" name="rut_m">

                                </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">

                                </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">

                                </div>

                                <div class="mb-3 col-6">
                                    <label for="" class="form-label">Region</label>
                                    <select required class="form-control mayuscula" name="region_m" id="region_m">
                                        <option value="">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">
                                    <label for="" class="form-label">Comuna</label>
                                    <select required class="form-control mayuscula" name="comuna_m" id="comuna_m">
                                        <option value="">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>
                                <hr>
                            </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">
                            <button type="button" class="btn btn-danger" data-bs-dismiss="ModalFacturar"
                                onclick="cerrarModalFacturar()">Cerrar</button>

                            {{-- <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> --}}
                            <button type="submit" id="facturaBtnaa" name="opcion_dte" class="btn btn-success"
                                data-bs-dismiss="modal" value="factura">Facturar</button>
                            <button type="submit" id="boletaBtnaa" name="opcion_dte" class="btn btn-success"
                                data-bs-dismiss="modal" value="boleta">Boleta</button>

                        </div>
                    </form>
                </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 idOrdenTrabajo = @json($idOrdenTrabajo);

        // CREAR DTE


        //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() {





            // 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);
            });
        });




        $(document).ready(function() {




            //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());
                }

                //agregar digito al rut
                $('#rut_m').on('input', 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);


            $("#guardarRetirado").css("display", "none");
            $('#modalRetirar').show();
        }

        function ModalRetirarOt(idOt) {

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

        }

       

        function ModalFacturarOt(idOt,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+"";
        });


        DirRecep= datosDteSele[0].DirRecep;
        RznSocRecep= datosDteSele[0].RznSocRecep;
        GiroRecep= datosDteSele[0].GiroRecep;




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



            
            $("#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();



            // // 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, Intente mas tarde');
                }
            });
        }

        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