@section('instalacion')
    <div class="row justify-content-center">
        <div class="col-12">
            <h5 class="py-50">
                <center> <strong> Instalacion de GPS</strong> </center>
            </h5>
        </div>
    </div>
    
    <hr>
    {{-- Diagnostico --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Diagnostico Vehiculo</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseDiagnostico" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseDiagnostico">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Numero VIN</span>
                    </div>
                    <input type="text" class="form-control" name="vin_install" placeholder="Ingrese Numero VIN"
                        aria-label="vin" style="text-transform: uppercase;" required>
                </div>
            </div>
            <div class="col-md-6">

                <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                    <center>
                        <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt="" id="previewvin">
                    </center>
                </div>

                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        {{-- <span class="input-group-text" id="inputGroupFile01"><i class="fas fa-search"></i></span> --}}
                    </div>

                    <div class="custom-file">
                        <input class="custom-file-input" type="file" id="imgvininstall" accept="image/*;capture=camera" name="imgvininstall"
                            aria-describedby="inputGroupFileAddon01" onchange="vinsearch()" required>
                        <label class="custom-file-label" for="imgvininstall" id="imgvininstalllabel">Imagen de Numero
                            VIN</label>
                            <input type="text" id="imgurlvin" name="imgurlvin">   
                    </div>
                </div>
            </div>
            <hr>
            <div class="form-group row">
                @foreach($diagnosticos as $diagnostico)
                <div class="col-md-6 col-sm-12">
                    <div class="form-check">
                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input install_diagnosticos" type="checkbox"
                            value="{{$diagnostico->id_diagnostico}}" id="diagnosticos">
                        <label class="form-check-label" for="defaultCheck1">{{$diagnostico->nombre}}</label>
                        <div id="div_{{$diagnostico->id_diagnostico}}" style="display: none;">
                            <input type="text" id="text_{{$diagnostico->id_diagnostico}}" name="text_diag{{$diagnostico->id_diagnostico}}" class="form-control"
                                placeholder="Observacion">
                            
                        </div>
                    </div>
                </div>
                
                @endforeach
            </div>
        </div>    
        <hr>
            <h6 class="btn-group"><strong> Imagenes Diagnostico Vehiculo</strong></h6>
        <hr>
        <div class="row">
            @for ($i = 0; $i < 6; $i++)
                <div class="col-md-4 col-sm-12">
                    <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                        <center>
                            <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                id="preview_diag{{$i}}">
                        </center>
                    </div>

                    <div class="input-group mb-3">

                        <div class="custom-file">
                            <input class="custom-file-input" type="file" accept="image/*;capture=camera" id="img_diag{{$i}}"
                                name="img_diag{{$i}}" aria-describedby="inputGroupFileAddon01"
                                onchange="Imgsearch('diag{{$i}}')" >
                            <label class="custom-file-label" for="img_diag{{$i}}"
                                id="img_diag{{$i}}label">Imagen Diagnostico N°{{$i+1}}</label>
                        </div>
                    </div>
                </div>
            @endfor
        </div>    
        
    </div>
    <hr>
    
    {{-- GPS Instal --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Gps Instalado</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseGPSInstall" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseGPSInstall">
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">IMEI que se asignara al vehiculo</span>
                    </div>
                    <input type="text" class="form-control" id="imeigpsimple" name="imeigpsimple" placeholder="imei"
                        aria-label="imei" style="text-transform: uppercase;" required>
                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button" onclick="InfoGpsimple_gps()"> Consultar Reporte
                            <i class="fa fa-map-marker-alt"></i>
                        </button>
                        {{-- <button class="btn btn-outline-success" type="button" onclick=""> Asignar a Vehiculo
                            <i class="fa fa-car"></i>
                        </button> --}}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                    <label class="input-group-text" for="estadoGps">Estado GPS</label>
                    </div>
                    <select class="custom-select" id="estadoGps" name="estadoGps" required>
                    <option selected disabled>seleccione Estado GPS</option>

                    @foreach ($estagps as $estd)
                            <option value="{{$estd->id_estado_gps}}">{{$estd->nombre}}</option>
                    @endforeach
                    
                    </select>
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                    <label class="input-group-text" for="tipoGps">Tipo GPS</label>
                    </div>
                    <select class="custom-select" id="tipoGps" name="tipoGps" required>
                    <option selected disabled>seleccione Tipo GPS</option>
                        
                    @foreach ($tipogps as $tipo)
                            <option value="{{$tipo->id_tipo_gps}}">{{$tipo->nombre}}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Marca</span>
                    </div>
                <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marcaGps" style="text-transform: uppercase;" required>
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Modelo</span>
                    </div>
                <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelGps" style="text-transform: uppercase;" required >
                </div>
            </div>
            
            
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Version Firmware</span>
                    </div>
                <input type="text" class="form-control" placeholder="versionfirm" aria-label="versionfirm" name="versionFirm" required >
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Fecha Actualizacion Firmware</span>
                    </div>
                <input type="date" class="form-control" placeholder="fecha actualizacion firmware" aria-label="dateatctua" name="dtFirmware" required >
                </div>
            </div>
        </div>
        <div class="row">
            
            {{-- <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Odometro en Plataforma</span>
                    </div>
                <input type="text" class="form-control" placeholder="odometro en Plataforma" aria-label="odometro en Plataforma" value="" style="text-transform: uppercase;">
                
                </div>
            </div> --}}
        </div>
        <div id="div_gpsimplereporgps"></div>
    </div>
    <hr>

    {{-- Trabajos Realizados --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Trabajos Realizados</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseTrabajos" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseTrabajos">
        <div class="row">
            
            <hr>
            <div class="form-group row">
                @foreach($trabajos as $trabajo)
                <div class="col-md-6 col-sm-12">
                    <div class="form-check">
                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input" type="checkbox"
                            value="{{$trabajo->id_trabajo}}_trab">
                        <label class="form-check-label" for="defaultCheck1">{{$trabajo->nombre}}</label>
                        <div id="div_{{$trabajo->id_trabajo}}_trab" style="display: none;">
                            <input type="text" id="text_{{$trabajo->id_trabajo}}_trab" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                placeholder="Observacion">
                         </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        <hr>
            <h6 class="btn-group"><strong> Imagenes Trabajo Realizado</strong></h6>
        <hr>
        <div class="row">
            
                @for ($i = 0; $i < 3; $i++)
                    <div class="col-md-4 col-sm-12">
                        <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                            <center>
                                <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                    id="preview_trab{{$i}}">
                            </center>
                        </div>

                        <div class="input-group mb-3">

                            <div class="custom-file">
                                <input class="custom-file-input" accept="image/*;capture=camera" type="file" id="img_trab{{$i}}"
                                    name="img_trab{{$i}}" aria-describedby="inputGroupFileAddon01"
                                    onchange="Imgsearch('trab{{$i}}')" >
                                <label class="custom-file-label" for="img_trab{{$i}}"
                                    id="img_trab{{$i}}label">Imagen Trabajo N°{{$i+1}}</label>
                            </div>
                        </div>
                    </div>
                @endfor
        </div>
    
    </div>
    <hr>

    <div class="col-md-12 col-sm-12">
        <label for="">Observacion de la Instalacion</label>
        <textarea class="form-control" name="text_observacion_serv" id="" cols="30" rows="10"></textarea>
    </div>
    <hr>
    {{-- Boton Terminar --}}
    <div class="row  justify-content-center">
        <button class="btn-outline-success btn-block" type="submit">Terminar Instalacion</button>
    </div>
    </form>

@endsection


@section('retiro')
    <div class="row justify-content-center">
        <div class="col-12">
            <h5 class="py-50">
                <center> <strong> Instalacion de GPS</strong> </center>
            </h5>
        </div>
    </div>
    
    <hr>
    {{-- Diagnostico --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Diagnostico Vehiculo</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseDiagnostico" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseDiagnostico">
        <div class="row">
            {{-- <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Numero VIN</span>
                    </div>
                    <input type="text" class="form-control" name="vin_install" placeholder="Ingrese Numero VIN"
                        aria-label="vin" style="text-transform: uppercase;" required>
                </div>
            </div>
            <div class="col-md-6">

                <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                    <center>
                        <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt="" id="previewvin">
                    </center>
                </div>

                <div class="input-group mb-3">
                    <div class="input-group-prepend"></div>

                    <div class="custom-file">
                        <input class="custom-file-input" type="file" id="imgvininstall" name="imgvininstall"
                            aria-describedby="inputGroupFileAddon01" onchange="vinsearch()" required>
                        <label class="custom-file-label" for="imgvininstall" id="imgvininstalllabel">Imagen de Numero
                            VIN</label>
                    </div>
                </div>
            </div>
            <hr> --}}
            <div class="form-group row">
                @foreach($diagnosticos as $diagnostico)
                <div class="col-md-6 col-sm-12">
                    <div class="form-check">
                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input install_diagnosticos" type="checkbox"
                            value="{{$diagnostico->id_diagnostico}}" id="diagnosticos">
                        <label class="form-check-label" for="defaultCheck1">{{$diagnostico->nombre}}</label>
                        <div id="div_{{$diagnostico->id_diagnostico}}" style="display: none;">
                            <input type="text" id="text_{{$diagnostico->id_diagnostico}}" name="text_diag{{$diagnostico->id_diagnostico}}" class="form-control"
                                placeholder="Observacion">
                            
                        </div>
                    </div>
                </div>
                
                @endforeach
            </div>
        </div>    
        <hr>
            <h6 class="btn-group"><strong> Imagenes Diagnostico Vehiculo</strong></h6>
        <hr>
        <div class="row">
            @for ($i = 0; $i < 6; $i++)
                <div class="col-md-4 col-sm-12">
                    <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                        <center>
                            <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                id="preview_diag{{$i}}">
                        </center>
                    </div>

                    <div class="input-group mb-3">

                        <div class="custom-file">
                            <input class="custom-file-input" accept="image/*;capture=camera" type="file" id="img_diag{{$i}}"
                                name="img_diag{{$i}}" aria-describedby="inputGroupFileAddon01"
                                onchange="Imgsearch('diag{{$i}}')" >
                            <label class="custom-file-label" for="img_diag{{$i}}"
                                id="img_diag{{$i}}label">Imagen Diagnostico N°{{$i+1}}</label>
                        </div>
                    </div>
                </div>
            @endfor
        </div>    
        
    </div>
    <hr>
    
    {{-- GPS Instal --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Gps Instalado</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseGPSInstall" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseGPSInstall">
        <div class="row">
            <div class="col-md-4 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                    <label class="input-group-text" for="estadoGps">Estado GPS</label>
                    </div>
                    <select class="custom-select" id="estadoGps" name="estadoGps" required>
                    <option selected disabled>seleccione Estado GPS</option>

                    @foreach ($estagps as $estd)
                            <option value="{{$estd->id_estado_gps}}">{{$estd->nombre}}</option>
                    @endforeach
                    
                    </select>
                </div>
            </div>
            <div class="col-md-8 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">IMEI a Retirar</span>
                    </div>
                    <input type="text" class="form-control" id="imeigpsimple" name="imeigpsimple" placeholder="imei"
                        aria-label="imei" style="text-transform: uppercase;" required>
                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button" onclick="InfoGpsimple_gps()"> Consultar Reporte
                            <i class="fa fa-map-marker-alt"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="row">
            
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                    <label class="input-group-text" for="estadoGps">Estado GPS</label>
                    </div>
                    <select class="custom-select" id="estadoGps" name="estadoGps" required>
                    <option selected disabled>seleccione Estado GPS</option>

                    @foreach ($estagps as $estd)
                            <option value="{{$estd->id_estado_gps}}">{{$estd->nombre}}</option>
                    @endforeach
                    
                    </select>
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                    <label class="input-group-text" for="tipoGps">Tipo GPS</label>
                    </div>
                    <select class="custom-select" id="tipoGps" name="tipoGps" required>
                    <option selected disabled>seleccione Tipo GPS</option>
                        
                    @foreach ($tipogps as $tipo)
                            <option value="{{$tipo->id_tipo_gps}}">{{$tipo->nombre}}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Marca</span>
                    </div>
                <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marcaGps" style="text-transform: uppercase;" required>
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Modelo</span>
                    </div>
                <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelGps" style="text-transform: uppercase;" required >
                </div>
            </div>
            
            
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Version Firmware</span>
                    </div>
                <input type="text" class="form-control" placeholder="versionfirm" aria-label="versionfirm" name="versionFirm" required >
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Fecha Actualizacion Firmware</span>
                    </div>
                <input type="date" class="form-control" placeholder="fecha actualizacion firmware" aria-label="dateatctua" name="dtFirmware" required >
                </div>
            </div>
        </div>
        <div class="row">
        </div> --}}
        <div id="div_gpsimplereporgps"></div>
    </div>
    <hr>

    {{-- Trabajos Realizados --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Trabajos Realizados</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseTrabajos" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseTrabajos">
        <div class="row">
            
            <hr>
            <div class="form-group row">
                @foreach($trabajos as $trabajo)
                <div class="col-md-6 col-sm-12">
                    <div class="form-check">
                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input" type="checkbox"
                            value="{{$trabajo->id_trabajo}}_trab">
                        <label class="form-check-label" for="defaultCheck1">{{$trabajo->nombre}}</label>
                        <div id="div_{{$trabajo->id_trabajo}}_trab" style="display: none;">
                            <input type="text" id="text_{{$trabajo->id_trabajo}}_trab" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                placeholder="Observacion">
                         </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        <hr>
            <h6 class="btn-group"><strong> Imagenes Trabajo Realizado</strong></h6>
        <hr>
        <div class="row">
            
                @for ($i = 0; $i < 3; $i++)
                    <div class="col-md-4 col-sm-12">
                        <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                            <center>
                                <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                    id="preview_trab{{$i}}">
                            </center>
                        </div>

                        <div class="input-group mb-3">

                            <div class="custom-file">
                                <input class="custom-file-input" accept="image/*;capture=camera" type="file" id="img_trab{{$i}}"
                                    name="img_trab{{$i}}" aria-describedby="inputGroupFileAddon01"
                                    onchange="Imgsearch('trab{{$i}}')" >
                                <label class="custom-file-label" for="img_trab{{$i}}"
                                    id="img_trab{{$i}}label">Imagen Trabajo N°{{$i+1}}</label>
                            </div>
                        </div>
                    </div>
                @endfor
        </div>
    
    </div>
    <hr>

    <div class="col-md-12 col-sm-12">
        <label for="">Observacion de la Desinstalacion</label>
        <textarea class="form-control" name="text_observacion_serv" id="" cols="30" rows="10"></textarea>
    </div>
    <hr>
    {{-- Boton Terminar --}}
    <div class="row  justify-content-center">
        <button class="btn-outline-success btn-block" type="submit">Terminar Desinstalacion</button>
    </div>
    </form>

@endsection


@section('visita_tecnica')
    <div class="row justify-content-center">
        <div class="col-12">
            <h5 class="py-50">
                <center> <strong> Visita Tecnica</strong> </center>
            </h5>
        </div>
    </div>
    
    <hr>
    {{-- Diagnostico --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Diagnostico Vehiculo</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseDiagnostico" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseDiagnostico">
        <div class="row">
                       
            <hr>
            <div class="form-group row">
                @foreach($diagnosticos as $diagnostico)
                <div class="col-md-6 col-sm-12">
                    <div class="form-check">
                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input install_diagnosticos" type="checkbox"
                            value="{{$diagnostico->id_diagnostico}}" id="diagnosticos">
                        <label class="form-check-label" for="defaultCheck1">{{$diagnostico->nombre}}</label>
                        <div id="div_{{$diagnostico->id_diagnostico}}" style="display: none;">
                            <input type="text" id="text_{{$diagnostico->id_diagnostico}}" name="text_diag{{$diagnostico->id_diagnostico}}" class="form-control"
                                placeholder="Observacion">
                            
                        </div>
                    </div>
                </div>
                
                @endforeach
            </div>
        </div>    
        <hr>
            <h6 class="btn-group"><strong> Imagenes Diagnostico Vehiculo</strong></h6>
        <hr>
        <div class="row">
            @for ($i = 0; $i < 6; $i++)
                <div class="col-md-4 col-sm-12">
                    <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                        <center>
                            <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                id="preview_diag{{$i}}">
                        </center>
                    </div>

                    <div class="input-group mb-3">

                        <div class="custom-file">
                            <input class="custom-file-input" accept="image/*;capture=camera" type="file" id="img_diag{{$i}}"
                                name="img_diag{{$i}}" aria-describedby="inputGroupFileAddon01"
                                onchange="Imgsearch('diag{{$i}}')" >
                            <label class="custom-file-label" for="img_diag{{$i}}"
                                id="img_diag{{$i}}label">Imagen Diagnostico N°{{$i+1}}</label>
                        </div>
                    </div>
                </div>
            @endfor
        </div>    
        
    </div>
    <hr>

    {{-- razon visita tecnica --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Motivo de la Visita Tecnica</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseVisitaTecnica" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseVisitaTecnica">
        <div class="row">
            
                <div class="col-md-12 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                        <label class="input-group-text" for="razonVTecnica">Razon de Visita Tecnica</label>
                        </div>
                        <select class="custom-select" id="razonVTecnica" name="razonVTecnica" required>
                        <option selected disabled>seleccione Razon de Visita Tecnica</option>

                        @foreach ($trabvt as $tvt)
                                <option value="{{$tvt->id_actividad}}">{{$tvt->nombre}}</option>
                        @endforeach
                        
                        </select>
                    </div>
                </div>
           
        </div>    
    </div>
    
    {{-- GPS Instal --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Gps Instalado</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseGPSInstall" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseGPSInstall">
        <div class="row">
            
            <div class="col-md-12 col-sm-12">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">IMEI Actual</span>
                    </div>
                    <input type="text" class="form-control" id="imeigpsimpleant" name="imeigpsimpleant" placeholder="imei"
                        aria-label="imei" style="text-transform: uppercase;" required>
                    <div class="input-group-append">
                        
                        <div class="input-group-text">
                            <span>Cambio GPS </span>
                            <input type="checkbox" aria-label="" id="checkGPSCambio" name="checkGPSCambio" onclick="cambioGpsCheck()">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="cambioGpsVT" style="display: none">
            <div class="row">
                <hr><h6 class="btn-group"><strong> Gps a Instalar</strong></h6><hr>
                <div class="col-md-12 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">IMEI a Instalar</span>
                        </div>
                        <input type="text" class="form-control" id="imeigpsimplenew" name="imeigpsimplenew" placeholder="imei"
                            aria-label="imei" style="text-transform: uppercase;" required disabled>
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="button" onclick="cambioInfoGpsimple_gps()"> Consultar Reporte
                                <i class="fa fa-map-marker-alt"></i>
                            </button>
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                
                <div class="col-md-6 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                        <label class="input-group-text" for="estadoGps">Estado GPS</label>
                        </div>
                        <select class="custom-select" id="estadoGpsnew" name="estadoGpsnew" required disabled>
                        <option selected disabled>seleccione Estado GPS</option>

                        @foreach ($estagps as $estd)
                                <option value="{{$estd->id_estado_gps}}">{{$estd->nombre}}</option>
                        @endforeach
                        
                        </select>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                        <label class="input-group-text" for="tipoGps">Tipo GPS</label>
                        </div>
                        <select class="custom-select" id="tipoGpsnew" name="tipoGpsnew" required disabled>
                        <option selected disabled>seleccione Tipo GPS</option>
                            
                        @foreach ($tipogps as $tipo)
                                <option value="{{$tipo->id_tipo_gps}}">{{$tipo->nombre}}</option>
                        @endforeach
                        </select>
                    </div>
                </div>
                
            </div>
            <div class="row" hidden>
                <div class="col-md-6 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">Marca</span>
                        </div>
                    <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marcaGpsnew" id="marcaGpsnew" style="text-transform: uppercase;" required disabled>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">Modelo</span>
                        </div>
                    <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelGpsnew" id="modelGpsnew" style="text-transform: uppercase;" required disabled>
                    </div>
                </div>
                
                
            </div>
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">Version Firmware</span>
                        </div>
                    <input type="text" class="form-control" placeholder="versionfirm" aria-label="versionfirm" name="versionFirmnew" id="versionFirmnew" required disabled>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">Fecha Actualizacion Firmware</span>
                        </div>
                    <input type="date" class="form-control" placeholder="fecha actualizacion firmware" aria-label="dateatctua" id="dtFirmwarenew" name="dtFirmwarenew" required disabled>
                    </div>
                </div>
            </div>
            <div class="row">
        </div>    
        </div>
        <div id="div_gpsimplereporgps"></div>
    </div>
    <hr>

    {{-- Trabajos Realizados --}}
    <div class=" ">
        <h6 class="btn-group"><strong> Trabajos Realizados</strong></h6>

        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseTrabajos" role="button"
            aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseTrabajos">
        <div class="row">
            
            <hr>
            <div class="form-group row">
                @foreach($trabajos as $trabajo)
                <div class="col-md-6 col-sm-12">
                    <div class="form-check">
                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input" type="checkbox"
                            value="{{$trabajo->id_trabajo}}_trab">
                        <label class="form-check-label" for="defaultCheck1">{{$trabajo->nombre}}</label>
                        <div id="div_{{$trabajo->id_trabajo}}_trab" style="display: none;">
                            <input type="text" id="text_{{$trabajo->id_trabajo}}_trab" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                placeholder="Observacion">
                         </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
       
       
        <hr>
            <h6 class="btn-group"><strong> Imagenes Trabajo Realizado</strong></h6>
        <hr>
        <div class="row">
            
                @for ($i = 0; $i < 3; $i++)
                    <div class="col-md-4 col-sm-12">
                        <div class="text-info mb-1" style="border-width:2px; border-style:solid;">
                            <center>
                                <img class="" width="100px" src="{{ asset('images/no-image.jpg')}}" alt=""
                                    id="preview_trab{{$i}}">
                            </center>
                        </div>

                        <div class="input-group mb-3">

                            <div class="custom-file">
                                <input class="custom-file-input" accept="image/*;capture=camera" type="file" id="img_trab{{$i}}"
                                    name="img_trab{{$i}}" aria-describedby="inputGroupFileAddon01"
                                    onchange="Imgsearch('trab{{$i}}')" >
                                <label class="custom-file-label" for="img_trab{{$i}}"
                                    id="img_trab{{$i}}label">Imagen Trabajo N°{{$i+1}}</label>
                            </div>
                        </div>
                    </div>
                @endfor
        </div>
    
    </div>
    <hr>

    <div class="col-md-12 col-sm-12">
        <label for="">Observacion del Servicio Tecnico</label>
        <textarea class="form-control" name="text_observacion_serv" id="" cols="30" rows="10"></textarea>
    </div>
    <hr>
    {{-- Boton Terminar --}}
    <div class="row  justify-content-center">
        <button class="btn-outline-success btn-block" type="submit">Terminar Visita Tecnica</button>
    </div>
    </form>

@endsection

@section('visita_fallida')
        <div class="row justify-content-center">
            <div class="col-12">
                <h5 class="py-50">
                    <center> <strong> Visita Fallida</strong> </center>
                </h5>
                
                <div class="col-md-12 col-sm-12">
                    <label for="">Motivo de la visita Fallida</label>
                    <textarea class="form-control" name="text_visita_fallida" id="" cols="30" rows="10"></textarea>
                </div>
                <hr>

                <div class="row  justify-content-center">
                    <button class="btn-outline-primary btn-block" type="submit">Guardar Reporte Visita Fallida</button>
                </div>
            
            </div>
        </div>
    </form>
@endsection