@extends('layouts.admin')
@section('content')
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/dataTables.buttons.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/jszip.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/pdfmake.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/vfs_fonts.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/buttons.html5.min.js') }}"></script>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage Activity List')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a>
                    </li>
                    <li>@lang('messages.Manage Activity List')</li>
                </ul>

            </div>
        </div><!-- media -->
    </div><!-- pageheader -->
    <!-- will be used to show any messages -->
    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span
                                class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="content">
        <table id="activitylist" class="table table-striped table-bordered responsive">
            <thead>
            <tr class="headings">
                <th>@lang('messages.User Id')</th>
                <th>@lang('messages.Name')</th>
                <th>@lang('messages.User Role')</th>
                <th>@lang('messages.Activity Type')</th>
                <th>@lang('messages.Action Module')</th>
                <th>@lang('messages.Instance Name')</th>
                <th>@lang('messages.Activity Message')</th>
                <th>@lang('messages.Activity Level')</th>
                <th>@lang('messages.Timestamp')</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <script>
        $(document).ready(function () {
            $('#activitylist').DataTable({
                dom: 'Blfrtip',
                search: {
                    'caseInsensitive': true
                },
                buttons: [
                    {
                        extend: 'excel',
                        footer: false,
                        title: 'Activities',
                        text: 'Export',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7]
                        }
                    }
                ],
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: '{!! route('ajaxactivity.data') !!}',
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                }],
                columns: [
                    {data: 'ActivityId', name: 'ActivityId'},
                    {data: 'username', name: 'username', searchable: true},
                    {data: 'role_name', name: 'role_name', searchable: true},
                    {data: 'activity_type', name: 'activity_type', searchable: true},
                    {data: 'action_module', name: 'action_module', searchable: true},
                    {data: 'instance_name', name: 'instance_name', searchable: true},
                    {data: 'activity_message', name: 'activity_message', searchable: true},
                    {data: 'activity_level', name: 'activity_level', searchable: true},
                    {data: 'date_type', name: 'date_type', searchable: true},
                ],
            });
        });
    </script>
@endsection