@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Activity Log</div>
    <div class="card-body">
        <table class="table table-bordered table-striped datatable datatable-ActivityLog">
            <thead><tr><th>Id</th><th>Description</th><th>Event</th><th>Subject</th><th>By</th><th>When</th></tr></thead>
        </table>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    $(function () {
        $('.datatable-ActivityLog').DataTable({
            processing: true, serverSide: true, retrieve: true, aaSorting: [],
            ajax: "{{ route('admin.activity-logs.index') }}",
            columns: [
                { data: 'id', name: 'id' },
                { data: 'description', name: 'description' },
                { data: 'event', name: 'event' },
                { data: 'subject', name: 'subject_id', orderable: false },
                { data: 'causer', name: 'causer', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at' }
            ],
            order: [[0, 'desc']], pageLength: 50,
        });
    });
</script>
@endsection