@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" style="position:relative; top:20px;" >
            <div class="col-md-10 col-sm-12">
                <div class="card icon-tab shadow-sm">
                    <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" style="">
                            
                            <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:timer.svg; style:lines; strokeColor:#4981BE;"></i>
                                </span> --}}
                                
                                {{-- <span class="titlespan">Visita Fallida</span> --}}
                                </h6>
                                <!-- Step 1 end-->
                                <!-- body content of step 1 -->
                                <fieldset class="mt-0 pt-0">
                                    <div class="col-12">
                                        <h5 class="py-50">
                                            <center> <strong> Visita Fallida</strong> </center>
                                        </h5>
                                        <input type="number" class="form-control" readonly hidden value="{{$otn}}" name="otn">
                                        <input type="number" class="form-control" readonly hidden value="6" name="Tipoactivity">
                                        <div>
                                            <div class="col-md-6 col-sm-12" hidden>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" 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" hidden>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" 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" hidden>
                                                <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="marca" value="{{$infoPatente->marca ?? 'No Registrado'}}" style="text-transform: uppercase;" readonly>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12" hidden>
                                                <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="modelo" value="{{$infoPatente->modelo ?? 'No Registrado'}}" style="text-transform: uppercase;" readonly>
                                                </div>
                                            </div>
                                            
                                            
                                            <div class="col-md-6 col-sm-12" hidden>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" 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;" readonly>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12" hidden>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" 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;" readonly>
                                                </div>
                                            </div>
                                            
                                            
                                            <div class="col-md-6 col-sm-12" hidden>
                                                <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" value="{{$infoPatente->odometro}}">
                                                
                                                </div>
                                            </div>
                                        </div>
                                        <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>
                                
                                </fieldset>
                                <!-- body content of step 1 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