@extends('superadmin.layouts.app')
@section('content')
    <section class="activity-page-main">
        <h2 class="main-heading">Activity History</h2>
        <div class="border-box h-full">
            <div class="bg-box h-full">
                <div class="table-responsive h-full">
                    <div class="cc-table-data-main h-full">
                        <table id="activity_tbl" class="table-data" cellspacing='0'>
                            <thead>
                                <tr>
                                    <th>Team Member</th>
                                    <th>Date</th>
                                    <th>Event </th>
                                    <th>IP Address</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')

    <script>
        $(document).ready(function(){
            $(function(){
                var table = $('#activity_tbl').DataTable({
                processing: true,
                language: {
                    searchPlaceholder: "Search here..."
                },
                serverSide: true,
                ajax: "{{ route('superadmin.activity.history') }}",
                columns: [
                    {data: 'team_member', name: 'team_member'}, 
                    {data: 'date', name: 'date'},
                    {data: 'event', name: 'event'},
                    {data: 'ip_address', name: 'ip_address'},
                    {data: 'action', name: 'action' , orderable: false, searchable: false},
                ]
            });
            })
        })
    </script>

@endsection