@extends('cabMeWebsite.master')
<title>Documents</title>
<style>
    .disabled {
        pointer-events: none!important;
        cursor: default!important;
        color:grey!important;
    }
</style>
@section('content')
    <section class="create-driver mb-2 mb-md-4">
        <div class="container py-1 py-sm-2">
            <div class="col-12 inner-padding">
                <div class="row justify-content-md-center">
                    <div class="col-12 col-md-6">
                        <h4 class="fs23 font-weight-bold mt-2 mt-sm-3 mt-md-4 text-center">Welcome back, <label id="driver_name"></label></h4>
                        <p class="fs18 text-warning text-center">Please upload your Driver Documents.</p>
                        <form class="mt-2 mt-sm-3 mt-sm-4" method="post">
                            {{  csrf_field()  }}
                            <input type="hidden" id="driver_id" name="driver_id" value="{{$_SESSION['driverid']}}">
                            <input type="hidden" id="vehicle_id" name="vehicle_id" value="">
                            <input type="hidden" id="vehicle_approval" name="vehicle_approval" value="">
                            <div class="form-group">
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDP" href="{{url('/uploadDriverProfile')}}">  <img  src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Profile Photo <i
                                                class="fas fa-chevron-right float-right" id="uploadedProfile"></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyProfile"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyProfile"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDLF" href="{{url('/driverLicenseFront')}}" > <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Drivers License Front
                                            <i class="fas fa-chevron-right float-right" id="uploadedLicenseFront" ></i></a>
                                        <img class="float-right"  style="height:20px;width:20px;display: none;" id="verifyLicenseFront"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDLF"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
{{--                                        <img class="float-right"  style="height:20px;width:20px;display: none;" id="uploadLP"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />--}}
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDLB"  href="{{url('/driverLicenseBack')}}">    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Drivers License Back
                                            <i class="fas fa-chevron-right float-right" id="uploadedLicenseBack" ></i></a>
                                        <img class="float-right "  style="height:20px;width:20px;display: none;" id="verifyLicenseBack"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDLB"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDPC" href="{{url('/driverPassportCopy')}}">   <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Passport Copy <i
                                                class="fas fa-chevron-right float-right" id="uploadedPassportCopy"  ></i></a>
                                        <img class="float-right "  style="height:20px;width:20px;display: none;" id="verifyPassportCopy" src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDPC"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDVC" href="{{url('/driverVisaCopy')}}">   <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Visa Copy / Australian Citizen<i
                                                class="fas fa-chevron-right float-right"  id="uploadedVisaCopy" ></i></a>
                                        <img class="float-right "  style="height:20px;width:20px;display: none;" id="verifyVisaCopy"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDVC"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDCH" href="{{url('/driverCriminalHistory')}}">    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Police Check <i
                                                class="fas fa-chevron-right float-right" id="uploadedCriminalHistory" ></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyCriminalHistory" src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDCH"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDTC" href="{{url('/driverTransportCard')}}">    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Transport authority
                                            card <i class="fas fa-chevron-right float-right" id="uploadedTransportCard"  ></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyTransportCard"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDTC"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadDRD" href="{{url('/driverRmsDriving')}}">    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> RMS driving record <i
                                                class="fas fa-chevron-right float-right" id="uploadedRmsDriving" ></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyRmsDriving" src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right verify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyDRD"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->

                                <p
                                    class="fs18 mt-2 mt-sm-3 mt-md-5 border-top pt-2 pt-sm-3 mt-md-4 text-warning text-center">
                                    Please upload
                                    your VEHICLE Documents.</p>
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="vehicleAdd" href="{{url('/addVehicle')}}">    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Add Vehicle Details
                                        <i class="fas fa-chevron-right float-right" id="vehicleaddIcon" ></i></a>
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a  id="uploadVR"  >  <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Vehicle Registration
                                            <i class="fas fa-chevron-right float-right"  id="uploadedvehicleRegistration"></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyvehicleRegistration" src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right noverify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyVR"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadVI" >    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Vehicle Insurance <i
                                                class="fas fa-chevron-right float-right" id="uploadedvehicleInsurance" ></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyvehicleInsurance"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right noverify"  hspace="20"   style="height:20px;width:20px;display: none;" id="noverifyVI"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a id="uploadVIn"  >    <img src="{{asset('/laravel-website')}}/img/orange-mark.jpg" class="mx-2 my-2" alt="" /> Vehicle inspection
                                            report <i class="fas fa-chevron-right float-right"  id="uploadedvehicleInspection"></i></a>
                                        <img class="float-right verify"  style="height:20px;width:20px;display: none;" id="verifyvehicleInspection"  src="{{asset('/laravel-website')}}/img/verifyDocument.png"  />
                                        <img class="float-right noverify" hspace="20" style="height:20px;width:20px;display: none;" id="noverifyVIn"  src="{{asset('/laravel-website')}}/img/ic_unselect.png"  />
                                    </div>
                                </div>
                                <!--//Row-->

                            </div>
                            <div class="form-group py-1 py-sm-2 py-md-4 text-center">
                                <input id="nextScreen"  type="image" src="{{asset('/laravel-website')}}/img/login-btn.png">
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>
    </section>
    <script type="text/javascript">

        var base_url = '