 @extends('adminlte::page') @section('content')
<?php Fun::lang()?>
    <div class="page">

    <div class="top-content">
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <div class="pull-left">
                    <h3>Report Client</h3>
                </div>
               
            </div>
        </div>
    </div>
    <div class="box-body table-responsive">
        <table id="datatable_report_booking" class="table table-striped table-bordered table-hover nowrap">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Date</th>
                    <th>Full Name</th>
                    <th>Gender</th>
                    <th>Phone</th>
                    <th>Address</th>
                    <th>Project</th>
                    <th>Category</th>
                    <th>Item Code</th>
                    <th>User Type</th>
                    <th>Referace</th>
                </tr>
            </thead>
        </table>
    </div>
    </div>

    @endsection @section('js')

    <script type="text/javascript">
        $(document).ready(function() {
            $('.main-spinner').show();
            $('#datatable_report_booking').DataTable({
                ordering: false,
                serverSide: true,
                ajax: "{{ route('datatable.get_report_client') }}",
                columns: [

                    {
                        data: 'id',
                        width: '4px'
                    }, {
                        data: 'sale_date'
                    }, {
                        data: 'client_fullname'
                    }, {
                        data: 'client_gender'
                    }, {
                        data: 'client_phone1'
                    }, {
                        data: 'client_address'
                    }, {
                        data: 'project_name'
                    }, {
                        data: 'category_name'
                    }, {
                        data: 'item_name'
                    }, {
                        data: 'user_type'
                    }, {
                        data: 'agency_name'
                    },

                ],

                "initComplete": function(settings, json) {
                    $('.main-spinner').hide();
                }
            });

        });
    </script>

    @endsection