@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_drivers_users_edit_view',['user' => $user])}}" class="list-group-item active">{{__('strings.user_profile')}}</a>
            <a href="{{route('quiq_drivers_users_nips_view',['user' => $user])}}" class="list-group-item">Nips</a>
            <a href="{{route('quiq_drivers_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_update') }}</h4>
            </div>
            <div class="card-body">
                <div class="card-block">
                    <span class="avatar img-fluid d-block mx-auto width-35-per"><img class="img-circle" src="https://redtrack.rtplataforma.com/quiq/public/users/{{$user->EMAIL.'.jpeg'.'?'.now()}}"  width="150px" alt="avatar">                        		
                    </span>
                    <br>
                   <form class="form" action="{{route('quiq_drivers_user_update',['user'=>$user->ID_USER])}}" method="post">
                        {{ csrf_field() }}
                        {{ method_field('put') }}
                        <div class="form-body">    
                            <div class="form-group  col-md-4">
                                <label for="email">{{ __('strings.profile.email') }}</label>
                                <input type="email" id="email" class="form-control" placeholder="{{ __('strings.profile.email') }}" name="email" value="{{ $user->EMAIL }}" autocomplete="off" disabled>
                            </div>  
                             
                            <div class="form-group  col-md-4">
                                <label for="password">{{ __('strings.profile.password') }}</label>
                                <input type="password" id="password" class="form-control" placeholder="{{ __('strings.profile.password') }}" name="password" value="{{ $user->PASSWORD }}" autocomplete="off">
                            </div>  
                            <div class="form-group col-md-4">
                                <label for="name">{{ __('strings.profile.name') }}</label>
                                <input type="text" id="name" class="form-control" placeholder="{{ __('strings.profile.name') }}" name="name" value="{{ $user->NAME }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label for="last_name">{{ __('strings.profile.last_name') }}</label>
                                <input type="text" id="last_name" class="form-control" placeholder="{{ __('strings.profile.last_name') }}" name="last_name" value="{{ $user->LAST_NAME }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label for="user_phone">{{ __('strings.phone') }}</label><br>
                                <input type="text" id="user_phone" class="form-control" placeholder="{{ __('strings.phone') }}" name="user_phone" value="{{ $user->PHONE_NUMBER }}">
                            </div>

                            <div class="form-group col-md-4">   
                                <label for="producer_type">{{ __('strings.user_type') }}</label>
                                <select name="producer_type" class="form-control">
                                    <option value="null"> N / A </option>
                                    <option value="radiobase" {{$user->PRODUCER_TYPE == 'radiobase' ? 'selected' : ''}}>Radio Base</option>
                                    <option value="empresa" {{$user->PRODUCER_TYPE == 'empresa' ? 'selected' : ''}}>Empresa</option>
                                    <option value="hotel" {{$user->PRODUCER_TYPE == 'hotel' ? 'selected' : ''}}>Hotel</option>
                                </select>
                            </div>

                            <div class="form-group col-md-4">   
                                <label for="zone_id">Zona</label>
                                <select name="zone_id" class="form-control">
                                    <option value="0"> N / A </option>
                                    <option value="1" {{$user->ID_ZONE == '1' ? 'selected' : ''}}>San Luis Potosi / SLP</option>
                                </select>

                            </div>



                            <div class="form-group col-md-12">                                
                                <label for="is_producer"></label>
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox ml-1">
                                        <input name="is_producer" class="custom-control-input" type="checkbox" {{($user->IS_PRODUCER ? 'checked':'')}}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">{{ __('strings.is_producer') }}</span>
                                    </label>
                                </div>
                            </div>
                            <div class="form-group col-md-12">      
                                <div class="form-group col-md-4" hidden>   
                                    <label for="type_of_capture">{{__('strings.tpye_of_capture')}}</label>
                                    <select id="type_of_capture" name="type_of_capture" class="form-control">
                                        <option value="Plataforma" {{($user->TYPE_OF_CAPTURE == 'Plataforma' ? 'selected':'')}}>{{__('strings.platform')}}</option>
                                        <option value="Manual" {{($user->TYPE_OF_CAPTURE == 'Manual' ? 'selected':'')}}>Manual</option>
                                    </select>
                                </div>                                
                                <div class="form-group col-md-4">
                                    <label for="company_name">{{ __('strings.company_name') }}</label>
                                    <input type="text" id="company_name" class="form-control" placeholder="{{ __('strings.company_name') }}" name="company_name" value="{{$user->COMPANY_NAME}}">
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="rfc">RFC</label>
                                    <input type="text" id="rfc" class="form-control" placeholder="RFC" name="rfc" value="{{$user->RFC}}">
                                </div>                               
                                <div class="form-group col-md-4">
                                    <label for="company_address">{{ __('strings.company_address') }}</label>
                                    <input type="text" id="company_address" class="form-control" placeholder="{{ __('strings.company_address') }}" name="company_address" value="{{$user->COMPANY_ADDRESS}}">
                                </div>
                                <div class="form-group col-md-4" hidden>   
                                    <label for="overprice">{{__('strings.overprice')}}</label>
                                    <select id="overprice" name="overprice" class="form-control" onchange="onOverprice()">
                                        <option value="SI" {{($user->OVERPRICE == 'SI' ? 'selected':'')}}>SI</option>
                                        <option value="NO"  {{($user->OVERPRICE == 'NO' ? 'selected':'')}}>NO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-4" hidden>   
                                    <label for="overprice_type">{{__('strings.overprice_type')}}</label>
                                    <select id="overprice_type" name="overprice_type" class="form-control" onchange="onOverpriceType()" disabled>
                                        <option value="Fijo" {{($user->OVERPRICE_TYPE == 'Fijo' ? 'selected':'')}}>{{__('strings.fixed')}}</option>
                                        <option value="Variable" {{($user->OVERPRICE_TYPE == 'Variable' ? 'selected':'')}}>Variable</option>
                                        <option value="Mixto" {{($user->OVERPRICE_TYPE == 'Mixto' ? 'selected':'')}}>{{__('strings.mixed')}}</option>
                                    </select>
                                </div>                                                             
                                <div class="form-group col-md-4" hidden>
                                    <label for="fixed">{{ __('strings.fixed') }}</label>
                                    <input type="number" max="50" min="0" id="fixed" class="form-control" placeholder="{{ __('strings.fixed') }}" name="fixed" disabled value="{{$user->FIXED ? $user->FIXED:0}}">
                                </div>                                                         
                                <div class="form-group col-md-4" hidden>
                                    <label for="variable">Variable</label>
                                    <input type="number" max="30" min="0" id="variable" class="form-control" placeholder="Variable" name="variable" disabled value="{{$user->VARIABLE ? $user->VARIABLE:0}}">
                                </div>
                                <div class="form-group col-md-4" hidden>   
                                    <label for="company_commision">{{__('strings.company_commision')}}</label>
                                    <select id="company_commision" name="company_commision" class="form-control" onchange="onCompanyCommision()">
                                        <option value="SI" {{($user->COMPANY_COMMISSION == 'SI' ? 'selected':'')}}>SI</option>
                                        <option value="NO" {{($user->COMPANY_COMMISSION == 'NO' ? 'selected':'')}}>NO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-4" hidden>
                                    <label for="commission">{{ __('strings.commision') }}</label>
                                    <input type="number" max="30" min="0" id="commission" class="form-control" placeholder="{{ __('strings.commision') }}" name="commission" disabled value="{{$user->COMMISSION ? $user->COMMISSION:0}}">
                                </div>
                                <div class="form-group col-md-12">
                                    <label for="message">Mensaje privado</label>
                                    <textarea maxlength="512" id="message" class="form-control" placeholder="Mensaje privado para mostrar" name="message" >{{$user->MESSAGE ?? ''}}</textarea>
                                </div>

                            </div>
                        </div>
                        <div class="form-actions center col-md-12">
                            <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>    
                            <button type="submit" class="btn btn-primary">{{ __('strings.profile.update') }}</button>
                        </div>
                   </form>
                </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>
    $("#user_phone").intlTelInput({
      utilsScript: "{{asset('js/phone_input_utils.js')}}",
      preferredCountries: ["mx"],
      hiddenInput: "full_phone"
    });
    
    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 () {
        onOverprice();
        onOverpriceType();
        onCompanyCommision();
    });
    
    function onOverprice(){ 
        var overprice = $("#overprice").val();
        if(overprice == 'SI') {
            $("#overprice_type").prop('disabled', false);
            $("#fixed").prop('disabled', false);
        } else {
            $("#overprice_type").prop('disabled', true);
            $("#fixed").prop('disabled', true);
            $("#variable").prop('disabled', true);
        }
    }

    function onOverpriceType() {
        var type = $("#overprice_type").val();
        if(type == 'Fijo') {
            $("#fixed").prop('disabled', false);
            $("#variable").prop('disabled', true);
        } else if(type == 'Variable'){        
            $("#fixed").prop('disabled', true);
            $("#variable").prop('disabled', false);
        } else if(type == 'Mixto'){
            $("#fixed").prop('disabled', false);
            $("#variable").prop('disabled', false);
        } 
    }

    function onCompanyCommision() {
        var value = $("#company_commision").val();
        if(value == "SI") {
            $("#commission").prop('disabled', false);
        } else {        
            $("#commission").prop('disabled', true);
        }
    }

</script>
@endpush