@extends('layouts.app')



@section('content')
    <div class="container">
        

        <!-- 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">
                    <div class="card-header">
                        <label>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-2">
                    <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:#adb5bd;"></i>
                            </span>
                            
                            {{-- <span class="titlespan">Datos Principales</span> --}}
                            </h6>
                            <!-- Step 1 end-->
                            <!-- body content of step 1 -->
                            <fieldset class="mt-0 pt-0">
                            
                            <hr> 
                            {{-- <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 de cliente --}}
                            <div class="row">
                                <div class="col-12 mt-3 mb-3">
                                    <h4 class="py-50">
                                        <center> <strong> Información Vehiculo </strong> </center>
                                    </h4>
                                </div>

                                <input type="number" class="form-control" readonly hidden value="{{$otn}}" name="otn">
                                
                                <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">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" 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" id="basic-addon1">Marca</span>
                                        </div>
                                    <input type="text" class="form-control" placeholder="marca" aria-label="marca" name="marca" value="{{$infoPatente->marca}}" 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" id="basic-addon1">Modelo</span>
                                        </div>
                                    <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelo" value="{{$infoPatente->modelo}}" 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" 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" id="basic-addon1">Color</span>
                                        </div>
                                    <input type="text" class="form-control" placeholder="color" name="color" aria-label="color" value="{{$infoPatente->color}}" 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" for="Tipovehisel">Tipo Vehiculo</label>
                                        </div>
                                        <select class="custom-select" id="Tipovehisel" name="Tipovehisel" required>
                                        <option selected disabled>seleccione tipo de vehiculo</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 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 de Gps Instalado</span>
                                        </div>
                                    <input type="text" class="form-control" id="imeigpsserv" name="imei" placeholder="imei" aria-label="imei" value="{{$infoPatente->imei}}" style="text-transform: uppercase;" readonly>
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-secondary" type="button" onclick="BInfoGps({{$infoPatente->imei}})" {{$infoPatente->imei == null ? 'disabled' : ''}}> Buscar 
                                            <i class="fa fa-map-marker-alt"></i>
                                        </button>
                                    </div>
                                    </div>
                                </div>
                                
                                <div class="col-12" id="gpsinfovehi"></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:car.svg; size: 50px; style:lines; strokeColor:#adb5bd;"></i>
                            </span>
                            {{-- <span class="titlespan">Datos Vehiculos</span> --}}
                            </h6>
                            <!-- Step 2 end-->
                            <!-- body content of step 2 -->
                            <fieldset>
                                
                            
                            </fieldset>

                            
                        </form>
                        
                    </div>
                </div>
                </div>
            </div>
        </div>
    </section>
        <!--
        <div class="justify-content-center">
            <div class="col-md-12 card">
                <div class="card-header">
                    <label>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-body">
                    <div class="col-12">
                        <h4 class="py-50">
                            <center> <strong> Informacion Vehiculo</strong> </center>
                        </h4>
                    </div>
                    <form action="{{ route('servinstall') }}" method="post" id="ServInstall" enctype="multipart/form-data">
                        @csrf
                    <input type="number" class="form-control" readonly hidden value="{{$otn}}" name="otn">
                    <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">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" 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>
                    <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="marca" value="{{$infoPatente->marca}}" 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" id="basic-addon1">Modelo</span>
                                </div>
                            <input type="text" class="form-control" placeholder="modelo" aria-label="modelo" name="modelo" value="{{$infoPatente->modelo}}" style="text-transform: uppercase;" readonly>
                            </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">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">
                            <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}}" style="text-transform: uppercase;" readonly>
                            </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="Tipovehisel">Tipo Vehiculo</label>
                                </div>
                                <select class="custom-select" id="Tipovehisel" name="Tipovehisel" required>
                                  <option selected disabled>seleccione tipo de vehiculo</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>
                    <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 de Gps Instalado</span>
                                </div>
                            <input type="text" class="form-control" id="imeigpsserv" name="imei" placeholder="imei" aria-label="imei" value="{{$infoPatente->imei}}" style="text-transform: uppercase;" readonly>
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button" onclick="BInfoGps({{$infoPatente->imei}})" {{$infoPatente->imei == null ? 'disabled' : ''}}> Buscar 
                                    <i class="fa fa-map-marker-alt"></i>
                                </button>
                            </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12" id="gpsinfovehi"></div>
                    
                    <hr>
                    <div class="col-12">
                        <h4 class="py-50">
                            <center> <strong> Identificacion del Trabajo</strong> </center>
                        </h4>
                    </div>
                    <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="Tipotrabajo">Tipo de trabajo</label>
                                </div>
                                <select class="custom-select" id="Tipoactivity" name="Tipoactivity" required onchange="Activity()">
                                  <option selected disabled>seleccione tipo de Trabajo</option>

                                    @foreach ($tipotrab as $tipot)
                                        <option value="{{$tipot->id_actividad}}">{{$tipot->nombre}}</option>
                                    @endforeach
                                  
                                </select>
                            </div>
                        </div>
                       
                    </div>
                    <hr>
                    <div class="col-12" id="activityinfo">
                        
                    </div>
                    
                </div>
            </div>
        </div>-->
    </div>
@endsection