@extends('layouts.master')
@section('title', 'Driver')
@section('pageheader')
 
<style type="text/css">
#spnPhoneStatus{
   padding-left: 168px;
    margin-top: 3px;
}
       
</style>
<!-- Page Header -->
<div class="page-header">
   <div class="header-icon"><i class="fa fa-cog"></i></div>
   <h5>ADMINISTRATIVE SETTINGS</h5>
   <div class="form-group float-right mt-2">
      <select class="form-control">
         <option>Drivers</option>
         <option>Users</option>
      </select>
   </div>
</div>
<!-- /#Page Header -->
@endsection
@section('breadcrumb')
<nav aria-label="breadcrumb">
   <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Administrative settings</a></li>
      <li class="breadcrumb-item"><a href="{{ route('driver.index') }}">Driver Master</a></li>
      <li class="breadcrumb-item active" aria-current="page">New Driver</li>
   </ol>
</nav>
@endsection
@section('content')
<div class="detail-accordion">
   <ul class="nav nav-tabs" id="myTab" role="tablist">
      <li class="nav-item col">                  
         <a class="nav-link active" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="true">General Info</a>
      </li>
      <li class="nav-item col">
         <a class="nav-link" id="license-tab" data-toggle="tab" href="#license" role="tab" aria-controls="license" aria-selected="false">License Info</a>
      </li>
      <li class="nav-item col">
         <a class="nav-link" id="hos-profile-tab" data-toggle="tab" href="#hos-profile" role="tab" aria-controls="license" aria-selected="false">Hos Profile</a>
      </li>
      <li class="nav-item col">
         <a class="nav-link" id="medical_card-tab" data-toggle="tab" href="#medical_card_list" role="tab" aria-controls="license" aria-selected="false">Medical Card</a>
      </li>
   </ul>
   @include ('errors.list') 
   @if(isset($driver['id']))        
   {{ Form::model($driver, array('route' => array('driver.update', $driver->id),'id'=>'driver_form','method' => 'PUT','files'=>true,
   'enctype' => 'multipart/form-data')) }}
   @else
   {{ Form::open(array('route' => 'driver.store','id'=>'driver_form','files'=>true,
   'enctype' => 'multipart/form-data')) }} 
   @endif

   <div class="tab-content" id="myTabContent">
      <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="info-tab">
         <div class="row">
            <div class="col-4 text-center">
               @role('SuperAdmin')
               <div class="form-group row">
                  {{ Form::label('company_id', 'Company',array('class' => 'col-sm-4 col-form-label ')) }}
                  <div class="col-sm-8">
                      <select class="form-control" name="company_id" required="">
                        <option value="">--Select--</option>
                        
                        
                     </select>
                     
                  </div>
               </div>
                @endrole
                                  <input type="hidden" name="company_id" value="" />
                     
               <div class="profile-pic my-4">
                                 </div>
               <!-- <button type="button" class="btn btn-outline-primary"><i class="fa fa-camera"></i> Upload Photo</button> -->
               <input type="file" class="btn btn-outline-primary" name="image">
            </div>
            <div class="col-4">
               <div class="sub-header">
                  <h4>Profile Info</h4>
               </div>
               <div class="form-group row">
                  {{ Form::label('first_name', 'First Name',array('class' => 'col-sm-4 col-form-label ')) }}
                  <div class="col-sm-8">
                     {{ Form::text('first_name', (isset($user->first_name) ? $user->first_name : null), array('class' => 'form-control','required'=>'')) }}
                  </div>
               </div>
               <div class="form-group row">
                  {{ Form::label('last_name', 'Last Name',array('class' => 'col-sm-4 col-form-label ')) }}
                  <div class="col-sm-8">
                     {{ Form::text('last_name', (isset($user->last_name) ? $user->last_name : null), array('class' => 'form-control','required'=>'')) }}
                  </div>
               </div>
               <div class="form-group row">
               {{ Form::label('password', 'Password',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                  {{ Form::password('password', array('class' => 'form-control',$password)) }}
                  @if(isset($driver['id']))    
                     <small>Keep password field blank if you dont want to change password</small>
                     @endif
                  </div>
               </div>
               <div class="form-group row">
               {{ Form::label('password', 'Confirm Password',array('class' => 'col-sm-4 col-form-label')) }}              
                  <div class="col-sm-8">
                  {{ Form::password('password_confirmation', array('class' => 'form-control','required'=>'')) }}
                  </div>
               </div> 
                <div id="form-step-0" role="form" data-toggle="validator">
                  <div class="form-group row">
                     <label for="email" class="col-sm-4 col-form-label"> Email:</label>
                     <div class="col-sm-8">
                     <input required="required" value="" type="email" class="form-control" name="email" id="email" placeholder="" required>
                      <span id="error_email"></span>
                     <div class="help-block with-errors"></div>
                  </div>
                  </div>
                  </div> 
                  <input type="hidden" name="driver_id" id="driver_id" value="">
               <div class="form-group row">
                  {{ Form::label('phone', 'Phone',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">                      
                     {{ Form::text('phone', (isset($driver->phone) ? $driver->phone : null), array('class' => 'form-control phoneNumber' , 'id' =>'phone_number')) }}
                  </div>
                  <span id="spnPhoneStatus"></span>
               </div>
               <div class="form-group row">
                  {{ Form::label('address', 'Address',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {{ Form::textarea('address', (isset($driver->address) ? $driver->address : null), array('class' => 'form-control','rows'=>'3')) }}
                  </div>
               </div>
            </div>
            <div class="col-4">
               <div class="sub-header">
                  <h4>Location Info</h4>
               </div>
                <div class="form-group row">
                  {{ Form::label('country', 'Country',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {{ Form::select('country',['1' => 'US'], (isset($driver->country) ? $driver->country : '1') ,array('class' => 'form-control')) }}
                  </div>
               </div>
               <div class="form-group row">
                  {{ Form::label('state', 'State',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                      {{ Form::select('state',$us_states, (isset($driver->state) ? $driver->state : '') ,array('class' => 'form-control')) }}
                  </div>
               </div>
               <div class="form-group row">
                  {{ Form::label('city', 'City',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {!! Form::select('city',[''=>'--- Select City ---'],null,['class'=>'form-control']) !!}
                  </div>
               </div>
               <div class="form-group row">
                  {{ Form::label('zip', 'Zip',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {{ Form::text('zip', (isset($driver->zip) ? $driver->zip : null), array('class' => 'form-control alphaNumeric','required'=>'')) }}
                  </div>
               </div>
              
               <!-- <div class="form-group row">
                  {{ Form::label('hos_profile', 'HOS Profile',array('class' => 'col-sm-4 col-form-label ')) }}
                  
                  <div class="col-sm-8">
                  
                  
                  
                  <select class="form-control" name="hos_profile" required="">  
                      <option value="">Select</option> 
                          @foreach ($hos_array as $key =>$val)     
                                               
                              <option value="{{ $key }}" >{{ $val}}</option>
                          @endforeach
                      </select>
                   </div>
                  
                  </div> -->
               <div class="form-group row">
                  {{ Form::label('is_active', 'Status',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {{ Form::select('is_active',['1' => 'Active','0' => 'InActive'], (isset($driver->is_active) ? $driver->is_active : '1'),array('class' => 'form-control')) }}
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="tab-pane fade" id="license" role="tabpanel" aria-labelledby="license-tab">
         <div class="row">
            <div class="col-3">
               <div class="form-group row">
                  {{ Form::label('license_no', 'License #',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {{ Form::text('license_no', (isset($driver->license_no) ? $driver->license_no : null), array('class' => 'form-control alphaNumeric','required'=>'')) }}
                  </div>
               </div>
            </div>
            <div class="col-3">
               <div class="form-group row">
                  {{ Form::label('license_country', 'Country',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {{ Form::select('license_country',['1' => 'US'], (isset($driver->license_country) ? $driver->license_country : '1') ,array('class' => 'form-control')) }}
                  </div>
               </div>
            </div>
            <div class="col-3">
               <div class="form-group row">
                  <label class="col-4 col-form-label">License State</label>
                  <div class="col-8">
                     <input type="text" name="license_state" value="" class="form-control">
                  </div>
               </div>
            </div>
            <div class="col-3">
               <div class="form-group row">
                  {{ Form::label('expiration_date', 'Expiry Date',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     <div class="input-group">
                        {{ Form::text('expiration_date', (isset($driver->expiration_date) ? $driver->expiration_date : null), array('class' => 'form-control lic_expiration_date')) }}
                        <div class="input-group-append">
                           <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="tab-pane fade" id="hos-profile" role="tabpanel" aria-labelledby="license-tab">
         <div class="row">
            <div class="col-2"></div>
            <div class="col-4">
               <div class="form-group row">
                 <!--  <input name="is_hos_exempt"  type="checkbox" class="col-sm-2" value="1">
                  <div class="col-sm-8">
                     {{ Form::label('license_no', 'Is HOS Exempt?',array('class' => 'col-sm-8 col-form-label')) }}
                  </div> -->
                   <div class="form-check col-10">
                      <input type="checkbox" class="form-check-input" name="is_hos_exempt" value="1" >
                      <label class="form-check-label">Is HOS Exempt?</label>
                  </div>
               </div>
            </div>
            <div class="col-4">
               <div class="form-group row">
                  {{ Form::label('hos_profile', 'HOS Profile',array('class' => 'col-sm-3 col-form-label ')) }}
                  <div class="col-sm-9">
                     <select class="form-control" name="hos_profile" id="hos_profile">
                        <option value="">Select</option>
                        @foreach ($hos_array as $key =>$val)     
                                             
                        <option value="{{ $key }}" >{{ $val}}</option>
                        @endforeach
                     </select>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="tab-pane fade" id="medical_card_list" role="tabpanel" aria-labelledby="add_users-tab">
         <div class="sub-header">
            <h4>Add Medical Card</h4>
         </div>
         @if(isset($company['id']))    
         
            <div class="col-12 clone-users row" >
                <div class="col-4"></div>
                  <div class="col-4">
                  <div class="col-12">
                     <div class="form-group row">
                        {{ Form::label('medicalcard_issue_date', 'Issued Date',array('class' => 'col-sm-4 col-form-label')) }}
                        <div class="input-group col-sm-8">
                           {{ Form::text('medicalcard_issue_date[]', (isset($driver->medicalcard_issue_date) ? $driver->medicalcard_issue_date : null), array('class' => 'form-control expiration_date','required'=>'')) }}
                           <div class="input-group-append">
                              <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 ">
                     <div class="form-group row">
                        {{ Form::label('medicalcard_exp_date', 'Expiry Date',array('class' => 'col-sm-4 col-form-label')) }}
                        <div class="input-group col-sm-8">
                           {{ Form::text('medicalcard_exp_date[]', (isset($driver->medicalcard_exp_date) ? $driver->medicalcard_exp_date : null), array('class' => 'form-control expiration_date','required'=>'')) }}
                           <div class="input-group-append">
                              <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 ">
                     <div class="form-group row">
                        {{ Form::label('medical_certicate_number', 'Certificate Number',array('class' => 'col-sm-4 col-form-label ')) }}
                        <div class="col-sm-8">
                           {{ Form::text('medical_certicate_number[]', (isset($driver->medical_certicate_number) ? $driver->medical_certicate_number : null), array('class' => 'form-control alphaNumeric','required'=>'')) }}
                        </div>
                     </div>
                  </div>
                  <div class="col-12">
                     <div class="form-group row">
                        {{ Form::label('medical_card_image', 'Medical Card Image',array('class' => 'col-sm-4 col-form-label ')) }}
                        <div class="col-sm-8">
                           <input type="file" name="medical_card_image[]" id="medical_card_image" class="form-control">
                           <span class="custom-file-control"></span>
                        </div>
                     </div>
                  </div>
              
         
             
                  <div class="col-12">
                     <div class="form-group row">
                        {{ Form::label('medical_exam_approved', 'Medical Exam Approved',array('class' => 'col-sm-4 col-form-label ')) }}
                        <div class="col-sm-8">
                           <div class="form-check form-check-inline">
                              <label class="form-check-label">
                              <input class="form-check-input" type="radio" name="medical_exam_approved[]" id="inlineRadio1" value="yes"> Yes
                              </label>
                           </div>
                           <div class="form-check form-check-inline">
                              <label class="form-check-label">
                              <input class="form-check-input" type="radio" name="medical_exam_approved[]" id="inlineRadio2" value="no"> No
                              </label>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12">
                     <div class="form-group row">
                        {{ Form::label('medical_address[]', 'Address',array('class' => 'col-sm-4 col-form-label')) }}
                        <div class="col-sm-8">
                           {{ Form::textarea('medical_address[]', (isset($driver->medical_address) ? $driver->medical_address : null), array('class' => 'form-control','rows'=>'3')) }}
                        </div>
                     </div>
                  </div>
               
           
            <div class="col-1">
               <div class="text-right">
                  <div class="input-group-btn">
                     <button class="btn btn-sm btn-success save_multi_user" type="button"  > <span class="fa fa-save" aria-hidden="true"></span> </button>
                  </div>
               </div>
            </div>
         </div>
      </div>
         
         @else  
         
            <div class="clone-users row col-11" >
              <div class="col-2"></div>
              <div class="col-4">
                  <div class="col-12">
                     <div class="form-group row">
                        {{ Form::label('medicalcard_issue_date', 'Issued Date',array('class' => 'col-sm-4 col-form-label')) }}
                        <div class="input-group col-sm-8">
                           {{ Form::text('medicalcard_issue_date[]', (isset($driver->medicalcard_issue_date) ? $driver->medicalcard_issue_date : null), array('class' => 'form-control issue_date')) }}
                           <div class="input-group-append">
                              <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 ">
                     <div class="form-group row">
                        {{ Form::label('medicalcard_exp_date', 'Expiry Date',array('class' => 'col-sm-4 col-form-label')) }}
                        <div class="input-group col-sm-8">
                           {{ Form::text('medicalcard_exp_date[]', (isset($driver->medicalcard_exp_date) ? $driver->medicalcard_exp_date : null), array('class' => 'form-control expiration_date')) }}
                           <div class="input-group-append">
                              <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 ">
                     <div class="form-group row">
                        {{ Form::label('medical_certicate_number', 'Certificate Number',array('class' => 'col-sm-4 col-form-label ')) }}
                        <div class="col-sm-8">
                           {{ Form::text('medical_certicate_number[]', (isset($driver->medical_certicate_number) ? $driver->medical_certicate_number : null), array('class' => 'form-control')) }}
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-4">
                  <div class="col-12 ">
                     <div class="form-group row">
                        {{ Form::label('medical_card_image', 'Medical Card Image',array('class' => 'col-sm-4 col-form-label ')) }}
                        <div class="col-sm-8">
                           <input type="file" name="medical_card_image[]" id="medical_card_image" class="form-control">
                           <span class="custom-file-control"></span>
                        </div>
                     </div>
                  </div>
                  <!-- <div class="col-3">
                     <div class="form-group row">
                        <label class="col-4 col-form-label">Assign Role</label>
                        
                         <div class="col-sm-8">
                            <select class="form-control" name="multi_user_role[]" required>
                     
                              
                             </select>
                         </div>
                     </div>
                     </div> -->
              
                  <div class="col-12">
                  <div class="form-group row">
                  {{ Form::label('medical_exam_approved', 'Medical Exam Approved',array('class' => 'col-sm-4 col-form-label ')) }}
                  <div class="col-sm-8">
                     <select class="form-control" name="medical_exam_approved[]" >
                        <option value="">Select</option>
                        <option value="yes">yes</option>
                        <option value="no">no</option>
                       
                     </select>
                  </div>
               </div>
                  </div>
                  <div class="col-12">
                     <div class="form-group row">
                        {{ Form::label('medical_address[]', 'Address',array('class' => 'col-sm-4 col-form-label')) }}
                        <div class="col-sm-8">
                           {{ Form::textarea('medical_address[]', (isset($driver->medical_address) ? $driver->medical_address : null), array('class' => 'form-control','rows'=>'3')) }}
                        </div>
                     </div>
                  </div>
           </div>
            
            <div class="col-1">
               <div class="text-right">
                  <div class="input-group-btn">
                     <button class="btn btn-sm btn-success" type="button"  onclick="add_medicals_cards();"> <span class="fa fa-plus" aria-hidden="true"></span> </button>
                  </div>
               </div>
            </div>
            </div>
         
     
         @endif
         <div id="add_medical_cards">
         </div>
         @if(isset($medical_cards))   
         <div class="sub-header">
            <h4>Medical Card Listing</h4>
         </div>
         <div class="alert hide">
         </div>
         <div class="detailed-info-table">
            <div class="info-table">
               <table id="" class="table table-striped data-table">
                  <thead class="thead-dark">
                                          <tr>
                        <th class="text-center">#</th>
                        <th class="text-center">Issue Date</th>
                        <th class="text-center">Expiry Date</th>
                        <th class="text-center">Certification number</th>
                        <th class="text-center">Address</th>
                        <th class="text-center">Medical Exam Approved </th>
                        <th class="text-center">Actions</th>
                     </tr>
                  </thead>
                  <tbody class="tbody searchable">

                                </tbody>
                   

               
               </table>
            </div>
         </div>
         @endif
      </div>
     <div class="tab-pane fade" id="medical_card" role="tabpanel" aria-labelledby="add_users-tab">
     </div>
      <hr class="dotted">
      <div class="row">
         <div class="col-12 text-right">
            {{Form::button('<i class="fa fa-check"></i> '.$Action, array('type' => 'submit', 'id'=>'save-button', 'class' => 'btn btn-primary ml-3'))}}
            <a href="{{ route('driver.index') }}" class="btn btn-outline-secondary"><i class="fa fa-ban"></i> Cancel </a>
         </div>
      </div>
   </div>
   {{ Form::close() }}
</div>

@endsection

@section('script')

<script type="text/javascript">
   $(document).ready(function() {
     
   });
   
   var dateToday = new Date();
   /* $('.expiration_date').daterangepicker({
      
       singleDatePicker: true,
       showDropdowns: true,
       format: 'm/d/Y',
       minDate: dateToday,
       startDate: '08/16/2026',    
        
   }, 
   );*/
   $('.lic_expiration_date').daterangepicker({
      singleDatePicker: true,
      showDropdowns: true,
      format: 'm/d/Y',
      startDate: '08/16/2026'        
   });
   
   $(document).on('focus',".expiration_date", function(){

    
    @if(isset($medical_cards->medicalcard_exp_date) && (!empty($unit->medicalcard_exp_date)))  
   $(this).daterangepicker({
      
       singleDatePicker: true,
       showDropdowns: true,
       format: 'd/m/Y',
        
   });
   @else    

        $(this).daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            format: 'm/d/Y',
            startDate: '16/08/2026'        
        });
      
    @endif
   });

   
$(document).on('focus',".issue_date", function(){
   @if(isset($medical_cards->medicalcard_issue_date) && (!empty($unit->medicalcard_issue_date)))  
   $(this).daterangepicker({
      
       singleDatePicker: true,
       showDropdowns: true,
       format: 'm/d/Y',
        
   });
   @else    

        $(this).daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            format: 'm/d/Y',
            startDate: '08/16/2026'        
        });
      
    @endif
   });
   (function() {
   'use strict';
   window.addEventListener('load', function() {
     var form = document.getElementById('driver_form');
     form.addEventListener('submit', function(event) {
       if (form.checkValidity() === false) {
         event.preventDefault();
         event.stopPropagation();
       }
       form.classList.add('was-validated');
     }, false);
   }, false);
   })();

$("#driver_form").validate({
       ignore: [],
       onfocusout: false,
       rules: {
           

        },
       messages: {
           
       },       
       invalidHandler: function(form, validator) {
       var errors = validator.numberOfInvalids();

       if (errors) {
           var elem_id=validator.errorList[0].element.id;

           var _tab =$("#"+elem_id).closest(".tab-pane").prop('id');
           $('#'+_tab+'-tab').trigger('click');
           validator.errorList[0].element.focus();
       }

       } 
    });  
   var _idx = 1;
   function add_medicals_cards() {
   _idx++;
   var objTo = document.getElementById('add_medical_cards')
   var divtest = document.createElement("div");
   divtest.setAttribute("class", "row removeclass"+_idx);
   var rdiv = 'removeclass'+_idx;
   var _clonediv = $('.clone-users').clone();
   
   var minus_html='<div class="col-1"><div class="text-right"><div class="input-group-btn"><button class="btn btn-sm btn-outline-secondary" type="button"  onclick="remove_user_fields('+_idx+');"> <span class="fa fa-minus" aria-hidden="true"></span> </button></div></div>';
   divtest.innerHTML = '<div class="col-11 row">'+_clonediv.html()+'</div>'+minus_html;
   //$(_clonediv).parent().append(minus_html);
   
   $(divtest).find(':input').each(function() { 
   
   if($(this).attr('type')=='text' || $(this).attr('type')=='password' || $(this).attr('type')=='hidden')
     $.trim($(this).val(''));
   if($(this).is('select')){
     var myElement = $('select[name="multi_user_role[]"]');            
     $($(this)).prop("selectedIndex", 0);
   }
   //return false;
   });
   
   objTo.appendChild(divtest)
   }
   
   function remove_user_fields(id) {
   $('.removeclass'+id).remove();
   }

    function ajax_medical_delete(_id){
     bootbox.confirm("Are you sure you want to Delete!", function(result){
      if(result==true){
         startLoading('Please wait....');
      $.ajax({
        type: "DELETE",
        url : "{{ url('/driver/delete_medical_card') }}/"+_id,
        dataType: "JSON",
        data : {"_token": "{{ csrf_token() }}"},
        success: function(data)
        {
          if(data.status === true){  
               startLoading('Data Deleted Successfully.')
              _reload();
          }else{
              bootbox.alert('There is error to delete record.');

          }         
        }
      });
    }
 });
    }
   


function edit_medical(id)
    {
      save_method = 'update';
      //$('#form')[0].reset(); // reset form on modals
 
      //Ajax Load data from ajax
      $.ajax({
         url : "{{ url('/driver/edit_medical_card') }}/"+id,
        type: "GET",
        dataType: "JSON",
        success: function(data)
        {
            //data = data[0];
            //console.log(data);
            //alert(public_path());
           
            //alert(url('/'));
            var public_url =   "{{ URL::to('/') }}/images/Driver/";
            var img =    data.medical_card_image;
            var fullimage = public_url+img;           
            $("#medical_card_image_old").attr("src", data.full_img);
            $("#m_issue_date").val(data.medical_issue_date);
            $("#m_exp_date").val(data.medical_exp_date);
            $("#m_address").val(data.medical_address);
            $("#m_exam").val(data.medical_exam_approved);
            $("#m_certicate_number").val(data.medical_certicate_number);
            $("#medical_card_id").val(id);
            $("#existing_card_image").val(img);
 
            $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
            $('.modal-title').text('Edit Medical Card Details'); // Set title to Bootstrap modal title
          
        },
        error: function (jqXHR, textStatus, errorThrown)
        {
            bootbox.alert('Error get data from ajax');
        }
    });
    }

$("document").ready(function(){
   $('#submitForm_d').on('click', function(e) {

      e.preventDefault();
      var form = new FormData();
      var image = $('#medical_card_image_edited')[0].files[0];
      form.append('image', image);

      /*m_issue_date_ = $("#m_issue_date").val();
      m_exp_date_ = $("#m_exp_date").val();
      m_certicate_number_ = $("#m_certicate_number").val();
      m_card_image_ = $("#medical_card_image_edited").val();
      m_exam_approved = $("#m_exam").val();
      m_address_ = $("#m_address").val();
      medical_card_id_ = $("#medical_card_id").val();*/
      
      var formData = $('#medical_card_edit').serialize();
      form.append('formData', formData);

      $.ajax({
         //headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
         type: "POST",
          beforeSend: function (xhr) {            
            var token = "{{ csrf_token() }}";
            if (token) {
                  return xhr.setRequestHeader('X-CSRF-TOKEN', token);
            }                
        }, 
         url : "{{ url('/driver/save_medical_card') }}",
         data: form,
        
        success: function(data)
            {               
               if(data.status==true){
                   _reload();           
                  $('#modal_form').modal('hide');
               }
               else{
                   bootbox.alert('Error adding / update data');
               }

             // location.reload();// for reload a page
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                bootbox.alert('Error adding / update data');
            },
            cache: false,
            processData: false,
            contentType: false
    });
    return false;
});
});
</script>
<script type="text/javascript">
    
 var _reload = (function reload_datatable(){
         var id = $("#driver_id").val();
        startLoading();
    $.ajax({
      type: "POST",
      url : "{{ route('driver.ajax_medicalcard.datatable') }}",
      dataType: "JSON",
      data : {"_token": "{{ csrf_token() }}",'id' :id},
      success: function(data)
      {
        stopLoading();
         //console.log(data); 
        var _dataset = [];
        var _data = data.dataset;
        var _i = 1;
        $(_data).each(function(idx,dataset){          
          var _j                = _i+'.';
          var _id           = _data[idx].id;
          var _driver_name     = "<a href='driver/edit/id/"+_id+"' title='Edit'>"+_data[idx].first_name+'&nbsp;'+_data[idx].last_name+"</a>";
          //var _driver_last_name  = _data[idx].last_name;
          var _medicalcard_issue_date  = _data[idx].medical_issue_date;   
          var _medicalcard_exp_date    = _data[idx].medical_exp_date;   
          var _medical_certicate_number = _data[idx].medical_certicate_number;   
          var _medical_address  = _data[idx].medical_address;   
          var _medical_exam_approved  = _data[idx].medical_exam_approved;   
          var _medical_card_image  = _data[idx].medical_card_image;   
          //var status = _data[idx].is_active;
          var chang_color='red';
          var status_title="inactive";
          if(_data[idx].is_active==1){
            chang_color='green';
            status_title='active';
          }
        /*  var status = ""
          +"<a href='javascript:void(0);' onClick='change_status("+_id+"); return false;' title="+status_title+">"
          +"<button type='button' class='status_change btn btn-link action c-"+chang_color+" title='status' value='"+_data[idx].is_active+"'>"
          +"<i class='fa fa-check-circle'></i>"
          + "</button>"
          + "</a>";*/
          //var _user_role     = _data[idx].user_role;
          var _action   = "<a  title='Edit'>"+
          "<button type='button' onclick='edit_medical("+_id+");' class='btn btn-link action c-yellow' title='edit' >"+
               "<i class='fa fa-pencil-alt'></i>"+
            "</button>"+
         "</a>"



          + "<a href='javascript:void(0)' onClick='ajax_medical_delete("+_id+"); return false;' title='Delete'>"
          +"<button type='button' class='btn btn-link action c-red ml-3' title='delete' >"
          +"<i class='fa fa-trash'></i>"          
          + "</button>"
          + "</a>";
          _dataset.push([_j,_medicalcard_issue_date,_medicalcard_exp_date,_medical_certicate_number,_medical_address,_medical_exam_approved,_action]);
          _i = _i+1;
        });
        //console.log(_dataset);
       var driverData =  $(".data-table").DataTable({
          destroy: true,
          paging: true,
          searching: true,
          pageLength: 25,
          data : _dataset,
          bAutoWidth:false,
          columnDefs: [
           
            { className: "", "targets": [ 0 ] },
            { className: "", "targets": [ 1 ] },
            { className: "", "targets": [ 2 ] },
            { className: "", "targets": [ 3 ] },
            { className: "text-center", "targets": [ 4 ],"bSortable": false },
            { className: "text-center", "targets": [ 5 ],"bSortable": false }
          ]
        });
       
        $(".dataTables_filter").css("display","none");
        $(".dataTables_length").css("display","none");
        $('#company_search').on( 'keyup click', function () {   // for text boxes
            var v =$(this).val();  // getting search input value
            driverData.search(v).draw();
        }); 


      }
    });

    return reload_datatable; //return the function itself to reference

  }());
     
 $(document).ready(function() {
 
    $('.phoneNumber').on('keypress paste', function(e) {    
        return (typeof(e.which) == 'undefined' ||  (e.which!=8 && e.which!=0) && (e.which!=40 && e.which!=41 && e.which!=43 && e.which!=45 && (e.which<48 || e.which>57)) ) ? false : true ;
    });
        
    $('.alphaNumeric').on('keypress paste', function(e) {             
        return (typeof(e.which) != 'undefined' && ((e.which> 47 && e.which<58) || (e.which>64  && e.which < 91) || (e.which>96  && e.which < 123)) ) ? true : false ;
    }); 
        
    // $('#phone_number').blur(function(e) {
    //     if (validatePhone('phone_number')) {
    //         $('#spnPhoneStatus').html('Valid');
    //         $('#spnPhoneStatus').css('color', 'green');
    //     }
    //     else {
    //         $('#spnPhoneStatus').html('Please enter correct number');
    //         $('#spnPhoneStatus').css('color', 'red');
    //     }
    // });
   
    
   
});

function validatePhone(phone_number) {
    var a = document.getElementById(phone_number).value;
    var filter = /^[0-9-+]+$/;
    if (filter.test(a) && a.length >= 10) {
        return true;
    }
    else {
        return false;
    }
}
   var id_city='';
   $("select[name='state']").change(function(){

      var id_state = $(this).val();
      var token = $("input[name='_token']").val();
      startLoading();
      $.ajax({

          url: "