@extends('Frontend.partials.layout')

@section('styles')
@endsection

@section('content')
<section class="corndraft">
    <div class="row">
        <div class="col-md-12">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{ __('action.page_title_activity_log')}}</h2>
                    <p>{{ brandName() }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-datatable table-responsive">
            <table class="datatables table table-striped table-bordered" id="activity_list_users">
                <thead>
                    <tr>
                        <th>{{__('action.sno')}}</th>
                        <th>{{ __('action.ip_address')}}</th>
                        <th>{{ __('action.log_desc')}}</th>
                        <th>{{ __('action.log_module')}}</th>
                        <th>{{ __('action.log_datetime')}}</th>
                        <th>{{ __('action.log_status')}}</th>
                        <th>{{ __('action.log_response')}}</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>

@endsection

@section('scripts')


    <script type="text/javascript">

        $(document).ready( function () {
            $('#activity_list_users').DataTable({
            language: {
                sEmptyTable: `{{trans('action.table_norecord')}}`,
                sLoadingRecords: `{{ trans('action.table_loading')}}`,
                sProcessing: `{{trans('action.table_pleasewait')}}`,
                sSearch: `{{trans('action.search')}}`,
                sZeroRecords: `{{trans('action.table_nodata')}}`,
                oPaginate: {
                    sFirst: `{{trans('action.table_first')}}`,
                    sPrevious: `{{trans('action.table_back')}}`,
                    sNext: `{{trans('action.table_next')}}`,
                    sLast: `{{ trans('action.table_latest')}}`,
                }
            },
            search: {
                return: true,
            },
            button: false,
            searching: true,
            scrollY: true,
            scrollX: false,
            scrollCollapse: true,
            processing: true,
            serverSide: false,
            ajax: "{{ route('activity.log-lists') }}",
            columns: [
                {
                    orderable: false, 
                    searchable: false,
                    render: function (data, type, row, meta) {
                        return meta.row + meta.settings._iDisplayStart + 1;
                    }
                },
                {
                    data: 'ip_address',
                    name: 'ip_address',
                    orderable: true,
                    searchable: true
                },
                {
                    data: 'g_description',
                    name: 'g_description',
                    orderable: false,
                    searchable: true
                },
                {
                    data: 'g_module',
                    name: 'g_module',
                    orderable: false,
                    searchable: true
                },
                {
                    data: 'created_at',
                    name: 'created_at',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'status',
                    name: 'status',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'response',
                    name: 'response',
                    orderable: false,
                    searchable: false
                }
                
            ]
        });



            // var table = $('#activity_list1').DataTable();
            // table.column( '0:visible' ).order( 'desc' ).draw();
        });

    </script>
@endsection