@extends('layouts.master')

@section('title', 'Wallet Logs')
    @section('content')
        <!-- Table Section -->
        <section class="main_section">
            <div class="card">
                <div class="card-body">
                    <div class="">
                        @can('wallet-logs-export')
                        <div id="custom_toolbar" class="d-flex float-right">
                            <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 id="exportTaskList" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item d-block" href="javascript:void(0)"
                                       onclick="exportTasks('wallet_log',['counter','username','data','action','value','balance','created_at'],'csv')">CSV</a>
                                    <a class="dropdown-item d-block" href="javascript:void(0)"
                                       onclick="exportTasks('wallet_log',['counter','username','data','action','value','balance','created_at'],'zip')">ZIP</a>
                                </div>
                            </div>
                        </div>
                        @endcan
                        <div class="table-responsive">
                            <table class="table table-bordered" id="bstable" data-toggle="table" table-for="wallet_log"
                                data-ajax="ajaxRequestWalletLogsAll" data-side-pagination="server" data-pagination="true" data-show-button-text="true"
                                data-total-field="count" data-data-field="items" data-show-columns="true"
                                data-sticky-header="true" data-sticky-header-offset-y="170" data-show-toggle="false"
                                data-filter-control="true" data-show-columns-toggle-all="false"
                                data-page-list="[10, 25, 50, 100, 200, 500]" data-icons="icons"
                                data-icons-prefix="bi" data-show-search-clear-button="true" data-toolbar="#custom_toolbar" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                                <thead>
                                    <tr>
                                        <th data-field="counter" data-sortable="false"
                                            data-width-unit="px">{{ __('Id') }}</th>
                                        <th data-field="username" data-filter-control="input" data-sortable="false" data-filter-control-placeholder="Username"> {{ __('Username') }}</th>
                                        <th data-field="data" data-filter-control="false" data-sortable="false" data-filter-control-placeholder="Data">
                                            {{ __('Data') }}</th>
                                        <th data-field="action" data-sortable="false" data-filter-control="select" data-filter-data="var:actionTypes" data-filter-control-placeholder="Action">
                                            {{ __('Action') }}</th>
                                        <th data-field="value" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Value">
                                            {{ __('Value') }}</th>
                                        <th data-field="balance" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Balance">
                                            {{ __('Balance') }}
                                        </th>
                                        <th data-field="created_at" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Created At">
                                            {{ __('Created At') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <!-- End Table Section -->

                        <!-- END OF CONTENT AREA -->
                    </div>
                </div>
            </div>

        </section>
        <input type="hidden" value="{{ $wid }}" id="wid">
        <input type="hidden" value="{{ route('admin.wallet.allLogs') }}" id="walletLogsAll">
    @endsection
    @push('scripts')
        <script>
            var actionTypes =  JSON.parse('{!! json_encode($actionTypes ?? []) !!}');
        </script>
        <script src="{{ asset('backend/js/pages-js/wallet-setting.js') }}"></script>
    @endpush