@extends('layouts.master')

@section('css')
<link href="{{ asset('plugins/tel/intlTelInput.css') }}" rel="stylesheet" type="text/css"> 
<link href="{{ asset('plugins/tel/demo.css') }}" rel="stylesheet" type="text/css">

 <!-- DatePicker -->
 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" type="text/css">


 {{-- <link href="{{ asset('plugins/flatpickr/flatpickr.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('plugins/flatpickr/custom-flatpickr.css') }}" rel="stylesheet" type="text/css">  --}}


<style>
    .required:after {
        content: " *";
        color: red;
    }

    .red {
        color: red;
    }

    .custom-checkbox input {
        margin: 0;
        width: 20px;
        height: 20px;
    }
</style>
@stop
@section('content')
<!--  BEGIN CONTENT AREA  -->
<div id="content" class="main-content">
     <!-- Page-Title -->
     <div class="page-title-box">
        <div class="btn-group float-right">
            <ol class="breadcrumb hide-phone p-0 m-0">
                <li class="breadcrumb-item active"><a href="{{ route('dashboard') }}">{!! __('Dashboard') !!}</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('drivers.index') }}">{!! __('driver_list') !!}</a></li>
                <li class="breadcrumb-item active">{!! __('edit_driver') !!}</li>
            </ol>
        </div>
        <h4 class="page-title">{!! __('edit_driver') !!}</h4>
    </div>
    <!-- end page title end breadcrumb -->
    <div class="layout-px-spacing">
        <div class="account-settings-container layout-top-spacing">
            <div class="col-lg-12 layout-spacing">
                <div class="statbox widget box box-shadow">
                    <div class="widget-header">
                        <div class="row">
                            <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                <h4>Edit Driver</h4>
                            </div>
                        </div>
                    </div>

                    <div class="widget-content widget-content-area">
                        @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                        @if(session()->has('message'))
                        <div class="alert alert-success">
                            {{ session()->get('message') }}
                        </div>
                        @endif
                        <div class="row">
                          <!---------------Start Wizard------------------------->
                    <div class="col-md-12" >
                          <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Basic Info</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Vehicle Detail</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Documents</a>
                            </li>
                        </ul><!-- Tab panes -->
                        <div class="tab-content">
                            <div class="tab-pane active" id="tabs-1" role="tabpanel">
                                {!! Form::model($driver,['route' => ['drivers.update',$driver->id] , 'method' => 'POST','files' => true, 'id' => 'ajax-submit']) !!}

                                    <div class="col-lg-8 col-8 mx-auto">

                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('full_name', 'Full name',array('class' => 'required')) !!}
                                                {!! Form::text('name', null, array('class' => 'form-control','id' => 'full_name','required' => 'required', 'autofocus' => 'autofocus','placeholder' => 'Full name'))!!}
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('Email', 'Email',array('class' => 'required')) !!}
                                                {!! Form::email('email', null, array('class' => 'form-control','id' => 'email','required' => 'required','placeholder' => 'Email')) !!}
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col">
                                                <input id="phone" name="phone" type="text" class="form-control numbersOnly" > 
                                                <span id="valid-msg" class="hide">✓ Valid</span>
                                              <span id="error-msg" class="hide"></span> 
                                              <span id="errmsg"></span>
                                              {!! Form::hidden('dial_code', null, array('class' => 'form-control','id' => 'dial_code'))!!}
                                            </div>
                                        </div>
                                        <div class="row mb-4">
                                            <div class="col">
                                                {!! Form::label('Password', 'Password',array('class' => 'required')) !!}
                                                {!! Form::password('password', ['class' => 'form-control awesome','id' => 'password','placeholder' => 'Password']) !!}
                                            </div>
                                            <div class="col">
                                                {!! Form::label('Language', 'Language',array('class' => 'required')) !!}
                                                {!! Form::select('language', ['English' => 'English', 'French' => 'French'], 'E', array('class' => 'form-control','id' => 'language','required' => 'required')) !!}
                                            </div>
                                        </div>
                                        <div class="row mb-4">
                                            <div class="col">
                                                {!! Form::label('Date of Birth', 'Date of Birth',array('class' => 'required')) !!}
                                                {!! Form::text('dob', $driver->dob, array('class' => 'form-control date','required' => 'required', 'autocomplete' => 'off','placeholder' => 'Date of Birth','onkeydown' => 'event.preventDefault()'))!!}
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('Address', 'Address',array('class' => 'required')) !!}
                                                {!! Form::textarea('address', null, array('class' => 'form-control','id' => 'address','required' => 'required','placeholder' => 'Address', 'rows' => 4, 'cols' => 40)) !!}
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('Country', 'Country') !!}
                                                {!! Form::select('country', $data['countries'], null, ['class' => 'form-control select2 __country','id' => 'country', 'data-route' => route('country.states')]) !!}
                                            </div>
                                           
                                            <div class="col">
                                                {!! Form::label('State', 'State') !!}
                                                {!! Form::select('state', $data['states'], null, ['class' => 'form-control select2 __state','id' => 'state','data-route' => route('country.city')]) !!}
                                                {{-- {!! Form::label('State', 'State') !!}
                                                {!! Form::select('state', $data['states'],$driver->state, [
                                                    'class' => 'form-control select2 __state','id' => 'state', 'data-route' => route('country.city')]) !!} --}}
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('City', 'City') !!}
                                                {!! Form::select('city',$data['cities'], null, ['class' => 'form-control select2 __city','id' => 'city']) !!}
                                            </div>
                                            <div class="col">
                                                {!! Form::label('Postal Code', 'Postal Code',array('class' => 'required')) !!}
                                                {!! Form::text('postal_code', null, array('class' => 'form-control','id' => 'postal_code','required' => 'required', 'autofocus' => 'autofocus','placeholder' => 'Postal Code'))!!}
                                            </div>
                                        </div>

                                        <div class="row  mb-4">
                                            <div class="col" id="profile_pic_div">
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('profile_pic',array('class' => 'custom-file-input','id' => 'profile_pic')) !!}
                                                    {!! Form::label('Profile Picture', 'Profile Picture',array('class' => 'custom-file-label')) !!}
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                                <div class="old_image">{!! Html::image(apiImage($driver->profile_pic),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                              
                                                <div class="imagePreview"></div>
                                                
                                            </div>
                                        </div>
                                        <div class="row  mb-4">

                                            <div class="custom-control custom-checkbox ">
                                                {!! Form::checkbox('is_activated', '1',true) !!}
                                                {!! Form::label('Active', 'Active') !!}

                                            </div>


                                        </div>
                                    </div>
                                    {!! Form::hidden('step1', 'step1', array('class' => 'form-control','id' => 'step1'))!!}

                                    <button class="btn btn-primary" name="action" value="stepOne"> {!! __('submit') !!}</button>
                                    {!! Form::close() !!}
                                </section>
                            </div>

                            <div class="tab-pane" id="tabs-2" role="tabpanel">
                                <section>
                                {!! Form::model($driverDetail[0],['route' => ['drivers.update',$driver->id] , 'method' => 'POST','files' => true, 'id' => 'ajax-submitStep2']) !!}


                                    <div class="col-lg-8 col-8 mx-auto">
                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('Vehicle Category', 'Vehicle Category') !!}
                                                {!! Form::select('vehicle_category_id', $data['category'], null, ['class' => 'form-control select2 __vehicle_category','id' => 'vehicle_category_id','data-route' => route('vehicleType.service')]) !!}
                                             
                                            </div>
                                            <div class="col-sm-6">
                                                {{-- <select class="form-control __vehicle_type" name="vehicle_type_id" id="vehicle_type_id">
                                                    <option value="0" selected="selected" disabled>Select Vehicle Type</option>
                                                    @foreach($data['types'] as $type)
                                                    <option value="{{ $type->id }}" {{ $driverDetail[0]->vehicle_type_id == $type->id ? 'selected' : '' }}>{{ $type->type_name }}</option>
                                                    @endforeach
                                                </select> --}}

                                                {!! Form::label('Vehicle Type', 'Vehicle Type') !!}
                                                <select class="form-control __vehicle_type" name="vehicle_type_id" id="vehicle_type_id">
                                                    <option value="0" selected="selected" disabled>Select Vehicle Type</option>
                                                    @foreach($data['types'] as $type)
                                                    <option value="{{ $type->id }}" {{ $driverDetail[0]->vehicle_type_id == $type->id ? 'selected' : '' }}>{{ $type->type_name }}</option>
                                                    @endforeach
                                                </select>
                                                {{-- {!! Form::select('vehicle_type_id', $data['types'], null, ['class' => 'form-control select2 __vehicle_type','id' => 'vehicle_type_id']) !!} --}}
                                             
                                            </div>
                                         
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col-sm-6">
                                                {!! Form::label('Vehicle Make', 'Vehicle Make') !!}
                                                {!! Form::select('vehicle_make_id', $data['make'], null, ['class' => 'form-control select2 __vehicle_make','id' => 'vehicle_make_id','data-route' => route('vehicleModel.service')]) !!}
                                             
                                            </div>
                                            <div class="col-sm-6">
                                                {!! Form::label('Vehicle Model', 'Vehicle Model') !!}
                                                {{-- {!! Form::select('vehicle_model_id', $data['models'], null, ['class' => 'form-control select2 __vehicle_model','id' => 'vehicle_model']) !!} --}}
                                                <select class="form-control __vehicle_model" name="vehicle_model_id" id="vehicle_model">
                                                    <option value="0" selected="selected" disabled>Select Vehicle Model</option>
                                                    @foreach($data['models'] as $model)
                                                    <option value="{{ $model->id }}" {{ $driverDetail[0]->vehicle_model_id == $model->id ? 'selected' : '' }}>{{ $model->model_name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                          
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col-sm-6">
                                                {!! Form::label('Vehicle Color', 'Vehicle Color') !!}
                                                {!! Form::select('vehicle_color_id', $data['colors'], null, ['class' => 'form-control select2 __vehicle_color','id' => 'vehicle_color']) !!}

                                            </div>
                                            <div class="col-sm-6">
                                                {!! Form::label('Vehicle Manufacturing Year', 'Vehicle Manufacturing Year') !!}
                                                {!! Form::text('mfg_year', null, array('class' => 'form-control numbersOnly','id' => 'mfg_year','autofocus' => 'autofocus','placeholder' => 'Vehicle Manufacturing Year'))!!}
                                            </div>
                                           
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col">
                                                {!! Form::label('License Plate Number', 'License Plate Number') !!}
                                                {!! Form::text('license_plate_no', $driverDetail[0]->license_plate_no, array('class' => 'form-control','id' => 'license_plate_no', 'autofocus' => 'autofocus','placeholder' => 'License Plate Number'))!!}
                                            </div>
                                        </div>
                                        <div class="row mb-4">
                                            <div class="col-sm-6">
                                                {!! Form::label('Driver License Number', 'Driver License Number') !!}
                                                {!! Form::text('driver_license_no', $driver->driver_license_no, array('class' => 'form-control ','id' => 'driver_license_number', 'autofocus' => 'autofocus','placeholder' => 'Driver License Number'))!!}
                                            </div>
                                            <div class="col">
                                                {!! Form::label('Driver License Expiry Date', 'Driver License Expiry Date') !!}
                                                {!! Form::text('dl_expiry_date', null, array('class' => 'form-control date','autocomplete' => 'off','placeholder' => 'YYYY-MM-DD','onkeydown' => 'event.preventDefault()'))!!}
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col" id="vehicle_image_div">
                                                {!! Form::label('vehicle_image', __('vehicle_image')) !!}
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('vehicle_image',array('class' => 'custom-file-input','id' => 'vehicle_image')) !!}
                                                   
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                              
                                                <div class="old_image">{!! Html::image(apiImage($driverDetail[0]->vehicle_image),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                              
                                              <div class="imagePreview"></div>
                                            </div>
                                        </div>
                                    </div>
                                    {!! Form::hidden('step2', 'step2', array('class' => 'form-control','id' => 'step2'))!!}
                                    {!! Form::hidden('driver_id', isset($_GET['id'])?$_GET['id']:null, array('class' => 'form-control','id' => 'driverId'))!!}

                                    <button class="btn btn-primary" name="action" value="stepTwo"> {!! __('submit') !!}</button>
                                    {!! Form::close() !!}
                                </section>
                            </div>

                            <div class="tab-pane" id="tabs-3" role="tabpanel">
                                <section>
                                    {!! Form::model($driverDetail[0],['route' => ['drivers.update',$driver->id] , 'method' => 'POST','files' => true, 'id' => 'ajax-submitStep3']) !!}

                                    <div class="col-lg-8 col-8 mx-auto">
                                        <div class="row  mb-4">
                                            <div class="col" id="driver_license_div">
                                                {!! Form::label('driving_license', __('driving_license')) !!}
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('driver_license_image',array('class' => 'custom-file-input','id' => 'driver_license')) !!}
                                                    
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                              
                                                <div class="old_image">{!! Html::image(apiImage($driverDetail[0]->driver_license_image),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                              
                                                <div class="imagePreview"></div>
                                               
                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col" id="vehicle_license_div">
                                                {!! Form::label('vehicle_license', __('vehicle_license')) !!}
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('vehicle_license_image',array('class' => 'custom-file-input','id' => 'vehicle_license')) !!}
                                                    
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                                <div class="old_image">{!! Html::image(apiImage($driverDetail[0]->vehicle_license_image),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                                <div class="imagePreview"></div>

                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col" id="insurance_div">
                                                {!! Form::label('insurance', __('insurance')) !!}
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('insurance_image',array('class' => 'custom-file-input','id' => 'insurance')) !!}
                                                   
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                                <div class="old_image">{!! Html::image(apiImage($driverDetail[0]->insurance_image),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                                <div class="imagePreview"></div>

                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col" id="road_worthiness_div">
                                                {!! Form::label('road_worthiness', __('road_worthiness')) !!}
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('road_worthiness',array('class' => 'custom-file-input','id' => 'road_worthiness')) !!}
                                                   
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                                <div class="old_image">{!! Html::image(apiImage($driverDetail[0]->road_worthiness),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                                <div class="imagePreview"></div>

                                            </div>
                                        </div>
                                        <div class="row  mb-4">
                                            <div class="col" id="pow_div">
                                                {!! Form::label('proof_of_ownership', __('proof_of_ownership')) !!}
                                                <div class="custom-file mb-4">
                                                    {!! Form::file('proof_of_ownership',array('class' => 'custom-file-input','id' => 'proof_of_ownership')) !!}
                                                    
                                                    @if ($errors->has('file'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('file') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                                <div class="old_image">{!! Html::image(apiImage($driverDetail[0]->proof_of_ownership),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div>
                                                <div class="imagePreview"></div>

                                            </div>
                                        </div>
                                        {!! Form::hidden('step3', 'step3', array('class' => 'form-control','id' => 'step3'))!!}
                                     
    
                                        <button class="btn btn-primary" name="action" value="stepThree"> {!! __('submit') !!}</button>
                                        {!! Form::close() !!}

                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                          <!---------------End Wizard------------------------->
                        
                            

                        </div>

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

    </div>
    <!-- </div> -->
    <!--  END CONTENT AREA  -->
    @stop
    @section('script')

    <script src="{{ asset('plugins/highlight/highlight.pack.js') }}"></script>
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.min.js"></script> --}}
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
    <!---DatePicker------>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script> 

    
    
    {{-- <script src="{{ asset('plugins/flatpickr/flatpickr.js') }}"></script>
    <script src="{{ asset('plugins/flatpickr/custom-flatpickr.js') }}"></script>  --}}
    <script src="{{ asset('plugins/tel/intlTelInput.js') }}"></script>
    <script src="{{ asset('assets/js/scrollspyNav.js') }}"></script>
     

    <script>
       
        // //Get vehicle Models
        function fetchModels() {
            // showElm("#models-loader");
            var make_id = $("#vehicle_make").val();
            var type_id = $("#vehicle_type").val();
            $("#vehicle_model").html('');

            $.ajax({
                url: "{{ url('admin/vehicleModel/getVehicleModel') }}",
                method: "post",
                data: {
                    "_token": "{{ csrf_token() }}",
                    type_id: type_id,
                    make_id: make_id
                },
                success: function(resp) {
                    $.each(resp, function(key, value) {
                        $('#vehicle_model').append($('<option>', {
                            value: value.id,
                            text: value.model_name
                        }));
                    });
                }
            });
        }


        //Get Vehicle Make
        $('.__vehicle_type').change(function(){
            $('.__vehicle_model').html('');
        });
        // $("#vehicle_type").change(function() {
        //     $("#vehicle_make").html('');

        //     var type_id = $("#vehicle_type").val();
        //     $.ajax({
        //         url: "{{ url('admin/vehicleMake/getVehicleMake') }}",
        //         method: "post",
        //         data: {
        //             "_token": "{{ csrf_token() }}",
        //             type_id: type_id
        //         },
        //         success: function(resp) {
        //             $.each(resp, function(key, value) {
        //                 $('#vehicle_make').append($('<option>', {
        //                     value: value.id,
        //                     text: value.make_name
        //                 }));
        //             });
        //             fetchModels();
        //         }
        //     });
        // });
        $("#vehicle_make").change(function() {
            fetchModels();
        });
        // $( ".selector" ).tabs({ cache: true });
        //Preview Image before upload
        function filePreview(input, divid) {

            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                 
                    $('#' + divid + '  .old_image').empty();
                    $('#' + divid + '  .imagePreview + img').remove();
                    $('#' + divid + ' .imagePreview').after('<img src="' + e.target.result + '" width="300" height="150"/>');
                };
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#profile_pic").change(function() {
            filePreview(this, 'profile_pic_div');
        });

        $("#vehicle_image").change(function() {
            filePreview(this, 'vehicle_image_div');
        });
        $("#driver_license").change(function() {
            filePreview(this, 'driver_license_div');
        });
        $("#vehicle_license").change(function() {
            filePreview(this, 'vehicle_license_div');
        });
        $("#insurance").change(function() {
            filePreview(this, 'insurance_div');
        });
        $("#road_worthiness").change(function() {
            filePreview(this, 'road_worthiness_div');
        });
        $("#proof_of_ownership").change(function() {
            filePreview(this, 'pow_div');
        });
        $(document).ready(function() {
            $('.selectpicker').selectpicker();
        });

        // Tabs active based on URL
        $(document).ready(function() {
         $(function(){
                var hash = window.location.hash;
                if(hash){
                    $('a[href="' + hash +'"]').addClass('active');
                    if(hash=='#tabs-2'){

                        $(hash).addClass("active");
                        $('#tabs-1').removeClass("active");
                        $('a[href="#tabs-1"]').removeClass('active');

                    }else if(hash=='#tabs-3'){
                        $(hash).addClass("active");
                        $('#tabs-2').removeClass("active");
                        $('#tabs-1').removeClass("active");
                        $('a[href="#tabs-1"]').removeClass('active');
                        $('a[href="#tabs-2"]').removeClass('active');
                    }
                    var elementID = hash.replace('#', '');
                    $(elementID).show();
                } else {
                    $('.nav-tabs div:first').show();
                    $('.nav-tabs ul li:first').addClass('active');
                }
            });
        });

      
    </script>
{{-- <script src="{{asset('plugins/flags/intlTelInput.js')}}"></script> --}}
<script>
    window.addEventListener('load', (event) => {
        var input = document.getElementById("phone");
        var dialing_code = document.getElementById("dial_code");
        var iti = window.intlTelInput(input, {
            //utilsScript: "{{asset('plugins/flags/utils.js')}}"
        });
        
        iti.setNumber('');
        iti.setNumber('');

        input.addEventListener("countrychange", function() {
            var number = iti.selectedCountryData.dialCode;
            dialing_code.value = '+' + number;
        });
    });
         //Datepicker
         $('.date').datepicker({ 
            setDate: new Date(),   
       format: 'yyyy-mm-dd'
     });

      //Disable Submit button for 5 secs
      $('form').submit(function(){
     $(this).find(':submit').attr( 'disabled','disabled' );
     //the rest of your code
    setTimeout(() => {
        $(this).find(':submit').attr( 'disabled',false );
    }, 5000)
});
</script>
    @stop