@extends('cabMeWebsite.master')
<title>Documents</title>
@section('content')
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding">
                        <h2></h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="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="fs25 font-weight-bold mt-2 mt-sm-3 mt-md-4 text-center">Transport authority card</h4>
                        <form  class="mt-2 mt-sm-3 mt-sm-4" id="formdata" 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="spnFilePath"  name="document" value=""/>
                            <input type="hidden" id="key"  name="key" value="transport_authority_card"/>
                            <input id='fileid' type='file' hidden accept="image/*"/>

                            <div class="form-group">
                                <div class="row my-2 my-sm-3 my-md-5">
                                    <div class="col-12 text-center">
                                        <div id="driverProfilePhoto"></div>

                                        <img src="{{asset('laravel-website')}}/img/tac.jpg" class="mx-2 my-2" alt="" />
                                    </div>
                                </div>
                                <!--//Row-->
                                <div class="row justify-content-center mt-2">
                                    <div class="col-12 col-md-8">
                                        <a  class="theme-btn text-center btn-block" id="uploadProfile">Upload Photo</a>
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>
    </section>
    <script type="text/javascript">
        $(document).ready(function () {

            var fileupload = $("#fileid");

            $(document).on('click','#uploadProfile',function(e) {

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                e.preventDefault();
                var base_url = '