@extends('layouts.app')

<script src="{{ asset('js/appmovil.js') }}" defer></script>
@section('content')

<div class="container">
    @include('parciales.modal_cargando')
    @yield('Modalcarga')
    <!-- Form wizard with icon tabs section start -->
    <section id="info-tabs-">
        <div class="row justify-content-center">
            <div class="col-md-10 col-sm-12">
                <div class="card icon-tab mt-4 shadow-sm pb-3">
                    <div class="card-header">
                        <button id="navazul" onclick="ocultarNavAzul('{{$nomenu}}')" style="display: none">nav</button>
                        <label class="lead">Orden de Servicio</label><br>
                        <span>Patente: <strong style="text-transform: uppercase;">{{$infoPatente->patente}}</strong> </span>
                        <span class="float-right">OTN: <strong style="text-transform: uppercase;">{{$otnZ}}</strong> </span>
                    
                    </div>
                    <div class="card-content mt-4" style="margin-top:30px;">
                        <div class="card-body">
                            
                            <form method="POST" action="{{ route('servinstall') }}"  id="ServInstall" enctype="multipart/form-data" class="wizard-validation">
                                @csrf
                                <!-- Step 1 -->
                                <h6>
                                <i class="step-icon"></i>
                                {{-- <span class="fonticon-wrap py-0">
                                    <i class="livicon-evo py-0"
                                    data-options="name:dashboard.svg; style:lines; strokeColor:#4981BE;"></i>
                                </span> --}}
                                
                                {{-- <span class="titlespan">Datos Principales</span> --}}
                                </h6>
                                <!-- Step 1 end-->
                                <!-- body content of step 1 -->
                                <fieldset class="mt-0 pt-0">
                                    
                                
                                    {{-- <div class="row">
                                        <div class="col-12">
                                        <h4 class="py-50 mt-3 mb-3"><center> <strong> Información Cliente </strong> </center></h4>
                                    </div> --}}
                                    {{-- Informacion Vehiculo --}}
                                    <div class="row mb-4" style=" position:relative; top:-25px;">
                                        <div class="col-12 mt-3 mb-3">
                                            <h4 class="py-50">
                                                <center> <strong> Información Vehículo </strong> </center>
                                            </h4>
                                        </div>

                                        <input type="number" class="form-control" readonly hidden value="{{$otn}}" name="otn">
                                        <input type="number" class="form-control" readonly hidden value="2" name="Tipoactivity">

                                        <div class="col-md-6 col-sm-12">
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" style="max-width:120px; min-width:120px;" id="basic-addon1">Patente</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="patente" aria-label="patente" name="patente" value="{{$infoPatente->patente}}" style="text-transform: uppercase;" readonly>
                                            </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" style="max-width:120px; min-width:120px;" id="basic-addon1">VIN</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="Ingrese Numero VIN" aria-label="vin" name="vin" value="{{$infoPatente->vin}}" style="text-transform: uppercase;" readonly>
                                            </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" style="max-width:120px; min-width:120px;" id="basic-addon1">Marca</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marca" value="{{$infoPatente->marca ?? 'No Registrado'}}" style="text-transform: uppercase;" >
                                            </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" style="max-width:120px; min-width:120px;" id="basic-addon1">Modelo</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelo" value="{{$infoPatente->modelo ?? 'No Registrado'}}" style="text-transform: uppercase;" >
                                            </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" style="max-width:120px; min-width:120px;" id="basic-addon1">Año</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="año" name="anio" aria-label="anio" value="{{$infoPatente->anio}}" style="text-transform: uppercase;" >
                                            </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" style="max-width:120px; min-width:120px;" id="basic-addon1">Color</span>
                                                </div>
                                            <input type="text" class="form-control" placeholder="color" name="color" aria-label="color" value="{{$infoPatente->color ?? 'No Registrado'}}" style="text-transform: uppercase;" >
                                            </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" style="max-width:120px; min-width:120px;" for="Tipovehisel">Tipo Vehículo</label>
                                                </div>
                                                <select class="custom-select" id="Tipovehisel" name="Tipovehisel" required>
                                                <option selected disabled>seleccione tipo de vehículo</option>

                                                @foreach ($tipovehi as $tipo)
                                                        <option value="{{$tipo->id_tipo_vehiculo}}" {{$tipo->id_tipo_vehiculo == $infoPatente->id_tipo_vehiculo ? 'selected' : ''}}>{{$tipo->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">
                                                    <span class="input-group-text" id="basic-addon1">Odometro</span>
                                                </div>
                                            <input type="number" class="form-control" placeholder="odometro" aria-label="odometro real" name="odometro" required>
                                            
                                            </div>
                                        </div>
                                    </div>

                                </fieldset>
                                <!-- body content of step 1 end-->
                                <!-- Step 2-->
                                <h6>
                                <i class="step-icon"></i>
                                {{-- <span class="fonticon-wrap py-0">
                                    <i class="livicon-evo"
                                    data-options="name:pulse.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                </span> --}}
                                {{-- <span class="titlespan">Diagnostico</span> --}}
                                </h6>
                                <!-- Step 2 end-->
                                <!-- body content of step 2 -->
                                <fieldset>
                                    {{-- Diagnostico --}}
                                    <div class="container-fluid ">
                                        <h6><strong> Diagnostico Vehiculo </strong> <span class="text-danger">(seleccione aquellas que no estan en estado Optimo)</span></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>
                                    <div class="collapse-show" id="collapseDiagnostico">
                                        <div class="row mx-0">
                                            
                                            <div class="form-group row">
                                                @foreach($diagnosticos as $diagnostico)
                                                <div class="col-md-6 col-sm-12">

                                                    <div class="container-fluid">
                                                        <div class="input-group mb-3 ml-3">
                                                            
                                                            <div class="input-group-prepend">
                                                                    <input onclick="checkcMostarOcultar('diagnosticos{{$diagnostico->id_diagnostico}}','text_{{$diagnostico->id_diagnostico}}');" class="form-check-input install_diagnosticos" type="checkbox"
                                                                    value="{{$diagnostico->id_diagnostico}}" id="diagnosticos{{$diagnostico->id_diagnostico}}">
                                                                
                                                                <span class="input-group-text" id="basic-addon1">{{$diagnostico->nombre}}</span>
                                                            </div>
                                                                <input type="text" id="text_{{$diagnostico->id_diagnostico}}" name="text_diag{{$diagnostico->id_diagnostico}}" class="form-control"
                                                                    placeholder="Observacion" readonly="true">
                                                            
                                                        </div>
                                                    </div>

                                                    {{-- <div class="form-check">
                                                        <input onclick="fncMostarOcularDIV(this);" class="form-check-input install_diagnosticos" type="checkbox"
                                                            value="{{$diagnostico->id_diagnostico}}" id="diagnosticos{{$diagnostico->id_diagnostico}}">
                                                        <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>
                                        <div class="row">
                                            <label class="col-md-8 col-sm-12"><strong> Imagenes Diagnostico Vehiculo</strong></label>
                                            <label class="col-md-4 col-sm-12"> Agregar Imagenes 
                                                <a class="btn btn-primary btn-group"  type="button" onclick="mostrarimg('collapseimg_')"  style="color:white" title="Agregar Imagen">
                                                    <i class="fa fa-plus"></i>
                                                </a>
                                            </label>
                                        </div>
                                            
                                        <hr>
                                        <div class="row">
                                            @for ($i = 0; $i < 6; $i++)
                                               
                                                    {{-- <a class="btn btn-primary btn-block mb-2" data-toggle="collapse" href="#collapseimg_{{$i}}" role="button"
                                                        aria-expanded="false" aria-controls="collapseExample"> Agregar Imagen
                                                        <i class="fa fa-images"></i>
                                                    </a> --}}
                                                    <div class="col-md-4 col-sm-12 my-3" id="collapseimg_{{$i}}" style="display: none">
                                                        <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>
                                    
                                </fieldset> 
                                <!-- body content of step 2 end-->
                                
                                <!-- Step 3-->
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:location-alt.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">Intalacion GPS</span> --}}
                                </h6>
                                <!-- Step 3 end-->
                                <!-- body content of step 3 -->
                                <fieldset>
                                    <div class=" ">
                                        <h5 class="btn-group lead"><strong> Gps Instalado</strong></h5>
                                
                                        {{-- <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-show" id="collapseGPSInstall">
                                        <div class="row">
                                            <div class="col-md-5 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-7 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">ID a Retirar</span>
                                                    </div>
                                                    <input type="text" class="form-control" id="idgps" name="idgps" placeholder="ID GPS"
                                                        aria-label="id" style="text-transform: uppercase;" required>
                                                    <div class="input-group-append">
                                                        <button class="btn btn-outline-secondary" type="button" onclick="EmpInfoGpsPruebas('{{$empresa}}')"> Consultar Reporte
                                                            <i class="fa fa-map-marker-alt"></i>
                                                        </button>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-sm-12" hidden>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">Imei Gps</span>
                                                    </div>
                                                    <input type="text" class="form-control" id="imeigpsimple" name="imeigpsimple" placeholder="imei"
                                                        aria-label="imei" style="text-transform: uppercase;" required readonly>
                                                    
                                                </div>
                                            </div>
                                            {{-- <div class="col-md-7 col-sm-12">
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">ID 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="EmpInfoGps('gpsimple')"> Consultar Reporte
                                                            <i class="fa fa-map-marker-alt"></i>
                                                        </button>
                                                    </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="marcaGps" id="marcaGps" style="text-transform: uppercase;" readonly hidden>
                                                    </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" id="modelGps" style="text-transform: uppercase;" readonly hidden>
                                                    </div>
                                                </div>
                                        </div>
                                        
                                        <div id="div_gpsimplereporgps"></div>
                                    </div>
                                </fieldset>
                                <!-- body content of step 3 end-->

                                <!-- Step 4-->
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:gears.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">Trabajos Realizados</span> --}}
                                </h6>
                                <!-- Step 4 end-->
                                <!-- body content of step 4 -->
                                <fieldset>
                                    {{-- Trabajos Realizados --}}
                                    <div class=" ">
                                        <h5 class="btn-group lead"><strong> Trabajos Realizados</strong></h5>

                                        
                                    </div>
                                    <hr>
                                    <div class="collapse-show" id="collapseTrabajos">
                                        <div class="row mx-0">
                                            
                                            <hr>
                                            <div class="form-group row">
                                                @foreach($trabajos as $trabajo)
                                                <div class="col-md-6 col-sm-12">
                                                    <div class="container-fluid">
                                                        <div class="input-group mb-3 ml-3">
                                                            
                                                            <div class="input-group-prepend">
                                                                    <input onclick="checkcMostarOcultar('trabajos{{$trabajo->id_trabajo}}','trab_{{$trabajo->id_trabajo}}');" class="form-check-input install_diagnosticos" type="checkbox"
                                                                    value="{{$diagnostico->id_diagnostico}}" id="trabajos{{$trabajo->id_trabajo}}">
                                                                
                                                                <span class="input-group-text" id="basic-addon1">{{$trabajo->nombre}}</span>
                                                            </div>
                                                                <input type="text" id="trab_{{$trabajo->id_trabajo}}" name="text_{{$trabajo->id_trabajo}}_trab" class="form-control"
                                                                    placeholder="Observacion" readonly="true">
                                                            
                                                        </div>
                                                    </div>
                                                    {{-- <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>
                                            <div class="row">
                                                <label class="btn-group col-md-8 col-sm-12"><strong> Imagenes Trabajo Realizado </strong></label>
                                                <label class=" col-md-4 col-sm-12"> Agregar Imagenes
                                                    <a class="btn btn-primary btn-group"  role="button" onclick="mostrarimg('collapseimgterm_')" >
                                                        <i class="fa fa-plus" style="color:white"></i>
                                                    </a>
                                                </label>
                                            </div>
                                            
                                        <hr>
                                        <div class="row">
                                            
                                                @for ($i = 0; $i < 3; $i++)
                                                    
                                                    <div class="col-md-4 col-sm-12 my-3" id="collapseimgterm_{{$i}}" style="display: none">
                                                        <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>
                                </fieldset>
                                <!-- body content of step 4 end-->

                                <!-- Step 5-->
                                <h6>
                                    <i class="step-icon"></i>
                                    {{-- <span class="fonticon-wrap py-0">
                                        <i class="livicon-evo"
                                        data-options="name:check-alt.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                                    </span> --}}
                                    {{-- <span class="titlespan">Observacion</span> --}}
                                </h6>
                                <!-- Step 5 end-->
                                <!-- body content of step 5 -->
                                <fieldset>
                                    <div class="col-md-12 col-sm-12 mb-3">
                                        <label for="">Observacion de la Instalacion</label>
                                        <textarea class="form-control " name="text_observacion_serv" id="" cols="30" rows="10"></textarea>
                                    </div>
                                </fieldset>
                                <!-- body content of step 4 end-->


                            </form>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </section>
</div>
    
    {{-- 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