@extends('layouts.master')

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

@section("content")
<div class="card">
    <div class="card-body">
        <div class="aos-init aos-animate" data-aos="fade-up">
            <div class="row">
                <div class="text-center user_tables">
                    <div id="custom_toolbar_user">
                        <div class="dropdown" 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_my_log_member',['counter','log_name','description','created_at'],'csv')">{{ __('CSV') }}</a>
                                <a class="dropdown-item" href="javascript:void(0)" onclick="exportTasks('activity_my_log_member',['counter','log_name','description','created_at'],'zip')">{{ __('ZIP') }}</a>
                            </div>
                        </div>
                    </div>
                    <table class="table-striped" id="bstable" table-for="log" data-show-button-text="true"
                           data-ajax="ajaxRequestMemberLogs" data-icons="icons" data-icons-prefix="bi"
                           data-filter-control="true" data-show-search-clear-button="true"
                           data-side-pagination="server" data-pagination="true" data-toggle="table"
                           data-show-columns="true" data-show-toggle="false" data-show-export="false"
                           data-show-columns-toggle-all="false" data-total-field="count"
                           data-data-field="items" data-export-options='{"fileName": "{{ config(' app.name') . ' - Logs - ' . date('d/m/Y-H:m:s') }}" }'
                           data-toolbar="#custom_toolbar_user" style="text-align: left;" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                        <thead class="sticky-header">
                        <tr>
                            <th data-field="counter" data-sortable="false" data-width-unit="px">{{ __('#') }}</th>
                            <th data-field="log_name" data-align="left" data-filter-control="select" data-filter-data="var:log" 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 Type">
                                {{ __('Activity') }}
                            </th>
                            <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