@extends('layouts.app')



@section('content')

<div class="page-wrapper">

    <div class="row page-titles">

        <div class="col-md-5 align-self-center">

            <h3 class="text-themecolor">{{trans('lang.driver_plural')}}</h3>

        </div>



        <div class="col-md-7 align-self-center">

            <ol class="breadcrumb">

                <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">{{trans('lang.dashboard')}}</a></li>

                <li class="breadcrumb-item"><a href="{!! route('drivers') !!}">{{trans('lang.driver_plural')}}</a>

                </li>

                <li class="breadcrumb-item active">{{trans('lang.driver_edit')}}</li>

            </ol>

        </div>

    </div>

    <div class="container-fluid">

        <div class="card  pb-4">

            <div class="card-body">



                <div class="error_top"></div>

                <div class="row restaurant_payout_create">

                    <div class="restaurant_payout_create-inner">

                        <fieldset>

                            <legend>{{trans('lang.driver_details')}}</legend>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.user_name')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control user_name">

                                    <div class="form-text text-muted">

                                        {{ trans("lang.user_name_help") }}

                                    </div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.email')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control user_email">

                                    <div class="form-text text-muted">

                                        {{ trans("lang.user_email_help") }}

                                    </div>

                                </div>

                            </div>



                            <div class="form-group row width-50" id="phone-box">

                                <label class="col-3 control-label">{{trans('lang.country_code')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <select name="country" id="country_selector" class="form-control country_code">

                                        <option value="">{{ trans("lang.user_country_code_help") }}</option>

                                        @foreach($countries_data as $country)

                                            <option value="{{$country->phoneCode}}">{{$country->countryName}}

                                                (+{{$country->phoneCode}})

                                            </option>

                                        @endforeach

                                    </select>

                                    <div class="form-text text-muted">

                                        {{ trans("lang.user_country_code_help") }}

                                    </div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.user_phone')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control user_phone">

                                    <div class="form-text text-muted w-50">

                                        {{ trans("lang.user_phone_help") }}

                                    </div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.user_service')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <select id='user_service' class="form-control" required>

                                        <option value="">{{trans('lang.user_service_help')}}</option>

                                    </select>

                                    <div class="form-text text-muted">

                                        {{ trans("lang.user_service_help") }}

                                    </div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.zone')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <select id='zone' class="form-control" multiple required></select>

                                </div>

                            </div>



                            <div class="form-group row width-100">

                                <div class="col-12">

                                    <h6>{{ trans("lang.know_your_cordinates") }} <a target="_blank"
                                            href="https://www.latlong.net/">{{

    trans("lang.latitude_and_longitude_finder") }}</a></h6>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.user_latitude')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="number" class="form-control user_latitude">

                                    <div class="form-text text-muted">{{trans('lang.user_latitude_help')}}</div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.user_longitude')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="number" class="form-control user_longitude">

                                    <div class="form-text text-muted">{{trans('lang.user_longitude_help')}}</div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.profile_image')}}</label>

                                <div class="col-7">

                                    <input type="file" onChange="handleFileSelect(event)" class="" id="userImage">

                                    <div class="form-text text-muted">{{trans('lang.profile_image_help')}}</div>

                                </div>

                                <div class="placeholder_img_thumb user_image"></div>

                                <div id="uploding_image"></div>

                            </div>



                            <div class="form-check width-100">

                                <input type="checkbox" class="col-7 form-check-inline is_active" id="is_active">

                                <label class="col-3 control-label"
                                    for="is_active">{{trans('lang.document_verification')}}</label>

                            </div>

                        </fieldset>
                        <fieldset>
                            <legend>{{ trans('lang.subscription_model') }}</legend>
                           
                            <div class="form-group row width-100">
                                <label class="col-4 control-label">{{ trans('lang.change_expiry_date') }}</label>
                                <div class="col-7">
                                    <input type="date" name="change_expiry_date" class="form-control"
                                        id="change_expiry_date" value="">
                                </div>
                            </div>
                            <input type="hidden" id="subscriptionPlanId">
                        </fieldset>
                        <fieldset>

                            <legend>{{trans('lang.vehicle_information')}}</legend>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.seats')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control vehicle_seats">

                                    <div class="form-text text-muted">{{trans('lang.vehicle_seats_help')}}</div>

                                </div>

                            </div>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.type')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <select id='vehicle_type' class="form-control" required>

                                        <option value="">{{trans('lang.vehicle_type_help')}}</option>

                                    </select>

                                    <div class="form-text text-muted">

                                        {{ trans("lang.vehicle_type_help") }}

                                    </div>

                                </div>

                            </div>

                            @php

$colorArray = [

    'Red',

    'Black',

    'White',

    'Blue',

    'Green',

    'Orange',

    'Silver',

    'Gray',

    'Yellow',

    'Brown',

    'Gold',

    'Beige',

    'Purple'

];

                            @endphp

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.vehicle_color')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <select name="vehicle_color" id="colorPicker" class="form-control vehicle_color">

                                        @foreach($colorArray as $color)

                                            <option value="{{$color}}">{{$color}}</option>

                                        @endforeach

                                    </select>

                                    <div class="form-text text-muted">{{trans('lang.vehicle_color_help')}}</div>

                                </div>

                            </div>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.vehicle_number')}}<span
                                        class="required-field"></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control vehicle_number" name="vehicle_number">

                                    <div class="form-text text-muted">{{trans('lang.vehicle_number_help')}}</div>

                                </div>

                            </div>

                        </fieldset>



                        <fieldset>

                            <legend>{{trans('lang.bank_details')}}</legend>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.bank_name')}}<span></span></label>

                                <div class="col-7">

                                    <input type="text" id='bank_name' class="form-control bank_name" required>

                                    <div class="form-text text-muted">

                                        {{ trans("lang.bank_name_help") }}

                                    </div>

                                </div>

                            </div>



                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.branch_name')}}<span></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control branch_name" name="branch_name">

                                    <div class="form-text text-muted">{{trans('lang.branch_name_help')}}</div>

                                </div>

                            </div>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.holder_name')}}<span></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control holder_name" name="holder_name">

                                    <div class="form-text text-muted">{{trans('lang.holder_name_help')}}</div>

                                </div>

                            </div>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.account_number')}}<span></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control account_number">

                                    <div class="form-text text-muted">{{trans('lang.account_number_help')}}</div>

                                </div>

                            </div>

                            <div class="form-group row width-50">

                                <label class="col-3 control-label">{{trans('lang.other_info')}}<span></span></label>

                                <div class="col-7">

                                    <input type="text" class="form-control other_info" name="other_info">

                                    <div class="form-text text-muted">{{trans('lang.other_info_help')}}</div>

                                </div>

                            </div>

                        </fieldset>

                    </div>

                </div>

                <div class="form-group col-12 text-center btm-btn">

                    <button type="button" class="btn btn-primary edit-form-btn"><i class="fa fa-save"></i> {{

    trans('lang.save')}}

                    </button>

                    <a href="{!! route('drivers') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{

    trans('lang.cancel')}}</a>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection



@section('scripts')



<script>





    var database=firebase.firestore();

    var photo="";

    var fileName="";

    var userImageFile="";

    var service_list=[];

    var vehicle_type=[];

    var is_active_deactivate=false;

    var id="{{$id}}";

    var placeholderImage="{{ asset('/images/default_user.png') }}";

    var ref=database.collection('driver_users').where("id","==",id);

    var bankRef=database.collection('bank_details').where("userId","==",id);

    var storageRef=firebase.storage().ref('images');

    var storage=firebase.storage();
    var setLanguageCode=getCookie('setLanguage');
    var defaultLanguageCode=getCookie('defaultLanguage');

    var stringToColour=function(str) {

        var hash=0;

        for(var i=0;i<str.length;i++) {

            hash=str.charCodeAt(i)+((hash<<5)-hash);

        }

        var colour='#';

        for(var i=0;i<3;i++) {

            var value=(hash>>(i*8))&0xFF;

            colour+=('00'+value.toString(16)).substr(-2);

        }

        return colour;

    };



    async function storeImageData() {

        var newPhoto='';

        try {

            if(userImageFile!=""&&photo!=userImageFile) {

                var userOldImageUrlRef=await storage.refFromURL(userImageFile);

                imageBucket=userOldImageUrlRef.bucket;

                var envBucket="