@extends('layouts.master')
@section('heading')
    <h1>All Activity Logs</h1>
@stop

@section('content')

    <table class="table table-hover dataTable" id="contact_logs-table">
        <thead>
        <tr>

            <th>Contact Date</th>
            <th>Customer</th>
            <th>Purpose</th>
            <th>Method</th>
            <th>Notes</th>
            <th>Sales Rep</th>
            <th>Action</th>

        </tr>
        </thead>
    </table>

@stop

@push('scripts')
<script>
    $(function () {
        $('#contact_logs-table').DataTable({
            processing: true,
          
            ajax: '{!! route('contact_logs.data') !!}',
            columns: [

                {data: 'contact_date', name: 'contact_date'},
                {data: 'client_id', name: 'client_id'},
                {data: 'purpose', name: 'purpose'},
                {data: 'method', name: 'method',},
                {data: 'notes', name: 'notes',},
                {data: 'user_created_id', name: 'user_created_id'},
                {data: 'action', name: 'action'}

            ],

            dom: 'Brtip',
            buttons: [
                {
                    extend: 'print',
                      title: 'Contact Log data',
                    autoPrint: true,
                    exportOptions: {
                columns: [ 0, 1, 2,3,4,5 ]
            }
                },
                {
                extend: 'excel',
                title: 'Contact Log data',
                    exportOptions: {
                        columns: [ 0, 1, 2,3,4,5 ]
            }
                }
                ,
                {
                extend: 'pdf',
                title: 'Contact Log data',
                    exportOptions: {
                        columns: [ 0, 1, 2,3,4,5 ]
            }
                }
            ]

        });
    });
</script>
@endpush