@extends('layouts.admin')
@section('content')
    <div class="card">
        <div class="card-header">
            Activities Logs
        </div>

        <div class="card-body">
            <table class=" table table-bordered table-striped table-hover ajaxTable datatable datatable-Activity">
                <thead>
                    <tr>
                        <th width="10">

                        </th>
                        <th>
                            Tracking No
                        </th>
                        <th>
                            User
                        </th>
                        <th>
                            User Email
                        </th>
                        <th>
                            Event Name
                        </th>
                        <th>
                            Description
                        </th>
                        <th>
                            Event Time
                        </th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
@endsection
@section('scripts')
    @parent
    <script>
        $(function() {
            let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
            let dtOverrideGlobals = {
                buttons: dtButtons,
                processing: true,
                serverSide: true,
                retrieve: true,
                aaSorting: [],
                ajax: "{{ route('admin.activities.index') }}",
                columns: [{
                        data: 'placeholder',
                        name: 'placeholder'
                    },
                    {
                        data: 'tracking_number',
                        name: 'tracking_number'
                    },
                    {
                        data: 'user_name', 
                        name: 'user_name'
                    },
                    {
                        data: 'user.email',
                        name: 'user.email'
                    },
                    {
                        data: 'event_name',
                        name: 'event_name'
                    },
                    {
                        data: 'description',
                        name: 'description'
                    },
                    {
                        data: 'event_time',
                        name: 'event_time'
                    },
                ],
                orderCellsTop: true,
                order: [
                    [1, 'desc']
                ],
                pageLength: 25,
            };
            let table = $('.datatable-Activity').DataTable(dtOverrideGlobals);
            $('a[data-toggle="tab"]').on('shown.bs.tab click', function(e) {
                $($.fn.dataTable.tables(true)).DataTable()
                    .columns.adjust();
            });

        });
    </script>
@endsection