@extends('layouts.master', ['title' => __('app.log_history')])

@section('content')
    <div class="page-content-inner">
        <div class="datatable-toolbar">
            <div class="field has-addons">
                <div class="control has-icon mr-3">
                    <input type="text" placeholder="Search..." id="search_log" class="datatable-filter input"
                        style="width: 400px">
                    <div class="form-icon">
                        <i data-feather="search"></i>
                    </div>
                </div>
                <div class="control">
                    <div class="dropdown dropdown-trigger is-right" id="filter_employee">
                        <div class="is-trigger">
                            <button class="button" aria-haspopup="true">
                                <span class="icon">
                                    <i data-feather="filter"></i>
                                </span>
                                <span>@lang('app.filter')</span>
                            </button>
                        </div>
                        <div class="dropdown-menu" style="min-width: 15rem" role="menu">
                            @include('components.modal.modal-filter', [
                                'filter' => 'log',
                            ])
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="list-view list-view-v4" id="data_log">
        </div>
        <div id="pagination_log"></div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('assets/js/pagination/Paginate.js') }}"></script>
    <script src="{{ asset('assets/js/pagination/change-perpage.js') }}"></script>
    <script>
        const urlGetDatalog = '{{ route('log.data-log') }}'
    </script>
    <script src="{{ asset('assets/js/list-loader.js') }}"></script>
    <script src="{{ asset('assets/js/log/index.js') }}"></script>
@endpush