@extends('layouts.app')

@section('title', __('Activity Logs'))

@push('css')
    @include('panel.inc.datatable.css')
@endpush

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Data') }}
                </div>
                <h2 class="page-title">
                    {{ __("Manage Activity Logs") }}
                </h2>
            </div>
            <!-- Page title actions -->
        </div>
    </div>

    <div class="card">
        <div class="row px-3 py-2">
            <div class="col-md-2">
                <select name="user" id="user" class="form-control userSelectize">
                    <option value=""></option>
                    @foreach(\App\User::all() as $user)
                        <option value="{{ $user->id }}">{{ $user->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        {!! $dataTable->table() !!}
    </div>


@stop

@push('script')
    @include('panel.inc.datatable.js')
    {!! $dataTable->scripts() !!}

    <script !src="">
        $('.userSelectize').selectize({
            placeholder: '{{ ___('Select User') }}',
            onChange: function () {
                $('#activitylogs-table').DataTable().ajax.reload();
            }
        });

        $('#activitylogs-table').on('preXhr.dt', function(e, settings, data){
            data.userId = $('#user').val();
            data.columns.push({data: 'subject_id'})
        });
    </script>

@endpush