@section('gpsvehi')
    <div class=" " >
        <h5 class="btn-group">
            <strong> Informacion de Instalacion Gps con Imei: {{$gpsinfo->imei}} </strong>
            
        </h5> 
        <a class="float-right btn btn-primary btn-group" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
            <i class="fa fa-eye"></i>
        </a>
    </div>
    <hr>
    <div class="collapse" id="collapseExample">
        <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">IMEI</span>
                    </div>
                <input type="text" class="form-control" placeholder="imei" aria-label="imei" value="{{$gpsinfo->imei}}" 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">
                    <label class="input-group-text" for="tipoGps">Estado GPS</label>
                    </div>
                    <select class="custom-select" id="tipoGps" required>
                    <option selected disabled>seleccione Estado GPS</option>

                    @foreach ($estagps as $estd)
                            <option value="{{$estd->id_estado_gps}}" {{$estd->id_estado_gps == $gpsinfo->id_estado_gps ? 'selected' : ''}}>{{$estd->nombre}}</option>
                    @endforeach
                    
                    </select>
                </div>
            </div>
            
        </div>
        <div class="row">
            <div class="col-md-4 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" value="{{$gpsinfo->marca}}" style="text-transform: uppercase;" >
                </div>
            </div>
            <div class="col-md-4 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" value="{{$gpsinfo->modelo}}" style="text-transform: uppercase;" >
                </div>
            </div>
            <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">Tipo GPS</label>
                    </div>
                    <select class="custom-select" id="tipoGps" required>
                    <option selected disabled>seleccione Tipo GPS</option>
                        
                    @foreach ($tipogps as $tipo)
                            <option value="{{$tipo->id_tipo_gps}}" {{$tipo->id_tipo_gps == $gpsinfo->id_tipo_gps ? 'selected' : ''}}>{{$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">Version Firmware</span>
                    </div>
                <input type="text" class="form-control" placeholder="versionfirm" aria-label="versionfirm" value="{{$gpsinfo->firmware}}" 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">Fecha Actualizacion Firmware</span>
                    </div>
                <input type="date" class="form-control" placeholder="fecha actualizacion firmware" aria-label="dateatctua" value="{{$gpsinfo->fecha_act_firmware}}" style="text-transform: uppercase;" >
                </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 Real</span>
                    </div>
                <input type="text" class="form-control" placeholder="odometro real" aria-label="odometro real" value="{{$gpsinfo->odometro_real}}" 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">Odometro en Plataforma</span>
                    </div>
                <input type="text" class="form-control" placeholder="odometro en Plataforma" aria-label="odometro en Plataforma" value="{{$gpsinfo->odometro_plataforma}}" style="text-transform: uppercase;">
                
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-12 col-sm-12">
                <label for="">Ubicacion</label>
                <picture>
                    <source srcset="{{$Apimd}}"  class="card-img-top" type="image/svg+xml" media="(min-width:768px)" alt="{{ $Apimd }}">
                    <img class="card-img-top" src="{{$Apism}}" alt="{{ $Apism }}">
                </picture>
            </div>
        </div>
    </div>
@endsection