@extends('layouts.master')
@section('content')
<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">{!! __('view_documents') !!}</li>
            </ol>
        </div>
        <h4 class="page-title">{!! __('view_documents') !!}</h4>
    </div>
    <!-- end page title end breadcrumb -->
    <div class="layout-px-spacing">

        <div class="row layout-top-spacing" id="cancel-row">

            <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                <div class="row">
                    <div class="col-lg-12 mb-5">
                        <a class="btn btn-primary btn-sm pull-right" href="{!! route('drivers.edit', $result->driver_id).'#tabs-3' !!}">
                            <i class="fa fa-edit"></i> {!! __('edit') !!}
                        </a>
                    </div>

                    <div class="col-lg-12 table-responsive">
                        <table class="table table-bordered table-hover" style="background:#fff;">
                            
                            <tr>
                                <th>{!! __('driver_license_image') !!}</th>
                                <td> <img src="{{ asset($result->driver_license_image ? apiImage($result->driver_license_image) : 'uploads/no_image.jpg') }} " width="100px" height="100" /></td>
                            </tr>
                            <tr>
                                <th>{!! __('vehicle_license_image') !!}</th>
                                <td> <img src="{{ asset($result->vehicle_license_image ? apiImage($result->vehicle_license_image) : 'uploads/no_image.jpg') }} " width="100px" height="100" /></td>
                            </tr>
                            <tr>
                                <th>{!! __('insurance_image') !!}</th>
                                <td> <img src="{{ asset($result->insurance_image ? apiImage($result->insurance_image) : 'uploads/no_image.jpg') }} " width="100px" height="100" /></td>
                            </tr>
                            <tr>
                                <th>{!! __('road_worthiness') !!}</th>
                                <td> <img src="{{ asset($result->road_worthiness ? apiImage($result->road_worthiness) : 'uploads/no_image.jpg') }} " width="100px" height="100" /></td>
                            </tr>
                            <tr>
                                <th>{!! __('proof_of_ownership') !!}</th>
                                <td> <img src="{{ asset($result->proof_of_ownership ? apiImage($result->proof_of_ownership) : 'uploads/no_image.jpg') }} " width="100px" height="100" /></td>
                            </tr>
                            <tr>
                                <th>{!! __('docs_approved') !!}</th>
                                <td> <div class="row  mb-4">
                                        <div class="custom-control custom-checkbox ">
                                            <input type="checkbox" name="docs_approved"  {{ $result->docs_approved==1 ? 'checked' : ''}} onchange="docsApproved(this,{{$result->driver_id}})">

                                            {!! Form::label('Approved', 'Approved') !!}
                                        </div>
                                 </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script>
   function docsApproved(_this,id){
   var status = $(_this).prop('checked') == true ? 1 : 0;
   $.ajax({
      type: "POST",
      url: "{{ url('admin/drivers/docsApproved') }}",
      async: true,
      data: {
        "_token": "{{ csrf_token() }}",
        status: status ,
         id:id
      },
      success: function(msg) {
         alert(msg.message);
      }
   });
}
</script>

@stop