{{-- @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">
        <h2>Orden de trabajo Nº : {{ $numeroOt }}
            @if($ordenes_trabajos[0]->descripcionestado == "finalizada")
            -- FINALIZADA
            @endif
            <hr />

    </div>
    {{-- {{$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">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" 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 class="mb-3 col-3">
                    <label for="razon_social" class="form-label">Patente</label>
                    <input type="text" required class="form-control" id="razon_social"
                        value="{{ $datosdelequipo[0]->patente ?? '' }}" 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 m3-3 ">
                    {{-- Servicios --}}
                    {{-- <a  href="{{ route('imprimirservicios') }}">Imprimir</a> --}}
                {{-- <a href="{{ route('imprimirservicios', ['numeroOt' => $numeroOt]) }}">Imprimir</a>
                 --}}
                 <div style="float: left;">Servicios</div>
                 <div style="float: right;">
                     {{-- <a href="{{ route('imprimirservicios') }}">Imprimir</a> --}}
                     {{-- <a href="{{ route('imprimirservicios', ['numeroOt' => $numeroOt]) }}" target="_blank"><span class="material-symbols-outlined">
                        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>
{{-- {{$servicios_ordenes}} --}}
                        @if (session('success_servicios'))
                            <div class="alert alert-success">
                                {{ session('success_servicios') }}
                            </div>
                        @endif
                        <table class="table table-hover">
                            <thead class="bg-light">
                                <th scope="col">Codigo</th>

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

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

                                <th scope="col">Cantidad</th>
                                <th scope="col">Neto</th>
                                <th scope="col">Total</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->descripcion }}
                                            </td>
                                            <td class="td-val text-uppercase" >
                                                {{ $los_datos->descripcionservicio }}
                                            </td>
                                            <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" >{{ \App\Models\config::formatNumberWithCommas($los_datos->precio_unidad) }}</td>
                                            <td class="td-val text-uppercase" >{{\App\Models\config::formatNumberWithCommas( $los_datos->precio_neto_total) }}</td>

                                         
                                            {{-- EN PROCESO 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="table table-hover">
                            <thead class="bg-light">
                                <th scope="col">Repuesto</th>
                                <th scope="col">Medida</th>

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

                            


                            </thead>
                            <tbody>

                                @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->nombre }}
                                        </td>
                                        <td class="td-val text-uppercase">
                                            {{ $los_datos->medida }}
                                        </td> --}}
                                        <td class="td-val text-uppercase">
                                            {{ $los_datos->categoria }}
                                        </td>
                                        <td class="td-val text-uppercase">
                                            {{ $los_datos->cantidad }}
                                        </td>
                                        

                                        <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 --}}
          {{-- {{$pagosAbonos}} --}}
                @if($historial ?? '' == "si")


                @if($ordenes_trabajos[0]->descripcionestado == "CANCELADA")
                <div class="row" >
                    <hr>
                    <label for=""><strong>Datos Cancelacion</strong></label>

                        
                        <div class="mb-3 col-12">
                            <label for="fecha_cancelada" class="form-label">Fecha cancelada</label>
                            <input type="text" required class="form-control" id="razon_social"
                                value="{{Carbon\Carbon::createFromDate($los_datos->fecha_cancelada?? '')->format('d-m-Y')}}" disabled placeholder=""
                                name="fecha_cancelada">
                                
    
                        </div> <div class="mb-3 col-12">
                            <label for="razon_social" class="form-label">Motivo</label>
                                <textarea name="" disabled class="form-control" id="" cols="30" rows="10">{{$datos_canceladas[0]->motivo_cancelacion ?? ''}}</textarea>    
                        </div>
                        
                        
                </div>
                <hr>
                @endif

                @if($ordenes_trabajos[0]->descripcionestado == "FACTURADA")
                <hr>
                 <div class="row" >
                     <label for="">Datos Facturacion</label>
                     <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="{{ $datos_facturacion[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="{{ $datos_facturacion[0]->rut ?? '' }}" disabled required
                             class="form-control" id="" placeholder="" name="">
 
                     </div>
                     <div class="mb-3 col-6">
                         <label for="" class="form-label">Giro</label>
                         <input type="text" value="{{ $datos_facturacion[0]->giro ?? '' }}" 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="{{ $datos_facturacion[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="{{ $datos_facturacion[0]->telefono ?? '' }}" disabled required
                            class="form-control" id="" placeholder="" name="">

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

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

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

                    </div>
                 </div>


                
                 @endif


                <div class="row">

                 <div class="col-4">
                    <table>


                        <tr>
                            <td class=" padding: 8px">
                                <strong> <label for="">Sub Total:</label> </strong> 
                            </td>
                            <td>
                                {{-- <label for="" id="">${{formatNumberWithCommas($ordenes_trabajos[0]->neto)}}</label> --}}
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->sub_total) }}</label> 
                            </td>
                        </tr>
                        <tr>
                            <td class=" padding: 8px">
                                <strong> <label for="">Impuesto:</label> </strong> 
                            </td>
                            <td>
                                {{-- <label for="" id="">${{formatNumberWithCommas($ordenes_trabajos[0]->neto)}}</label> --}}
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->iva) }}</label> 
                            </td>
                        </tr>
                        <tr>
                            <td class=" padding: 8px">
                                <strong> <label for="">Total:</label> </strong> 
                            </td>
                            <td>
                                {{-- <label for="" id="">${{formatNumberWithCommas($ordenes_trabajos[0]->neto)}}</label> --}}
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->total) }}</label> 
                            </td>
                        </tr>
                        <tr>
                            <td class=" padding: 8px">

                                <strong> <label for="">Descuento(%):</label> </strong> 
                            </td>
                            <td>
                                <label for="" id="">({{$ordenes_trabajos[0]->descuento_porcentaje}}%)</label> 

                            </td>
                        </tr>
                        
                        <tr>
                            <td class=" padding: 8px">

                                <strong> <label for="">Descuento($):</label> </strong> 
                            </td>
                            <td>
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->descuento_pesos) }}</label> 


                            </td>
                        </tr>

                        <tr>
                            <td class=" padding: 8px">

                                <strong> <label style="color: red" for="">Neto:</label> </strong> 
                            </td>
                            <td>
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->neto_descuentos) }}</label> 

                            </td>
                        </tr>
                        <tr>
                            <td class=" padding: 8px">

                                <strong> <label style="color: red" for="">Impuesto:</label> </strong> 
                            </td>
                            <td>
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->impuesto_al_descuento) }}</label> 

                            </td>
                        </tr>

                        <tr>
                            <td class=" padding: 8px">

                                <strong> <label for="">Total con descuento:</label> </strong> 
                            </td>
                            <td>
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->total_con_descuentos) }}</label> 

                            </td>
                        </tr>
                        <tr>
                            <td class=" padding: 8px">

                                <strong> <label for="">Impuesto:</label> </strong> 
                            </td>
                            <td>
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->impuesto_al_descuento) }}</label> 

                            </td>
                        </tr>
                        {{-- <tr>
                            <td>
                                <strong> <label for="">Abono:</label> </strong> 
                            </td>
                            <td>
                                @foreach($pagosAbonos as $pago)
                                    <label>
                                    
                                        ${{ $pago['total'] }}
                                    
                                    </label><br>
                                
                                @endforeach
                            </td>
                        </tr> --}}
                        
                        <tr>
                            <td>
                                <strong> <label for="">Abono:</label> </strong> 
                            </td>
                            <td>
                                {{-- <label for="" id="">${{$ordenes_trabajos[0]->abono}}</label> --}}
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->abono) }}</label> 

                            </td>
                        </tr> 
                        <tr>
                            <td>
                                <strong> <label for="">Total Restante:</label> </strong> 
                            </td>
                            <td>
                                {{-- <label for="" id="">${{$ordenes_trabajos[0]->total }}</label> --}}
                                <label for="" id="">{{ \App\Models\config::formatNumberWithCommas($ordenes_trabajos[0]->pendiente) }}</label> 

                            </td>
                        </tr>

                    </table>
                 </div>

                </div>

                {{-- <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>Abono</strong><br>
                        @foreach($pagosAbonos as $pago)
                            <label>
                            
                                {{ $pago['total'] }}
                            
                            </label><br>
                           
                        @endforeach
                    </div>
                    	
                    <div>
                        <strong> <label for="">Total:</label> </strong> <label for=""
                            id="l_total">{{$ordenes_trabajos[0]->total}}</label>
                    </div>
                </div> --}}
                @endif


           
                                                                                            

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


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

                
                @if($ordenes_trabajos[0]->descripcionestado == "Activa")

                
                    <form action="{{ route('ordendetrabajo.iniciar') }}" method="POST">
                        @csrf
                        <input type="text" value="{{$numeroOt}}" hidden name="idot">
                    <button type="" class="btn btn-success">Iniciar OT</button>
                  </form>
                  @endif
                
                @if($ordenes_trabajos[0]->descripcionestado == "INICIADO")

                    
                <form action="{{ route('ordendetrabajo.finalizar') }}" method="POST">
                    @csrf
                    <input type="text" value="{{$numeroOt}}" hidden name="idot">
                <button type="" class="btn btn-success">Finalizar</button>
            </form>
            @endif
            </div>
         @endif



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

    {{-- MODAL --}}



    <!-- 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"  >Guarda</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</label>
                
                  
              
                   <input type="text" class="form-control" id="recibidopor">
                  

             </div>
             <div class="m-2">
                <label for="">Comentario</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 repuestoServicioId = "";




            function openModalRepuestos(idRepuestosSolicitado) {
               

                $.ajax({

                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        type: 'GET',
                        url: "{{ route('historialrepuestos') }}",
                        data: {
                            'idrepuestossolicitados': 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>' + "<strong>Recibido por:</strong> "+item.recibidopor+"<br> <strong>comentario:</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>' + 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 cerrarmodalhistorial() {
                // alert(idRepuestosServicio);
                $('#modalHistorial').hide();

            }

            //   ....  
            function addRepuestos(idRepuestosServicio) {
                // alert(idRepuestosServicio);
                repuestoServicioId = 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: {
                        'repuestoServicioId': repuestoServicioId,
                        "entregado": entregado,
                        'comentario': comentario,
                        'recibidopor':recibidopor
                    },
                    success: function(data) {
                        //1 rut existe
                        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