@extends('layouts.app')

@section('sidebar')
@include('sidebar')
@stop

@section('content')
<div class="m-subheader ">
    <div class="d-flex align-items-center">
        <div class="mr-auto">
            <h3 class="m-subheader__title ">Client Logs</h3>
        </div>
        <div>
            <a href="{{ route('clients') }}" class="btn btn-info m-btn m-btn--wide m-btn--air m-btn--custom"><span><i class="la la-arrow-left"></i> <span>Back To Client List</span></span></a>
        </div>
    </div>
</div>
<div class="m-content">
    <div class="m-portlet m-portlet--full-height ">
        <div class="m-portlet__body">
            <table class="m_datatable table table-striped- table-bordered table-hover table-checkable"
                id="more-activity">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Date</th>
                        <th>Log</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('script')
{{ Html::script('custom/eModal/eModal.js') }}
{{ Html::script('custom/datatables/datatables.bundle.js') }}
<script type="text/javascript">
    (function($){
        var table = '';
		$(document).ready(function () {

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('#more-activity').each(function() {
                table = $(this).DataTable({
                    'responsive':!0,
                    'searchDelay':500,
                    'processing':!0,
                    "serverSide": true,
                    "ajax": {
                        "url": base_url+"/client/log/{{ $id }}",
                        "type": "GET"
                    },
                    "oLanguage": {
                        "sProcessing": '<div class="m-loader m-loader--brand m-loader--left"><span>Please wait...</span></div>',
                    },
                    "order": [[ 0, "desc" ]],
                    "aoColumns": [
                        { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                        { data: 'created_at', name: 'created_at'},
                        { data: 'log', name: 'log'},
                    ]
                });
            });
		});
	})(jQuery);
    eModal.setModalOptions({ backdrop: 'static', keyboard: false });
</script>
@endsection