@extends('layouts.main')

@push('styles')
<!-- International Telephone Input-->
<link rel="stylesheet" type="text/css" href="{{asset('css/intlTelInput.css')}}">
<!-- International Telephone Input -->
@endpush

@section('content')
<div class="row">
    <div class="col-md-2">
        <div class="list-group">
            <a href="{{route('quiq_users_edit_view',['user' => $user])}}" class="list-group-item">{{__('strings.user_profile')}}</a>
            <a href="{{route('quiq_users_nips_view',['user' => $user])}}" class="list-group-item">Nips</a>
            <a href="{{route('quiq_users_rates_view',['user' => $user])}}" class="list-group-item active">{{__('strings.rates')}}</a>
            <a href="{{route('quiq_users_fixed_rates_view',['user' => $user])}}" class="list-group-item">{{__('strings.fixed_rates')}}</a>
            <a href="{{route('quiq_users_payments_view',['user' => $user])}}" class="list-group-item">{{__('strings.payments')}}</a>
            <a href="{{route('quiq_user_deductions_view',['user' => $user])}}" class="list-group-item">{{__('strings.deductions')}}</a>
            <a href="{{route('quiq_user_drivers_view',['user' => $user])}}" class="list-group-item">{{__('strings.drivers')}}</a>
        </div>
    </div>

    <div class="col-md-10">
        <div class="card">  
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.quiq_user_rates_update') }}</h4>
            </div>
           <div class="card-body">
               <div class="row" >
                   @if($user->rates)  
                   <div class="col-md-6">
                       <div class="panel-body" style="width: 100%; height: 300px;">                    
                           <div id="map" style="height: 100%;"></div>                              
                       </div>
                   </div>
                   @endif
                   <div class="col-md-6">
                       <div class="card-block">
                           <form class="form" action="{{route('quiq_user_rates_update',['user' => $user->ID_USER])}}" method="post">
                               {{ csrf_field() }}
                               <h3>{{ method_field('put') }}</h3>
                               @if($user->rates)                        
                                   <div class="form-body">

                                       <div class="form-group  col-md-12">
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-map-marker"> lat</i></span>
                                               </div>
                                               <input type="text" id="lat" class="form-control" name="lat" value="{{$user->START_LAT}}" >
                                           </div>
                                       </div>

                                       <div class="form-group  col-md-12">
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-map-marker"> lng</i></span>
                                               </div>
                                               <input type="text" id="lng" class="form-control" name="lng" value="{{$user->START_LNG}}" >
                                           </div>
                                       </div>

                                       <div class="form-group  col-md-12">
                                           <label for="start_address">{{ __('strings.start_address') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-address-book-o"></i></span>
                                               </div>
                                               <input type="text" id="start_address" class="form-control" name="start_address" value="{{$user->START_ADDRESS}}" >
                                           </div>
                                       </div>

                                       <div class="form-group  col-md-12">
                                           <label for="init_price">{{ __('strings.banderazo_price') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                           <input type="number" id="init_price" class="form-control" name="init_price" value="{{$user->rates->init_rate}}" step="0.01" >
                                           </div>
                                       </div>     
                                       <div class="form-group  col-md-12">
                                           <label for="dist_price">{{ __('strings.distance_price') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                           <input type="number" id="dist_price" class="form-control" name="dist_price" value="{{$user->rates->dist_price}}" step="0.01" >
                                           </div>
                                       </div> 
                                       <div class="form-group  col-md-12">
                                           <label for="time_price">{{ __('strings.caida_price') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                           <input type="number" id="time_price" class="form-control" name="time_price" value="{{$user->rates->time_price}}" step="0.01" >
                                           </div>
                                       </div>  
                                       <div class="form-group  col-md-12">
                                           <label for="foreign_rate">{{ __('strings.foreign_rate') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                               <input type="number" id="foreign_rate" class="form-control" name="foreign_rate" value="{{$user->rates->foreign_rate}}" step="0.01" >                                      
                                           </div>
                                       </div> 
                                       <div class="form-group  col-md-12">
                                           <label for="extra_price">{{ __('strings.extra_user') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                               <input type="number" id="extra_price" class="form-control" name="extra_price" value="{{$user->rates->extra_price}}" step="0.01" >                                      
                                           </div>
                                       </div> 


                                       <div class="form-group  col-md-12">
                                           <label for="extra_price">{{ __('strings.minutes_wait_fee') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                               <input type="number" id="minutes_wait_fee" class="form-control" name="minutes_wait_fee" value="{{$user->rates->minutes_wait_fee}}" step="0.01" >                                      
                                           </div>
                                       </div> 


                                       <div class="form-group  col-md-12">
                                           <label for="extra_price">{{ __('strings.empty_fee') }}</label>
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-dollar"></i></span>
                                               </div>
                                               <input type="number" id="empty_fee" class="form-control" name="empty_fee" value="{{$user->rates->empty_fee}}" step="0.01" >                                      
                                           </div>
                                       </div>

                                   </div>
                               <div class="col-md-12">
                                   <button type="submit" class="btn btn-block btn-primary">
                                       {{ __('strings.submit_update') }}
                                   </button>
                               </div>
                               @else
                                   <div class="form-body"> 
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="lat" class="form-control" name="lat" value="0" >
                                       </div>  
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="lng" class="form-control" name="lng" value="0" >
                                       </div>  
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="init_price" class="form-control" name="init_price" value="18.50" >
                                       </div>     
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="dist_price" class="form-control" name="dist_price" value="5.20"  >
                                       </div> 
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="time_price" class="form-control" name="time_price" value="1.30"  >
                                       </div>  
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="foreign_rate" class="form-control" name="foreign_rate" value="0.0" >
                                       </div> 
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="extra_price" class="form-control" name="extra_price" value="1.30" >
                                       </div> 
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="minutes_wait_fee" class="form-control" name="minutes_wait_fee" value="5" >
                                       </div> 
                                       <div class="form-group  col-md-12">
                                           <input type="hidden" id="empty_fee" class="form-control" name="empty_fee" value="0" >
                                       </div> 
                                   </div>
                               <div class="col-md-12">
                                   <button type="submit" class="btn btn-block btn-primary ">
                                       {{ __('strings.quiq_user_set_rates') }}
                                   </button>
                               </div>
                               @endif
                           </form>
                       </div>
                   </div>
               </div>
           </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<!-- International Telephone Input -->
<script src="{{asset('js/intlTelInput.min.js')}}" type="text/javascript"></script>
<!-- International Telephone Input -->
<script src="{{asset('js/red_google.js')}}" type="text/javascript"></script>


<script>
    var map;
    var lat = (parseFloat("{{$user->START_LAT}}") == 0 ? 22.148757 : parseFloat("{{$user->START_LAT}}"));
    var lng = (parseFloat("{{$user->START_LNG}}") == 0 ? -100.991894 : parseFloat("{{$user->START_LNG}}"));;
    var marker;
    
    $("#lat").keyup(function(e){
        map.panTo([$('#lat').val(), $('#lng').val()]);
    });    
    
    $("#lng").keyup(function(e){
        map.panTo([$('#lat').val(), $('#lng').val()]);
    });       
    
    var pin_start_marker = L.icon({
        iconUrl: '{{asset('images/start_pin.png')}}',
        iconSize:     [26, 43], // size of the icon
        iconAnchor:   [13, 43], // point of the icon which will correspond to marker's location
        popupAnchor:  [0, -24] // point from which the popup should open relative to the iconAnchor
    });
    
    $(document).ready(function () {
        L.Icon.extend({
            options: {
                customId: "",
                address: ""
            }
        });
        
        $("a[href='#rates']").on('shown.bs.tab', function(e) {
            map.invalidateSize();
       });
        //setting language for moment.js
	moment.locale('es');   
        
        //loadReferrals();
        
        map = new L.map('map',{attributionControl: false});
        
        map.on('load',function(){          
            console.log('map loaded');
            marker = L.marker([lat,lng], {icon: pin_start_marker})    
                                    .bindTooltip("Punto de partida", {permanent: true,offset: [-13, -30]})
                                    .on('click', function(e){
                                        map.setView(e.latlng, map.zoom);
                                    })
                                    .addTo(map);
            
            $('#lat').val(lat);
            $('#lng').val(lng);
            // on map move do
            map.on('move', function(ev) {
                marker.setLatLng(map.getCenter());
            });
            map.on('moveend', function(ev) {
                marker.setLatLng(map.getCenter());
                $('#lat').val(map.getCenter().lat);
                $('#lng').val(map.getCenter().lng);
            });
        });
        
        L.tileLayer('https://mapas.rtplataforma.com:8443/styles/klokantech-basic/{z}/{x}/{y}.png', {            
            maxZoom: 18,
        }).addTo(map);
        
        map.setView([lat, lng], 16);
        // adding controls to map
        L.control.fullscreen().addTo(map);
        $(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
                map.invalidateSize();
        });    
    });

</script>
@endpush