@extends('layouts.master')
@section('title', $logs != 'super-user' ? 'Logs' : 'My logs')

@push('styles')
    <style>
        #custom_toolbar {
            right: 119px
        }
    </style>
@endpush

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div id="custom_toolbar">
                        @can('logs-export')
                            @if ($logs == 'super-user')
                                    <div class="dropdown" data-toggle="tooltip" data-placement="bottom" title="Export data">
                                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                                                class="bi bi-download"></i> {{ __('Export') }}</button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <a class="dropdown-item" href="javascript:void(0)"
                                                onclick="exportTasks('activity_log',['counter','log_name','description','causer_id','created_at'],'csv')">CSV</a>
                                            <a class="dropdown-item" href="javascript:void(0)"
                                                onclick="exportTasks('activity_log',['counter','log_name','description','causer_id','created_at'],'zip')">ZIP</a>
                                        </div>
                                    </div>
                            @else
                                <div class="dropdown" data-toggle="tooltip" data-placement="bottom" title="Export data">
                                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                                            class="bi bi-download"></i> {{ __('Export') }}</button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item d-block" href="javascript:void(0)"
                                            onclick="exportTasks('activity_log_my',['counter','log_name','description','causer_id','created_at'],'csv')">CSV</a>
                                        <a class="dropdown-item d-block" href="javascript:void(0)"
                                            onclick="exportTasks('activity_log_my',['counter','log_name','description','causer_id','created_at'],'zip')">ZIP</a>
                                    </div>
                                </div>
                            @endif
                        @endcan
                    </div>
                    <div class="table-responsive su_tables">
                        <table class="table table-bordered" data-show-button-text="true" data-icons="icons"
                            data-show-search-clear-button="true" data-icons-prefix="bi"
                            table-for="logs" id="bstable" data-toggle="table" data-ajax="ajaxRequestSuperLogs"
                            data-side-pagination="server" data-pagination="true" data-total-field="count"
                            data-data-field="items" data-show-columns="true" data-show-toggle="false" data-show-export="false" data-filter-control="true"
                            data-show-columns-toggle-all="false"
                            data-export-options='{"fileName": "{{ config('app.name') . ' - Logs - ' . date('d/m/Y-H:m:s') }}"}'
                            data-toolbar="#custom_toolbar" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                            <thead>
                                <tr>
                                    <th data-field="counter" data-align="left" data-width-unit="px">
                                        {{ __('#') }}</th>
                                    <th data-field="log_name" data-align="left" data-filter-control="select"
                                        data-filter-data="var:log" data-filter-default="{{ $logs }}"
                                        data-sortable="true" data-filter-control-placeholder="Activity Type">{{ __('Activity Type') }}</th>
                                    <th data-field="description" data-align="left" data-filter-control="input"
                                        data-sortable="true" data-filter-control-placeholder="Activity">{{ __('Activity') }}</th>
                                    @if ($logs != 'super-user')
                                        <th data-field="causer_id" data-align="left" data-filter-control="input"
                                            data-sortable="true" data-filter-data-collector="tableFilterStripHtml" data-filter-control-placeholder="User">
                                            {{ __('User') }}
                                        </th>
                                    @endif
                                    <th data-field="created_at" data-align="left" data-filter-control="input"
                                        data-sortable="true" data-filter-control-placeholder="Activity Time">{{ __('Activity Time') }}</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
<script>
    var log = JSON.parse('{!! json_encode($logName) !!}');
</script>
@endpush