@extends('layouts.app')

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

    <div class="row justify-content-center mt-4" style="display:flex; position:relative; top:40px; ">
        @if(Auth::user()->rol == 0)
        @endif
        {{-- <div class="col-md-5 col-sm-10">
            <div class="card justify-content-center">
                <div class="card-header"><span>Administrar Ordenes de Trabajo</span></div>
                <div class="card-body">
                    <div class="container-fluid" style="text-align: center;">
                        <img src="{{ asset('images/logo.png') }}" width="50%" height="50%" alt="usuario"
                            class="img-responsive">
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#" class="btn btn-outline-info btn-block">
                        <span>Ordenes Realizadas</span>
                    </a>
                    <hr> 
                <a href="{{route('form')}}" class="btn btn-outline-dark btn-block">
                        <span>Efectuar Orden de Trabajo</span>
                    </a>
                </div>
            </div>
        </div>
     --}}
        <div class="col-md-6 col-sm-12">
            <div class="card shadow-sm mt-4">
                <h5 class="card-header lead" style="padding-left:31px; font-family:roboto-bold; color:#3D3D3D;">Validar Reporte GPS</h5>
                     {{--<div class="card-header"><p style="font-family:roboto-bold; color:#3D3D3D;">Validar Reporte GPS</p></div>--}}
                {{-- <img class="card-img-top" src="{{ asset('images/logo.png') }}" width="50%" height="50%" alt="logo gpsimple"> --}}
                <div class="card-body mt-3">
                    <div class="container-fluid mb-4" style="text-align: center;">
                        <img src="{{ asset('images/isotipo2.png') }}" width="25%" alt="usuario"
                            class="img-responsive">
                    </div>
                    <form class="mt-2" method="POST" action="{{ route('verificar') }}" name="form">
                        @csrf
                        <div class="form-group col-md-12 {{ $errors->has('idnumber') ? 'has-error' : '' }}">
                            <label for="id" class="">{{ __('ID Dispositivo GPS o Patente Vehículo') }}</label>
                            
                            <div class="mt-2">
                                <input id="idnumber" type="text"
                                    class="form-control @error('idnumber') is-invalid @enderror" aria-describedby="patente" name="idnumber"
                                    required>
                                {!! $errors->first('idnumber',' <span clas="help-block">:message</span>') !!}
                                {{-- linea inferior es extra --}}
                                <small id="patente" class="form-text text-muted">*ID Dispositivo GPS o Patente Vehículo</small>

                            </div>
                        </div>

                        <div class="form-group col-md-12 mt-4 mb-2 mt-3">
                            @if(Auth::user()->rol == 0 || Auth::user()->rol == 1)
                            <div class="row mb-3">
                                <div class="col-md-12">

                                    <button type="submit" class="btn btn-primary btn-block"
                                        onclick="this.form; return true;">
                                        {{ __('Verificar Instalación') }}
                                    </button>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <button type="submit" class="btn btn-secondary btn-block"
                                        onclick="form.action='{{ route('ultima_posicion') }}'; return true;">
                                        {{ __('Ver Ultima Posición') }}
                                    </button>
                                </div>
                                
                            </div>
                            @else
                            <div class="col-md-12 mb-2 mt-3">
                                <button type="submit" class="btn btn-primary btn-block"
                                    onclick="this.form; return true;">
                                    {{ __('Verificar Instalación') }}
                                </button>
                            </div>
                            @endif
                        </div>
                        <span id="resultado"></span>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection