@extends('menu/menu')
<style>
    thead tr th {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #ffffff;
    }
</style>
@section('content')
<div class="container">
    <div class="container-fluid">
        <div class="container"><br>
            <div class="row reex text-center" style="height: auto">
                <div class="container col-sm-6 form-group">
                    <label>
                        <h2>U.F.</h2>
                    </label>
                    <input type=""  class="monto1 form-control text-center" id="valorUf" name="" value="{{$uf ?? 'Sin Información'}}"  onkeyup="PasarValor();">
                </div>
                <div class="container col-sm-6 form-group ">
                    <label>
                        <h2>KM.</h2>
                    </label>
                    <input type="text" class="form-control text-center" id="valorKilometros" name="" disabled value="{{$valor_kilometro ?? 'Sin Información'}}" placeholder="$ 200 x KM" onkeyup="PasarValor();">
                </div>
                <div class="container col-sm-6 form-group ">
                    <label>
                        <h2>Usuario Adicional</h2>
                    </label>
                    <input type="text" class="form-control text-center" id="valorUsuarioadicional" name="" disabled value="{{$valor_usuarioadicional ?? 'Sin Información'}}" placeholder=" UF" onkeyup="PasarValor();">
                </div>
            </div>
        </div>
    </div>
</div>
<!--TABLA-->
{{ session(['url_vistaprevia' => url()->full()])     }}
<div class="container" style="margin-top: 30px;">
    <form action="{{route('ir_vista_excel_vistaprevia',Crypt::encryptString(url()->full()))}}" method="GET">
        <input type="hidden" value="{{$f1 ?? ''}}" name="variable" id="variable">
        <input type="hidden" value="{{$f2 ?? ''}}" name="variable1" id="variable1">
        <input type="hidden" value="{{$cliente_seleccionado ?? ''}}" name="variable2" id="variable2">
        {{-- <button type="submit" class="btn"><img src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</button> --}}
    </form>
    {{-- <button type="button" id="btnExport" class="btn"><img src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</button> --}}

</div>
<div class="container-fluid" id="dvData">
    <div class="container-fluid" style="margin-top: 20px">
        <div class="container">
            <input type="button" value="Calcular" id="ok" class="btn btn-primary btn-sm">
            <input type="hidden" value="Guardar" id="ok" class="btn btn-success btn-sm">

            <button class="btn" id="btnExport" value="">
                <img src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel
            </button>   
        </div>
        <!-- MENSAJE CARGANDO -->
        <div class="container " style="text-align: center; display:">
            <h1 class=""  id="mensajeCargando"> </h1>
        </div>
        <!-- MENSAJE RECORDATORIO -->
        <div class="alert alert-warning" id="mensajeRecordatorio" style="text-align: center; display:">
            <h1 class="" id=""> Recuerde hacer click en boton calcular</h1>
        </div>
        <div>
            <label for="" id="total" >{{count($instalaciones)}}</label> <label for="">Registros</label>
        </div>
        <div class="alert alert-danger" role="alert" id="mensajeAlerta" style="display: none">
            <h3>          
                Completar todos los campos en ROJOS
            </h3>
        </div>
        @foreach($usuarioadicional as $ua)@endforeach

    </div>
</div>



<div class="col-md-12 col-sm-12 col-xs-12" style="margin-left: 0%;">
    <div class="conteiner row rein  table-responsive " style="border: 5px solid rgb(232, 245, 254); width: 100%; height: 80%;">
        <table class="table table-bordered table-responsive-lg table-striped table-hover" id="tabla" style="margin: 0px;">
            <!--ENCABEZADO-->
            <thead>
                <tr>
                    <th class="container">
                        <h3>Cliente</h3>
                    </th>
                    <th class="container">
                        <h3>Proyecto Asociado</h3>
                    </th>
                    <th class="container">
                        <h3>T&eacute;cnico</h3>
                    </th>
                    <th class="container">
                        <h3>N° visita</h3>
                    </th>
                    <th class="container">
                        <h3>Tipo visita</h3>
                    </th>
                    <th class="container">
                        <h3>Fecha Instalación</h3>
                    </th>
                    <th class="container">
                        <h3>Check Finalizado</h3>
                    </th>
                    <th class="container">
                        <h3>N° de serie</h3>
                    </th>
                    <th class="container">
                        <h3>Sucursal</h3>
                    </th>
                    <th class="container">
                        <h3>Direccion</h3>
                    </th>
                    <th class="container">
                        <h3>Regi&oacute;n</h3>
                    </th>
                    <th class="container" style="border-right: 0;">
                        <h3>Regi&oacute;n Modificable</h3>
                    </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th class="container">
                        <h3>Ciudad</h3>
                    </th>
                    <th class="container" style="border-right: 0;">
                        <h3>Ciudad base</h3>
                    </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th class="container">
                        <h3>Estado Check</h3>
                    </th>
                    <th class="container-2" style="border-right: 0;">
                        <h3>Observacion</h3>
                    </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th style="border-left:0; border-right: 0;"> </th>
                    <th class="container">
                        <h3>Valor Atenci&oacute;n</h3>
                    </th>
                    <th class="container">
                        <h3>Traslado</h3>
                    </th>
                    <th class="container">
                        <h3>Sub-Total</h3>
                    </th>
                    <th class="container">
                        <h3>KM</h3>
                    </th>
                    <th class="container">
                        <h3>Cantidad usuarios</h3>
                    </th>
                    <th class="container">
                        <h3>Costo usuarios</h3>
                    </th>
                    <th class="container">
                        <h3>Costo Final</h3>
                    </th>
                </tr>
            </thead>
            <!--FIN ENCABEZADO-->
            <!--RESULTADOS-->
            <tbody>
                {{-- @foreach ($instalaciones as $los_dato) --}}
                @foreach ( $instalaciones as $key => $los_dato )
                <tr>
                    
                    {{-- CLIENTE --}}
                    <td>{{ucfirst($los_dato->sCliente ?? '')}}</td>
                    {{-- PROYECTO ASOSIADO --}}
                    <td>{{$ua->nombre}}</td>
                    {{-- TECNICO --}}
                    <td>{{$los_dato->nombre_uno ?? ''}} {{$los_datos->apellido_uno ?? ''}}</td>
                    {{-- NUMERO VISITA --}}
                    <td>{{$los_dato->numero_visita}}</td>
                    {{-- TIPO VISITA --}}
                    @if($los_dato->tipos_visitas_id == 1)
                    <td>Habilitacion</td>
                    @elseif($los_dato->tipos_visitas_id == 2)
                    <td>Instalacion Accesorios</td>
                    @elseif($los_dato->tipos_visitas_id == 3)
                    <td>Actualizacion Firmware</td>
                    @elseif($los_dato->tipos_visitas_id == 4)
                    <td>Cortesia</td>
                    @elseif($los_dato->tipos_visitas_id == 5)
                    <td>Garantia</td>
                    @endif
                    {{-- FECHA INICIO--}}
                    <td>{{Carbon\Carbon::createFromDate($los_dato->fecha_inicio)->format('d-m-Y')}}</td>
                    {{-- FECHA FINALIZADO --}}
                    @if($los_dato->fecha_fin != "")
                    <td>{{Carbon\Carbon::createFromDate($los_dato->fecha_fin ?? '')->format('d-m-Y')}}</td>
                    @else
                    <td>Sin fecha</td>
                    @endif
                    {{-- SERIE --}}
                    @if($los_dato->remplazo != "" || $los_dato->remplazo != null)
                    <td>{{$los_dato->remplazo}}</td>
                    @else
                    <td>{{$los_dato->CsSerie ??  ''}}</td>
                    @endif
                    {{-- SUCURSAL --}}
                    <td>{{$los_dato->Cstipo_sucursal ?? 'DESCONOCIDO'}}</td>
                    {{-- DIRECCION --}}
                    <td>{{$los_dato->Csdireccion ?? 'DESCONOCIDO'}}</td>
                    {{-- REGION --}}
                    <td class="gettdCiudad">{{$los_dato->sRegion ?? ''}}</td>
                    {{-- REGION MODIFICABLE --}}
                    <td colspan="6" class="error{{$key+1}}" >
                        <select id="region_modificable" name="region_modificable" data-va="ciudadModificable_{{$key+1}}" class="custom-select mb-3 opcionesSele regionModificable_{{$key+1}}">
                        <option selected value="" style="background-color: red"><label for="" style="background-color: red">seleccionar</label> <a href="" class="btn btn-danger">x</a></option>

                            @foreach ($carga_select as $regio)
                            @if ($regio->des_region == $los_dato->sRegion || $regio->num_r == $los_dato->sRegion || $regio->abreviatura == $los_dato->sRegion || $regio->num_region == $los_dato->sRegion)
                                <option selected value="{{ $regio->des_region}}" id="region_modificable" name="region_modificable">{{ ucfirst(strtolower($regio->des_region)) }}</option>
                                @else
                                <option value="{{ $regio->id_regiones}}" id="region"> {{ ucfirst(strtolower($regio->des_region)) }}</option>
                                @endif
                            @endforeach
                        </select>
                    </td>
                    {{-- CIUDAD --}}
                    <td class="errorCiudad{{$key+1}}" >{{ucfirst($los_dato->sComuna ?? '')}}</td>
                    {{-- CIUDAD BASE --}}
                    <td colspan="6">
                        <select id="ciudad_base" name="ciudad_base" class="custom-select mb-3  opcionesSeleCiudadBase ciudadModificable_{{$key+1}}">
                            <option selected value="0"><label for="" style="color: red">seleccionar</label></option>
                            @foreach ($carga_select as $regio)
                            @if ($regio->des_region == $los_dato->sRegion || $regio->num_r == $los_dato->sRegion || $regio->abreviatura == $los_dato->sRegion || $regio->num_region == $los_dato->sRegion)
                            <option class="gettd" selected value="{{ $regio->id}}" id="ciudad_base" name="ciudad_base">{{ ucfirst(strtolower($regio->ciudad_base)) }}
                            </option>
                            @else
                            <option value="{{ $regio->id}}" id="ciudad_base" name="ciudad_base">{{ ucfirst(strtolower($regio->ciudad_base)) }}
                            </option>
                            @endif
                            @endforeach
                        </select>
                    {{-- ESTADO CHECK --}}
                    <td>{{$los_dato->estado_inicio ?? ''}}</td>
                    {{-- OBSERVACION --}}
                    <td colspan="6">{{$los_dato->observacion ?? ''}}</td>
                    </td>
                    {{-- VALOR ATENCION --}}
                    {{--TIPO HABILITACION--}}
                        @if($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 1)
            @if(count($valor_atencion1) != 0)
                                @foreach($valor_atencion1 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 2)
            @if(count($valor_atencion2) != 0)
                                @foreach($valor_atencion2 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>

                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 3)
            @if(count($valor_atencion3) != 0)
                                @foreach($valor_atencion3 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif                 
                        @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 4)
                                @if(count($valor_atencion4) != 0)
                                        @foreach($valor_atencion4 as $valoratencion)
                                        {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                        @endforeach
                                @else
                                <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                                @endif
                        @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 5)
                            @if(count($valor_atencion5) != 0)
                                @foreach($valor_atencion5 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 6)
                            @if(count($valor_atencion6) != 0)
                                @foreach($valor_atencion6 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 7)
                            @if(count($valor_atencion7) != 0)
                                @foreach($valor_atencion7 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 8)
                            @if(count($valor_atencion8) != 0)
                                @foreach($valor_atencion8 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 9)
                            @if(count($valor_atencion9) != 0)
                                @foreach($valor_atencion9 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 10)
                            @if(count($valor_atencion10) != 0)
                                @foreach($valor_atencion10 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 11)
                            @if(count($valor_atencion11) != 0)
                                @foreach($valor_atencion11 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 1 && $los_dato->numero_visita == 12)
                            @if(count($valor_atencion12) != 0)
                                @foreach($valor_atencion12 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_habilitacion}}</td> --}}
                                <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_habilitacion}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif

                        {{--TIPO INSTALACCION ACCESORIOS--}}
                        @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 1)
            @if(count($valor_atencion1) != 0)
                                @foreach($valor_atencion1 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_instalacionaccesorios}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>

                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 2)
            @if(count($valor_atencion2) != 0)
                                @foreach($valor_atencion2 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 3)
            @if(count($valor_atencion3) != 0)
                                @foreach($valor_atencion3 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 4)
            @if(count($valor_atencion4) != 0)
                                @foreach($valor_atencion4 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 5)
            @if(count($valor_atencion5) != 0)
                                @foreach($valor_atencion5 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 6)
                            @if(count($valor_atencion6) != 0)
                                @foreach($valor_atencion6 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 7)
                            @if(count($valor_atencion7) != 0)
                                @foreach($valor_atencion7 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 8)
                            @if(count($valor_atencion8) != 0)
                                @foreach($valor_atencion8 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 9)
                            @if(count($valor_atencion9) != 0)
                                @foreach($valor_atencion9 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 10)
                            @if(count($valor_atencion10) != 0)
                                @foreach($valor_atencion10 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 11)
                            @if(count($valor_atencion11) != 0)
                                @foreach($valor_atencion11 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 2 && $los_dato->numero_visita == 12)
                            @if(count($valor_atencion12) != 0)
                                @foreach($valor_atencion6 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_instalacionaccesorios}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        {{--TIPO ACTUALIZACION FIRMWARE--}}
                        @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 1)
            @if(count($valor_atencion1) != 0)
                                @foreach($valor_atencion1 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_actualizacionfirmware}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 2)
            @if(count($valor_atencion2) != 0)
                                @foreach($valor_atencion2 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 3)
            @if(count($valor_atencion3) != 0)
                                @foreach($valor_atencion3 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 4)
            @if(count($valor_atencion4) != 0)
                                @foreach($valor_atencion4 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 5)
            @if(count($valor_atencion5) != 0)
                                @foreach($valor_atencion5 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 6)	
                            @if(count($valor_atencion6) != 0)
                                @foreach($valor_atencion6 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 7)	
                            @if(count($valor_atencion7) != 0)
                                @foreach($valor_atencion7 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 8)	
                            @if(count($valor_atencion8) != 0)
                                @foreach($valor_atencion8 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 9)	
                            @if(count($valor_atencion99) != 0)
                                @foreach($valor_atencion9 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 10)	
                            @if(count($valor_atencion10) != 0)
                                @foreach($valor_atencion10 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 11)	
                            @if(count($valor_atencion11) != 0)
                                @foreach($valor_atencion11 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 3 && $los_dato->numero_visita == 12)	
                            @if(count($valor_atencion12) != 0)
                                @foreach($valor_atencion12 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_actualizacionfirmware}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        {{--TIPO CORTESIA--}}
                        @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 1)
            @if(count($valor_atencion1) != 0)
                                @foreach($valor_atencion1 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_cortesia}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 2)
            @if(count($valor_atencion2) != 0)
                                @foreach($valor_atencion2 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 3)
            @if(count($valor_atencion3) != 0)
                                @foreach($valor_atencion3 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 4)
            @if(count($valor_atencion4) != 0)
                                @foreach($valor_atencion4 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 5)
            @if(count($valor_atencion5) != 0)
                                @foreach($valor_atencion5 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 6)		
                            @if(count($valor_atencion6) != 0)
                                @foreach($valor_atencion6 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 7)		
                            @if(count($valor_atencion7) != 0)
                                @foreach($valor_atencion7 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 8)		
                            @if(count($valor_atencion8) != 0)
                                @foreach($valor_atencion8 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 9)		
                            @if(count($valor_atencion9) != 0)
                                @foreach($valor_atencion9 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 10)		
                            @if(count($valor_atencion10) != 0)
                                @foreach($valor_atencion10 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 11)		
                            @if(count($valor_atencion11) != 0)
                                @foreach($valor_atencion11 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 4 && $los_dato->numero_visita == 12)		
                            @if(count($valor_atencion12) != 0)
                                @foreach($valor_atencion12 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_cortesia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        {{--TIPO GARANTIA--}}
                        @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 1)
            @if(count($valor_atencion1) != 0)
                                @foreach($valor_atencion1 as $valoratencion)
                                    {{-- <td>{{$valoratencion->costo_garantia}}</td> --}}
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 2)
            @if(count($valor_atencion2) != 0)
                                @foreach($valor_atencion2 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 3)
            @if(count($valor_atencion3) != 0)
                                @foreach($valor_atencion3 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 4)
            @if(count($valor_atencion4) != 0)
                                @foreach($valor_atencion4 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 5)
                            @if(count($valor_atencion5) != 0)
                                @foreach($valor_atencion5 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                        @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 6)
                            @if(count($valor_atencion6) != 0)
                                @foreach($valor_atencion6 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 7)
                            @if(count($valor_atencion7) != 0)
                                @foreach($valor_atencion7 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 8)
                            @if(count($valor_atencion8) != 0)
                                @foreach($valor_atencion8 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 9)
                            @if(count($valor_atencion9) != 0)
                                @foreach($valor_atencion9 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 10)
                            @if(count($valor_atencion10) != 0)
                                @foreach($valor_atencion10 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 11)
                            @if(count($valor_atencion11) != 0)
                                @foreach($valor_atencion11 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                            @elseif($los_dato->tipos_visitas_id == 5 && $los_dato->numero_visita == 12)
                            @if(count($valor_atencion12) != 0)
                                @foreach($valor_atencion12 as $valoratencion)
                                    <td style="vertical-align: middle;"><input onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" type="text" class="valorAtencion_{{$key+1}}" value="{{$valoratencion->costo_garantia}}"></td>
                                @endforeach
                            @else
                            <td><label style="color: red" for="">Ingresar  valor Atención</label></td>
                            @endif
                    @else
                        <td>0</td>
                    @endif
                    {{-- TRASLADO --}}
                    <td style="vertical-align:middle;">
                        <div>
                            <div style="margin-top: -2vh;">
                                <input type="checkbox" name="" id="" class="valorTasladoModificaleCheck{{$key+1}}">
                                <span>activar edicion</span>
                            </div>
                        </div>
                        <input type="text" class="valorTasladoModificale{{$key+1}}" value="0" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
                    </td>
                    {{-- SUB-TOTAL --}}
                    <td >0</td>
                    {{-- KILOMETROS--}}
                    <td class="errorKilometros{{$key+1}}">0</td>
                    {{-- CANTIDAD USUARIOS--}}
                    <td>
                        @if($los_dato->Cscantidad_usuarios != "")
                        {{$los_dato->Cscantidad_usuarios ?? '0'}}
                        @else
                            0
                        @endif
                    </td>
                    {{-- COSTOS USUARIOS--}}
                    @if($los_dato->Cscantidad_usuarios <= 5)
                    <td style="vertical-align: middle;"> <input type="text" value="0" class="ufValorAdicionalModificable{{$key+1}}" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;"> </td>
                    @elseif($los_dato->Cscantidad_usuarios > 5)
                    <td style="vertical-align: middle;">
                        <input type="text" class="ufValorAdicionalModificable{{$key+1}}" value="{{((($los_dato->Cscantidad_usuarios - 5) * ($valor_usuarioadicional)))}}">
                    </td>
                    @endif
                    {{-- COBRO FINAL --}}
                    <td>0</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>




<div class="container" style="margin-top: 10px; margin-bottom: 20px">

    
    <div>
        <div>
            Total Traslados $<label for=""  id="costos3" class="totalTrasladosClases">0</label>
        </div>
        <div>
            Sub Total (UfxVaAten) $<label for="" id="costos4" class="subTotal">0</label>
        </div>
    </div>

</div>


@endsection
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>




<script type="text/javascript">
    function botonOk() {
       
        $("#mensajeCargando").text("Cargando...");
        $("#mensajeRecordatorio").css("display","none");
        //                     setTimeout(function() {
        //                             $("#mensajeCargando").fadeOut(1500);
        //                         },5000);
        var totalesCantidad = $("#total").text();
        var valores = "";
        totalTraslados = 0;
        subTotalUfxValorAtencion = 0;
        let tol = 0;

        region="";
        regionModificable="";
        ciudad="";
        ciudadBase="";
 
        $('#tabla tr').each(function(index, element) {


            if (index != 0) {
                region = $(element).find("td").eq(10).html();
            
                regionModificable = $(".regionModificable_" + index).val();
                // alert(regionModificable);
                ciudad = $(element).find("td").eq(12).html();
                ciudadBase = $(".ciudadModificable_" + index).val();
                valorKilometros = $("#valorKilometros").val();
                valorUf = $("#valorUf").val();
                valorUf =  valorUf.replace(".", "");

                if(regionModificable == "" || regionModificable == null){

                    $(".error"+index).css("background-color","red");
                    $("#mensajeAlerta").css("display","");
                    
                }else{
                    $(".error"+index).css("background-color","");
                    $("#mensajeAlerta").css("display","none");

                }

                $.ajax({
                    // async: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('calcularkilometros') }}",
                    data: {
                        'region': region,
                        'regionModificable': regionModificable,
                        'ciudad': ciudad,
                        'ciudadBase': ciudadBase
                    },
                    // cargando
                        // beforeSend:function(){
                        // },
                    success: function(data) {
 
                        // $("#mensajeCargando").text("");
                        //data = cantidad de kilometros
                        //kilometros
                        if(data != "sinDatos") {
             
                                    if(data == "false"){
                                        $(".errorKilometros"+index).css("background-color","red");
                                        $("#mensajeAlerta").css("display","");
                                        data = "No Existen Kilometros Asociados";

                                    }else{
                                        $(".errorKilometros"+index).css("background-color","");
                                        $("#mensajeAlerta").css("display","none");
                                    }
                             
                                    if(data == "0"){
                                       // $(".errorCiudad"+index).css("background-color","red");
                                        $("#mensajeAlerta").css("display","");
                                        $(".errorKilometros"+index).css("color","red");
                                        data = "No Existe Ciudad";
                                        
                                    }else if(data == "00"){
                                        $("#mensajeAlerta").css("display","none");
                                        data = "0";
                                    }else{
                                        //$(".errorCiudad"+index).css("background-color","");
                                        $("#mensajeAlerta").css("display","none");
                                    }
                                if(data == "No Existe Ciudad" || data == "No Existe Kilometros Asociados"){
                                    $(element).find("td").eq(19).html(data);
                                }else{

                                $(element).find("td").eq(19).html(commaSeparateNumber(data));
                                
                                }
                                //sub total = uf * valor atencion
                                // valorAtencion = $(element).find("td").eq(16).html();
                                valorAtencion =  $(".valorAtencion_"+index).val();
                                subTotal = valorAtencion * valorUf;
                                $(element).find("td").eq(18).html(commaSeparateNumber(subTotal));                                 
                                           //valor traslado = (kilometros * 2) * valor kilometro
                                data = data.replace(",", ".");
                                valorTraslado_a = parseFloat(data) * 2;
                                valorKilometros = valorKilometros.replace(",", ".");
                                valorTraslado = parseFloat(valorTraslado_a) * parseFloat(valorKilometros);
                                valorTraslado2 = valorTraslado;
                                if(!isNaN(valorTraslado2)){
                                    valorTraslado2 = valorTraslado2;
                                }else{
                                    valorTraslado2 = 0;
                                }


                        

                                //$(element).find("td").eq(8).html(valorTraslado.toFixed(3));
                                valorTraslado = commaSeparateNumber(parseInt(valorTraslado));
                                //Ciudad modificable

// console.log($('.valorTasladoModificaleCheck'+index).prop('checked')+"holllalalalla");
                                // $(element).find("td").eq(17).html(valorTraslado);
                                // if($(".valorTasladoModificale"+index).val() == 0 || $(".valorTasladoModificale"+index).val() == null){
                                 if(!$('.valorTasladoModificaleCheck'+index).prop('checked')){
                                    $(".valorTasladoModificale"+index).val(valorTraslado);
                                     }
                                // }
                               
                                //Costo Usuario Adicional
                                costoUsuarioAdicional = $(".ufValorAdicionalModificable"+index).val();
                                costoUsuarioAdicional2 = Math.round(costoUsuarioAdicional * 100) /100;
                             
                                // $(element).find("td").eq(21).html(costoUsuarioAdicional2);
                                $(".ufValorAdicionalModificable"+index).val(costoUsuarioAdicional2);
                                costoUsuarioAdicionalPesos = costoUsuarioAdicional * valorUf;

                                //Costo final
                                costoFinal = parseFloat(valorTraslado2) + parseFloat(subTotal) + parseFloat(costoUsuarioAdicionalPesos);     
                                costoFinal = commaSeparateNumber(costoFinal);
                                //$(element).find("td").eq(22).html(costoFinal+"x"+valorTraslado2+"x"+subTotal+"x"+costoUsuarioAdicionalPesos);
                                $(element).find("td").eq(22).html(costoFinal);
                                valorTraslado = valorTraslado.replace(",","");
                                tol = parseInt(valorTraslado) + parseInt(tol);
                                console.log(subTotal);
                                subTotalUfxValorAtencion = parseFloat(subTotalUfxValorAtencion) + parseFloat(subTotal);

                                if(!$('.valorTasladoModificaleCheck'+index).prop('checked')){
                                   // $(".valorTasladoModificale"+index).val(valorTraslado);
                                   totalTraslados = parseFloat(totalTraslados) + parseFloat(valorTraslado);

                                }else{
                                    totalTraslados = parseFloat(totalTraslados) + parseFloat($(".valorTasladoModificale"+index).val());

                                }
                                
                                
                                $(".totalTrasladosClases").text(commaSeparateNumber(totalTraslados).replaceAll(",","."));
                                
                                $(".subTotal").text(commaSeparateNumber(subTotalUfxValorAtencion).replaceAll(",","."));
                        } 
                                //  alert(data);
                      
                    },
                    complete: function (data) {
               //         $("#mensajeCargando").text("");

           
               if(index == totalesCantidad){
                                        $("#mensajeCargando").text("");

                                 }  


                    },
                    error: function(xhr, status) {

                      
                        // alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                     //   console.log("error"+region);

                    }

                });





                //  alert(regionModificable);
                //   console.log(index+"-R-"+region+"-RMod-"+regionModificable+"-Ciu-"+ciudad);
            }
        });

     //   $("#mensajeCargando").text("");

    }

    $(document).ready(function() {

        $(".opcionesSeleCiudadBase").change(function(e) {
            //botonOk();
            $("#mensajeRecordatorio").css("display","");


        });

        $(".opcionesSele").change(function(e) {
            // alert($('select[id=ejemplo2]').val());
            // alert($(this).data("va"));
            var idCiudaBaseSelect = $(this).data("va");
            var idRegion = $(this).val();;

            $.ajax({

                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('obtenerCiudad') }}",
                data: {
                    'idRegion': idRegion,

                },

                success: function(data) {

                    $id = data[0].id;
                    $("." + idCiudaBaseSelect + " option[value='" + $id + "']").attr("selected", true);
                    //botonOk();
                    $("#mensajeRecordatorio").css("display","");

                },

                error: function(xhr, status) {

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

                }

            });


        });

        $("#btnExport").click(function(e) {
            // window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#dvData').html()));
            // e.preventDefault();
            valorUf = $("#valorUf").val();
            var cuerpoA = "";
            var cuerpoB = "";
            var acumulable = "";
            var tabla = "";
            var a = document.createElement('a');
            //getting data from our div that contains the HTML table
            //var data_type = 'data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
            
            // a.href = data_type + ', ' + encodeURIComponent($('#dvData').html());


            cuerpoA += "<table>";
            cuerpoA += "<thead>";
            cuerpoA += "<tr>";
            cuerpoA += "<td>" + "<h3>" + "Cliente" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Proyecto Asociado" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "T&eacute;cnico" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "N&deg; Visita" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Tipo visita" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Check Instalaci&oacute;n" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Fecha Finalizado" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "N&deg; de serie" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Sucursal" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Direccion" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Regi&oacute;n" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Regi&oacute;n Seleccionada" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Ciudad" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Ciudad Seleccionada" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Estado Check" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Observaci&oacute;n" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Valor Atenci&oacute;n" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Traslado" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Sub-Total" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "KM" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Cantidad usuarios" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Costos usuarios" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Usuario adicional*uf" + "</h3>" + "</td>";
            cuerpoA += "<td>" + "<h3>" + "Cobro inicial" + "</h3>" + "</td>";
            cuerpoA += "</tr>";
            cuerpoA += "</thead>";
            cuerpoA += "<tbody>";

            $('#tabla tr').each(function(index, element) {

                totalTraslados2 = commaSeparateNumber(totalTraslados).replaceAll(",",".");
                subTotalUfxValorAtencion2 = commaSeparateNumber(subTotalUfxValorAtencion).replaceAll(",",".");
                costoUsuarioAdicional = $(".ufValorAdicionalModificable"+index).val();
                x = parseFloat(costoUsuarioAdicional) * parseFloat(valorUf)
                z = Math.round(x * 1000) /1000;
                //costoFinal = commaSeparateNumber(costoFinal);
                if (index != 0) {
                    seleccionado = $(".ciudadModificable_" + index).val();
                    acumulable += "<tr>";
                    acumulable += "<td>" + $(element).find("td").eq(0).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(1).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(2).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(3).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(4).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(5).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(6).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(7).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(8).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(9).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(10).html() + "</td>";
                    //region seleccionada
                    acumulable += "<td>" + $(".regionModificable_" + index).val() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(12).html() + "</td>";
                    //ciudad Seleccionada
                    if(seleccionado == 0){acumulable += "<td>" + "No Seleccionado" + "</td>";}
                    if(seleccionado == 1){acumulable += "<td>" + "Iquique" + "</td>";}
                    if(seleccionado == 2){acumulable += "<td>" + "Antofagasta" + "</td>";}
                    if(seleccionado == 3){acumulable += "<td>" + "Copiapo" + "</td>";}
                    if(seleccionado == 4){acumulable += "<td>" + "La serena" + "</td>";}
                    if(seleccionado == 5){acumulable += "<td>" + "Valparaiso" + "</td>";}
                    if(seleccionado == 6){acumulable += "<td>" + "Talca" + "</td>";}
                    if(seleccionado == 7){acumulable += "<td>" + "Santiago" + "</td>";}
                    if(seleccionado == 8){acumulable += "<td>" + "Concepcion" + "</td>";}
                    if(seleccionado == 9){acumulable += "<td>" + "Temuco" + "</td>";}
                    if(seleccionado == 10){acumulable += "<td>" + "Osorno" + "</td>";}
                    if(seleccionado == 11){acumulable += "<td>" + "Puerto Aysen" + "</td>";}
                    if(seleccionado == 12){acumulable += "<td>" + "Punta Arenas" + "</td>";}
                    if(seleccionado == 13){acumulable += "<td>" + "Santiago" + "</td>";}
                    if(seleccionado == 14){acumulable += "<td>" + "Osorno" + "</td>";}
                    if(seleccionado == 15){acumulable += "<td>" + "Arica" + "</td>";}
                    acumulable += "<td>" + $(element).find("td").eq(14).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(15).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(16).html() + "</td>";
                    acumulable += "<td>" + $(".valorTasladoModificale"+index).val().replaceAll(",",".")+ "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(18).html().replaceAll(",",".") + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(19).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(20).html() + "</td>";
                    acumulable += "<td>" + $(element).find("td").eq(21).html().replaceAll(",",".") + "</td>";
                    acumulable += "<td>" + z +"</td>";
                    acumulable += "<td>" + $(element).find("td").eq(22).html().replaceAll(",",".") + "</td>";
                    acumulable += "</tr>";
                }
            });
            cuerpoB += "</tbody>";
            cuerpoB += "</table>";
            cuerpoB += "<div>" + "Valor UF: " + document.getElementById("valorUf").value; + "</div>"
            cuerpoB += "<div>" + "Valor x Km: " + document.getElementById("valorKilometros").value; + "</div>"
            cuerpoB += "<div>" + "Total Traslados: " + totalTraslados2 + "</div>";
            cuerpoB += "<div>" + "Sub Total (YfxVaAten): " + subTotalUfxValorAtencion2; + "</div>";
            tabla = cuerpoA + acumulable + cuerpoB;

            //a.href = data_type + ', ' + encodeURIComponent(tabla);
            a.href = 'data:application/vnd.ms-excel,' + escape(tabla);
            // a.href = data_type + ', ' + encodeURIComponent("hola mala");

            //setting the file name
            a.download = 'SupervisorReport.xls';
            //triggering the function
            a.click();
            //just in case, prevent default behaviour
            e.preventDefault();

        });


        $("#ok").click(function() {
            valorKilometros = $("#valorKilometros").val();
            valorUf = $("#valorUf").val();
            valorUf =  valorUf.replace(".", "");


            if (valorKilometros == "" || valorUf == "") {
                alert("Ingresar Valor Uf o Valor Kilometros");
            } else {
                //    $("#mensajeCargando").text("Cargando...");
                //             setTimeout(function() {
                //                     $("#mensajeCargando").fadeOut(1500);
                //                 },5000);
                botonOk();
            }



        });
    });

    $(document).ready(function() {
        $("#exportarExcel").click(function() {
            $('#tabla tr').each(function(index, element) {
                traslado = $(element).find("td").eq(9).html();
                subtotal = $(element).find("td").eq(10).html();
                km = $(element).find("td").eq(12).html();
                variable = $("#variable").val();
                variable1 = $("#variable1").val();
                variable2 = $("#variable2").val();
                var _token = $('input[name="_token"]').val();
            });
            
        });
    });


    function commaSeparateNumber(amount,decimals) {
        // while (/(\d+)(\d{3})/.test(val.toString())) {
        //     val = val.toString().replace(/(\d+)(\d{3})/, '$1' + '.' + '$2');

        // }
        amount += ''; // por si pasan un numero en vez de un string
    amount = parseFloat(amount.replace(/[^0-9\.]/g, '')); // elimino cualquier cosa que no sea numero o punto

    decimals = decimals || 0; // por si la variable no fue fue pasada

    // si no es un numero o es igual a cero retorno el mismo cero
    if (isNaN(amount) || amount === 0) 
        return parseFloat(0).toFixed(decimals);

    // si es mayor o menor que cero retorno el valor formateado como numero
    amount = '' + amount.toFixed(decimals);

    var amount_parts = amount.split('.'),
        regexp = /(\d+)(\d{3})/;

    while (regexp.test(amount_parts[0]))
        amount_parts[0] = amount_parts[0].replace(regexp, '$1' + ',' + '$2');

    return amount_parts.join('.');
        return val;
        
    }

    function calculosKM(region, regionModificable, ciudad) {

        var datos = "";
        $.ajax({

            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('calcularkilometros') }}",
            data: {
                'region': region,
                'regionModificable': regionModificable,
                'ciudad': ciudad
            },

            success: function(data) {

                datos = data;
                return datos;
            },

            error: function(xhr, status) {

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

            }

        });

        // return (datos)
    }

    //window.onload = botonOk;
</script>
<script type="text/javascript">
    // Campos Nombres
    $(document).ready(function() {
        $("#nombres1").keyup(function() {
            var value = $(this).val();
            $("#nombres2").val(value);
        });
    });
    // Campos apellidos
    $(document).ready(function() {
        $("#apellidos1").keyup(function() {
            var value = $(this).val();
            $("#apellidos2").val(value);
        });
    });
</script>
<script>
    function PasarValor() {
        valor1 = document.getElementById("valorUf").value;
        $(".costos1").text(valor1)
        valor2 = document.getElementById("valorKilometros").value;
        $(".costos2").text(valor2)
    }
</script>

<script>
    function myFunction() {
      // Declare variables
      var input, filter, table, tr, td, i, txtValue;
      input = document.getElementById("myInput");
      filter = input.value.toUpperCase();
      table = document.getElementById("myTable");
      tr = table.getElementsByTagName("tr");
    
      // Loop through all table rows, and hide those who don't match the search query
      for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[0];
        if (td) {
          txtValue = td.textContent || td.innerText;
          if (txtValue.toUpperCase().indexOf(filter) > -1) {
            tr[i].style.display = "";
          } else {
            tr[i].style.display = "none";
          }
        }
      }
    }
 </script>