@include('cabMeAdmin.datatable.datatable_script')
<style>
    .payDriver
    {
        cursor: pointer;
    }
    .my-custom-scrollbar {
        position: relative;
        height: 200px;
        overflow: auto;
    }
</style>
<div class="row">
    <div class="col-md-12">
        <div class="box box-info">

            <!-- /.box-header -->
            <div class="box-body">

                <div class="fields-group">

                    <div class="form-group  ">
                        <div class="col-lg-12">
                            <table class="table table-bordered table-striped dataTable my-custom-scrollbar" id="table" style="overflow-scrolling: auto; width: 100%;" >
                                <thead>
                                <tr>
                                    <th class="text-center">ID</th>
                                    <th class="text-center">First Name</th>
                                    <th class="text-center">Last Name</th>
                                    <th class="text-center">Total Rides</th>
                                    <th class="text-center">Total Fare</th>
                                    <th class="text-center">Pay</th>
                                    <th class="text-center">Settled Payments</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>

            </div>
            <div class="box-footer">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
            </div>
        </div>
    </div>
</div>
<script>

    $(document).ready(function() {

        loadDataTable();

    } );

    function resetData()
    {
        loadDataTable();
    }

    function loadDataTable()
    {
        var base_url = '