@include('cabMeAdmin.datatable.datatable_script')

<div class="row">
    <div class="col-md-12">
        <div class="box box-info">
            <div class="box-header">
                <h3 class="box-title">{{ strtoupper($referralDetail->first_name) . " ".strtoupper($referralDetail->last_name) }} Referral Details</h3>

                <div class="box-tools">
                    <div class="btn-group pull-right" style="margin-right: 5px">
                        <a id="close-btn" class="btn btn-sm btn-primary"><span class="hidden-xs">&nbsp;Back To Listing</span></a>
                    </div>
                </div>
            </div>
            <br>
            <!-- /.box-header -->
            <div class="box-body">

                <div class="fields-group">

                    <div class="form-group  ">
                        <div class="col-lg-12">
                            <table class="table" id="table" style="overflow-scrolling: auto; width: 100%;">
                                <thead>
                                <tr>
                                    <th class="text-center">Referred Memebr Name</th>
                                    <th class="text-center">Date Referred</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 = '