@extends('layouts.main')
@push('styles')
<!-- Include Full Calendar view -->
<script src="{{asset('fullcalendar/dist/index.global.js')}}"></script>   
<script src="{{asset('fullcalendar/packages/core/locales-all.global.min.js')}}"></script>  
<link rel="stylesheet" type="text/css" href="{{asset('css/timepicker.min.css')}}" />

<style> 
#rcorners2 {
  border-radius: 25px;
  border: 2px solid #b4b4b4;
  padding: 20px; 
}
</style>
@endpush

@section('content')
<div class="row">
	 <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h1>{{__('strings.update_device')}}</h1>
                </div>
                <hr>
                <div class="card-body">
                <div class="card-block">   
                    <form class="form" action="{{route('device_post_update', ["device" => $device])}}" method="post">
                        {{ csrf_field() }}
                        <div class="form-body">    
                            <div class="col-md-6">                                
                                <div class="form-group">
                                    <label for="imei">IMEI</label>
                                    <input type="text" id="imei" class="form-control" placeholder="IMEI" name="imei" value="{{ $device->IMEI }}" autocomplete="off" disabled>
                                </div> 
                            </div> 
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label for="alias">Alias</label>
                                    <input type="text" id="alias" class="form-control" placeholder="Alias" name="alias" value="{{ $device->ALIAS }}" autocomplete="off">
                                </div>   
                            </div> 
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label for="custom_1">Extra 1</label>
                                    <input type="text" id="custom_1" class="form-control" placeholder="Extra 1" name="custom_1" value="{{ $device->CUSTOM_1 }}" autocomplete="off">
                                </div>
                            </div> 
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label for="custom_2">Extra 2</label>
                                    <input type="text" id="custom_2" class="form-control" placeholder="Extra 2" name="custom_2" value="{{ $device->CUSTOM_2 }}" autocomplete="off">
                                </div>   
                            </div> 

                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label for="time_zone">{{__('strings.time_zone')}}</label>
                                    <input type="text" id="time_zone" class="form-control" placeholder="Extra 2" name="time_zone" value="{{ $device->TIME_ZONE }}" autocomplete="off" disabled>
                                </div>   
                            </div> 

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="single-select">{{ __('strings.interval_report') }}</label>
                                    <select name="interval" class="form-control">
                                        <option value="7" {{$device->INTERVAL == 7 ? 'selected':''}} >5 min.</option>
                                        <option value="1" {{$device->INTERVAL == 1 ? 'selected':''}} >10 min.</option>
                                        <option value="2" {{$device->INTERVAL == 2 ? 'selected':''}} >20 min.</option>
                                        <option value="3" {{$device->INTERVAL == 3 ? 'selected':''}} >30 min.</option>
                                        <option value="6" {{$device->INTERVAL == 6 ? 'selected':''}} >60 min.</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label for="in_route">En ruta?</label>
                                    <input type="checkbox" id="in_route"  name="in_route" {{$device->IN_ROUTE ? "checked":""}}>
                                </div>  
                            </div>
                            <div class="clearfix"></div>                            
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>    
                                    <button type="submit" class="btn btn-primary">{{ __('strings.submit_update') }}</button>
                                </div>
                            </div>
                        </div> 

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection


@push('scripts')
<script src="{{asset('js/timepicker.min.js')}}"></script>
@endpush