@extends('cabMeWebsite.master')
<title>Profile</title>
@section('content')
    <section class="driver-profile mb-2 mb-md-4">
        <div class="container py-1 py-sm-2">
            <div class="col-12">
                <div class="row">
                    <div class="col-12">
                        <h4 class="fs33 font-weight-bold mt-2 mt-sm-3 mt-md-4">My Account</h4>
                    </div>
                </div>
                <!--//Row-->

                <form  id="formdata">
                <div class="row my-2 my-md-4">

                        {{  csrf_field()  }}
                    <input type="hidden" id="driver_id" name="driver_id" value="{{$_SESSION['driverid']}}">
                    <input type="hidden" value="" name="time_zone" id="time_zone" >
                    <div class="col-12 col-md-4 m-border border-right text-center">
                        <h4 class="fs24 theme-text font-weight-bold mt-2 mt-sm-3 mt-md-4">Today Earning</h4>
                        <h4 class="fs24 font-weight-bold mt-2 mt-sm-3 mt-md-4"><label id="today_earn"></label></h4>
                        <h4 class="fs24 mt-2 mt-sm-3 mt-md-4 font-weight-light">My Profile</h4>
                        <div class="mt-2 mt-md-4">
                            <label id="driver_image"></label>
                            <div><a href="{{url('/uploadDriverProfile')}}" class="theme-text">edit photo</a></div>
                            <div class="mt-2 mt-md-3">
                                <p class="fs24 font-weight-bold"><label id="driver_name"></label></p>
                                <p class="fs19 m-0"><label id="email"></label></p>
                                <p class="fs19 m-0"><!--+61--> <label id="mobile"> </label> </p>
                            </div>
                            <div class="mt-2 mt-md-3">
                                <a href="{{url('/updateDriverProfile')}}" class="theme-btn-small">Edit Profile</a>
                            </div>
                        </div>
                    </div>
                    <!--//Col-4-->
                    <div class="col-12 col-md-4 m-border border-right text-center">
                        <h4 class="fs24 theme-text font-weight-bold mt-2 mt-sm-3 mt-md-4">Week Earning</h4>
                        <h4 class="fs24 font-weight-bold mt-2 mt-sm-3 mt-md-4"><label id="month_earn"></label></h4>
                        <h4 class="fs24 mt-2 mt-sm-3 mt-md-4 font-weight-light">Manage Documents</h4>
                        <div class="mt-2 mt-md-4">
                            <img src="{{asset('/laravel-website')}}/img/doc.png" alt="" />
                            <div><a href="#" class="theme-text">edit photo</a></div>
                            <div class="mt-2 mt-md-3">
                                <a href="{{url('/driverDocument')}}" class="theme-btn-small">DRIVER DOCUMENTS </a>
                                <a href="{{url('/vehicleDocument')}}" class="theme-btn-small mt-3">VEHICLE
                                    DOCUMENTS </a>
                            </div>
                        </div>
                    </div>
                    <!--//Col-4-->
                    <div class="col-12 col-md-4 m-border pl-3 pl-md-5 text-left m-text-center">
                        <h4 class="fs24 theme-text font-weight-bold mt-2 mt-sm-3 mt-md-4">Total Earning</h4>
                        <h4 class="fs24 font-weight-bold mt-2 mt-sm-3 mt-md-4"><label id="total_earn"></label> </h4>
                        <h4 class="fs24 mt-2 mt-sm-3 mt-md-4 font-weight-light">Total Trips</h4>
                        <h4 class="fs24 font-weight-bold mt-2 mt-sm-3 mt-md-4"><label id="total_trips"></label></h4>
                        <h4 class="fs24 mt-2 mt-sm-3 mt-md-4 font-weight-light">Cancel Trips</h4>
                        <h4 class="fs24 font-weight-bold mt-2 mt-sm-3 mt-md-4"><label id="cancel_trips"></label></h4>
                        <h4 class="fs24 mt-2 mt-sm-3 mt-md-4 font-weight-light">Today's Trips</h4>
                        <h4 class="fs24 font-weight-bold mt-2 mt-sm-3 mt-md-4"><lable id="today_trips"></lable></h4>
                    </div>
                    <!--//Col-4-->
                </div>

                </form>
                <!--//Row-->
            </div>
        </div>
    </section>
    <script type="text/javascript">
        $(document).ready(function () {

            //check document staus

            var base_url = '