@extends('layouts.main')

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

<link rel="stylesheet" type="text/css" href="{{asset('css/filepond.css')}}">
<style>
    .driver_photo{            
            content: ' ';
            display: block;
            background-image: url("{{asset('images/user.png')}}");
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
            height: auto;
    }
    .driver_photo_upload{            
        content: ' ';
        display: block;
        background-image: url("{{asset('images/user.png')}}");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
        width: 25%;
    }
</style>
@endpush

@section('content')
@if(isset($driver))
<div class="row">
	 <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.quiq_driver_add') }}</h4>
            </div>
            <div class="card-body">
                <div class="card-block">
                   <form class="form" action="{{route('drivers_driver_update_data',["driver"=>$driver])}}" method="post">
                        {{ csrf_field() }}
                        {{ method_field('post') }}
                        <div class="form-body">   
                            <div class="form-group  col-md-4">
                                <img class="driver_photo" height="75%" width="75%" src="{{Auth::user()->getQuiQPhotoREST()}}drivers/{{$driver->EMAIL}}{{$driver->ECO}}.jpeg" onclick="updatePhoto('{{$driver->EMAIL}}{{$driver->ECO}}')"/>
                            </div>
                            <div class="form-group  col-md-4">
                                <label for="driver_id">Id</label>
                                <input type="text" id="driver_id" class="form-control" placeholder="Id" name="driver_id" value="{{$driver->ID_USER}}" disabled>
                            </div>
                            <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="{{$driver->EMAIL}}" required>
                            </div> 
                            <div class="form-group  col-md-4">
                                <label for="password">{{ __('strings.profile.password') }}</label>
                                <input type="text" id="password" class="form-control" placeholder="{{ __('strings.profile.password') }}" name="password" value="{{$driver->PASSWORD}}" autocomplete="new-password" required>
                            </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="{{$driver->NAME}}" required>
                            </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="{{$driver->LAST_NAME}}" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="car_model">{{ __('strings.vehicle_model') }}</label>
                                <input type="text" id="car_model" class="form-control" placeholder="ej. Nissan Versa 2018 Blanco" name="car_model" value="{{$driver->CAR_MODEL}}" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="number_plate">{{ __('strings.plates') }}</label>
                                <input type="text" id="number_plate" class="form-control" placeholder="{{ __('strings.plates') }}" name="number_plate" value="{{$driver->NUMBER_PLATE}}" required>
                            </div>
                             <div class="form-group col-md-4">
                                <label for="ine">INE</label>
                                <input type="text" id="ine" class="form-control" placeholder="INE" name="ine" value="{{$driver->INE}}" required>
                            </div>  

                            <div class="form-group col-md-4">
                                <label for="driver_licence">{{__('strings.driver_licence')}}</label>
                                <input type="text" id="driver_licence" class="form-control" placeholder="{{__('strings.driver_licence')}}" name="driver_licence" value="{{$driver->DRIVERS_LICENCE}}" required>
                            </div>   

                            <div class="form-group col-md-4">
                                <label for="eco">ECO</label>
                                <input type="text" id="eco" class="form-control" placeholder="ECO" name="eco" value="{{$driver->ECO}}" required>
                            </div>
                            
                            <div class="form-group col-md-4">   
                                <label for="taxy_type">{{ __('strings.driver_type') }}</label>
                                <select id="taxy_type" name="taxy_type" class="form-control">
                                    <option value="BLOCKED"@if($driver->TAXI_TYPE == 'BLOCKED') selected @endif > {{__('strings.blocked')}} </option>
                                    <option value="VERDE"@if($driver->TAXI_TYPE == 'VERDE') selected @endif > Verde </option>
                                    <option value="BASICO"@if($driver->TAXI_TYPE == 'BASICO') selected @endif >Radio Base</option>
                                    <option value="PLUS" @if($driver->TAXI_TYPE == 'PLUS') selected @endif >PLUS</option>
                                </select>
                            </div>
                            
                            <div class="form-group col-md-4">   
                                <label for="zone_id">{{ __('strings.zone') }}</label>
                                <select id="zone_id" name="zone_id" class="form-control">
                                    @foreach($zones as $zone)
                                    <option value="{{$zone->id}}" @if($driver->ID_ZONE == $zone->id) selected @endif > {{$zone->name}} </option>
                                    @endforeach                                
                                </select>
                            </div>
                                 
                            <div class="form-group col-md-4">   
                                <label for="sex">Sex</label>
                                <select id="sex" name="sex" class="form-control">
                                    <option value="M" @if($driver->SEX == 'M') selected @endif>M</option>
                                    <option value="F" @if($driver->SEX == 'F') selected @endif>F</option>                                
                                </select>
                            </div> 

                            <div class="form-group col-md-4">
                                <label for="eco">Asesor</label>
                                <input type="text" id="asesor" class="form-control" placeholder="Asesor" name="asesor" value="{{$driver->ASESOR ?? ''}}" required>
                            </div>
                            
                            <div class="form-group col-md-4">
                                <label for="phone_number">{{ __('strings.phone') }}</label>
                                <input type="text" id="phone_number" class="form-control" placeholder="{{ __('strings.phone') }}" value="{{$driver->PHONE_NUMBER}}" name="phone_number">
                            </div>
                            
                        </div>
                        <div class="form-actions center col-md-12">
                            <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_return')}} </a>    
                            <button type="submit" class="btn btn-primary" >{{ __('strings.profile.update') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="row">
	 <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <p><code>** {{__('strings.max_file_size')}}</code></p>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <h4>{{__('strings.driver_files')}}</h4>
                        <div class="form-body">
                            <div class="form-group col-md-6">
                                <label for="ife">IFE</label>
                                <input id="ife" name="ife" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="address">{{__('strings.address_receipt')}}</label>
                                <input id="address" name="address" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="rfc">{{__('strings.rfc')}}</label>
                                <input id="rfc" name="rfc" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="licence">{{__('strings.licence')}}</label>
                                <input id="licence" name="licence" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="circulation_card">{{__('strings.circulation_card')}}</label>
                                <input id="circulation_card" name="circulation_card" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="training">{{__('strings.training')}}</label>
                                <input id="training" name="training" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="toxicological_exam">{{__('strings.toxicological_exam')}}</label>
                                <input id="toxicological_exam" name="toxicological_exam" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="psychometric_exam">{{__('strings.psychometric_exam')}}</label>
                                <input id="psychometric_exam" name="psychometric_exam" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="healt_certificate">{{__('strings.healt_certificate')}}</label>
                                <input id="healt_certificate" name="healt_certificate" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="no_criminal_record">{{__('strings.no_criminal_record')}}</label>
                                <input id="no_criminal_record" name="no_criminal_record" type="file" accept="application/pdf">
                            </div>
                            
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
     </div>
</div>


<div class="row">
	 <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <p><code>** {{__('strings.max_file_size')}}</code></p>
            </div>
            <div class="card-body">
                <div class="row">                    
                    <div class="col-md-12">
                        <h4>{{__('strings.vehicle_files')}}</h4><div class="form-body">
                            <div class="form-group col-md-6">
                                <label for="vehicle_bill">{{__('strings.vehicle_bill')}}</label>
                                <input id="vehicle_bill" name="vehicle_bill" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="vehicle_ife">{{__('strings.vehicle_ife')}}</label>
                                <input id="vehicle_ife" name="vehicle_ife" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="vehicle_address">{{__('strings.vehicle_address')}}</label>
                                <input id="vehicle_address" name="vehicle_address" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="vehicle_rfc">{{__('strings.vehicle_rfc')}}</label>
                                <input id="vehicle_rfc" name="vehicle_rfc" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="vehicle_circulation_card">{{__('strings.vehicle_circulation_card')}}</label>
                                <input id="vehicle_circulation_card" name="vehicle_circulation_card" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="vehicle_payment">{{__('strings.vehicle_payment')}}</label>
                                <input id="vehicle_payment" name="vehicle_payment" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="insurance_policy">{{__('strings.insurance_policy')}}</label>
                                <input id="insurance_policy" name="insurance_policy" type="file" accept="application/pdf">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="vehicular_verification">{{__('strings.vehicular_verification')}}</label>
                                <input id="vehicular_verification" name="vehicular_verification" type="file" accept="application/pdf">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
     </div>
</div>

<!-- Modal -->
<div class="modal fade" id="photoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__('strings.update_photo')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <img id="driver_photo_upload" name="driver_photo_upload" class="driver_photo_upload" src="">
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="form-control-label" for="customFile">Choose file</label>
                            <input type="file" class="form-control" id="imageFile" accept="image/gif, image/jpeg, image/png" onchange="resizeImage(this);">
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="filename" class="form-control-label">filename</label>
                            <input type="text" id="filename" name="filename" class="form-control" readonly>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button type="button" id="update" name="update" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
@else
<div class="row">
	 <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.quiq_driver_add') }}</h4>
            </div>
            <div class="card-body">
                <div class="card-block">
                   <form class="form" action="{{route('quiq_driver_register_driver_post')}}" method="post">
                        {{ csrf_field() }}
                        {{ method_field('post') }}
                        <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" required>
                            </div> 
                            <div class="form-group  col-md-4">
                                <label for="password">{{ __('strings.profile.password') }}</label>
                                <input type="text" id="password" class="form-control" placeholder="{{ __('strings.profile.password') }}" name="password"  autocomplete="new-password" required>
                            </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" required>
                            </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" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="car_model">{{ __('strings.vehicle_model') }}</label>
                                <input type="text" id="car_model" class="form-control" placeholder="ej. Nissan Versa 2018 Blanco" name="car_model" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="number_plate">{{ __('strings.plates') }}</label>
                                <input type="text" id="number_plate" class="form-control" placeholder="{{ __('strings.plates') }}" name="number_plate" required>
                            </div>
                             <div class="form-group col-md-4">
                                <label for="ine">INE</label>
                                <input type="text" id="ine" class="form-control" placeholder="INE" name="ine" required>
                            </div>                            
                            <div class="form-group col-md-4">
                                <label for="driver_licence">{{__('strings.driver_licence')}}</label>
                                <input type="text" id="driver_licence" class="form-control" placeholder="{{__('strings.driver_licence')}}" name="driver_licence" required>
                            </div>                           
                            <div class="form-group col-md-4">
                                <label for="eco">ECO</label>
                                <input type="text" id="eco" class="form-control" placeholder="ECO" name="eco" required>
                            </div>
                            
                            <div class="form-group col-md-4">   
                                <label for="taxy_type">{{ __('strings.driver_type') }}</label>
                                <select id="taxy_type" name="taxy_type" class="form-control">
                                    <option value="BLOCKED" > {{__('strings.blocked')}} </option>
                                    <option value="VERDE"> Verde </option>
                                    <option value="BASICO">Radio Base</option>
                                    <option value="PLUS" selected>PLUS</option>
                                </select>
                            </div>
                            
                            <div class="form-group col-md-4">   
                                <label for="zone_id">{{ __('strings.zone') }}</label>
                                <select id="zone_id" name="zone_id" class="form-control">
                                    @foreach($zones as $zone)
                                    <option value="{{$zone->id}}" > {{$zone->name}} </option>
                                    @endforeach                                
                                </select>
                            </div> 
                            
                            <div class="form-group col-md-4">   
                                <label for="sex">Sex</label>
                                <select id="sex" name="sex" class="form-control">
                                    <option value="M" selected>M</option>
                                    <option value="F">F</option>                                
                                </select>
                            </div> 
                            
                            <div class="form-group col-md-4">
                                <label for="phone_number">{{ __('strings.phone') }}</label>
                                <input type="text" id="phone_number" class="form-control" placeholder="{{ __('strings.phone') }}" name="phone_number">
                            </div>
                        </div>
                        <div class="form-actions center col-md-12">
                            <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_return')}} </a>    
                            <button type="submit" class="btn btn-primary" >{{ __('strings.profile.update') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
@endsection

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

<script src="{{asset('js/filepond.js')}}" type="text/javascript"></script>
<script>
@if(isset($driver))

FilePond.create( document.getElementById('ife'), {
        maxFiles: 1,
        @if($driver->info->ife ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->ife ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'ife');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('address'), {
        maxFiles: 1,
        @if($driver->info->address ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->address ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'address');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('rfc'), {
        maxFiles: 1,
        @if($driver->info->rfc ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->rfc ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'rfc');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('licence'), {
        maxFiles: 1,
        @if($driver->info->licence ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->licence ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'licence');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('circulation_card'), {
        maxFiles: 1,
        @if($driver->info->circulation_card ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->circulation_card ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'circulation_card');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('training'), {
        maxFiles: 1,
        @if($driver->info->training ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->training ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'training');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('toxicological_exam'), {
        maxFiles: 1,
        @if($driver->info->toxicological_exam ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->toxicological_exam ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'toxicological_exam');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('psychometric_exam'), {
        maxFiles: 1,
        @if($driver->info->psychometric_exam ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->psychometric_exam ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'psychometric_exam');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('healt_certificate'), {
        maxFiles: 1,
        @if($driver->info->healt_certificate ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->healt_certificate ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'healt_certificate');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('no_criminal_record'), {
        maxFiles: 1,
        @if($driver->info->no_criminal_record ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->no_criminal_record ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'no_criminal_record');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicle_bill'), {
        maxFiles: 1,
        @if($driver->info->vehicle_bill ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicle_bill ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicle_bill');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicle_ife'), {
        maxFiles: 1,
        @if($driver->info->vehicle_ife ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicle_ife ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicle_ife');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicle_address'), {
        maxFiles: 1,
        @if($driver->info->vehicle_address ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicle_address ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicle_address');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicle_rfc'), {
        maxFiles: 1,
        @if($driver->info->vehicle_rfc ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicle_rfc ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicle_rfc');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicle_circulation_card'), {
        maxFiles: 1,
        @if($driver->info->vehicle_circulation_card ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicle_circulation_card ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicle_circulation_card');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicle_payment'), {
        maxFiles: 1,
        @if($driver->info->vehicle_payment ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicle_payment ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicle_payment');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('insurance_policy'), {
        maxFiles: 1,
        @if($driver->info->insurance_policy ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->insurance_policy ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'insurance_policy');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

FilePond.create( document.getElementById('vehicular_verification'), {
        maxFiles: 1,
        @if($driver->info->vehicular_verification ?? false)
        files: [
                {
                    // the server file reference
                    source: "{{$driver->info->vehicular_verification ?? 'null'}}",
                    options: {
                        type: 'limbo'
                    }
                }
            ],
        @endif
        server: {
            url: "{{route('quiq_drivers_driver_put_file', ['driver_id'=>$driver->ID_USER ?? ''])}}",
            process: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                ondata: (data) => {
                    data.append('file_type', 'vehicular_verification');
                    return data;
                }
            },
            restore: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
            revert: {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        }
    }
);

@endif

$("#phone_number").intlTelInput({
  utilsScript: "{{asset('js/phone_input_utils.js')}}",
  hiddenInput: "full_phone",
  nationalMode: true,
  preferredCountries: ["mx"],
});

var base64;
function updatePhoto(driverPhoto) {
    $("#imageFile").val(null);
    $('#filename').val(driverPhoto + ".jpeg");
    $('#driver_photo_upload').attr("src",'{{Auth::user()->getQuiQPhotoREST()}}drivers/' + driverPhoto + ".jpeg");
    $('#photoModal').modal({focus:true});
    base64 = "";
}

function resizeImage(input) {
    if (window.File && window.FileReader && window.FileList && window.Blob) {            
        var filesToUploads = input.files;
        var file = filesToUploads[0];
        if (file) {
            var reader = new FileReader();
            // Set the image once loaded into file reader
            reader.onload = function(e) {
                var img = new Image();                    
                img.src = e.target.result;
                img.onload = function() {
                    var canvas = document.createElement("canvas"),
                    ctx = canvas.getContext("2d");
                    canvas.width = 255;
                    canvas.height= 255;
                    // draw the img into canvas
                    ctx.drawImage(this, 0, 0, 255, 255);
                    base64 = canvas.toDataURL("image/jpeg", 0.75);
                    document.getElementById('driver_photo_upload').src = base64;
                };                 
            }
            reader.readAsDataURL(file);
        }

    } else {
        $.alert('The File APIs are not fully supported in this browser.');
    }
}

$("#update").click(function(){
    $.post("{{Auth::user()->getQuiQREST()}}driver/image/upload", { filename: $('#filename').val(), image:base64.split(',')[1]} ,function(response){
        location.reload(); 
        $('#photoModal').modal('hide');
    });
});
</script>
@endpush