@extends('layouts.master')

@section('title', __('Earnings Transactions'))

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive user_tables">
                        {{-- <div id="custom_toolbar_user" class="float-right">
                            <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 d-block" href="javascript:void(0)"
                                        onclick="exportTasks('member_earnings_transaction',['counter','activity', 'description','wallet_type', 'amount'],'csv')">{{ __('CSV') }}</a>
                                    <a class="dropdown-item d-block" href="javascript:void(0)"
                                        onclick="exportTasks('member_earnings_transaction',['counter','activity', 'description','wallet_type' ,'amount'],'zip')">{{ __('ZIP') }}</a>
                                </div>
                            </div>
                        </div> --}}
                        <table class="table table-bordered table-striped" id="bstable" table-for="earning_transaction"
                            data-show-search-clear-button="true" data-toggle="table" data-show-button-text="true"
                            data-ajax="ajaxRequestMemberEarningsTransaction" data-side-pagination="server" data-icons="icons"
                            data-icons-prefix="bi" data-pagination="true" data-total-field="count" data-data-field="items"
                            data-show-toggle="false" data-show-export="false"
                            data-filter-control="true" data-show-columns-toggle-all="false"
                            data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                            <thead>
                                <tr>
                                    @if (auth()->user()->setting->preference == "Left")
                                    <th data-field="statement" data-sortable="false" data-filter-control="false">
                                        {{ __('Statement') }}</th>
                                    @endif
                                    <th title="#" data-field="counter" data-width-unit="px">#</th>
                                    <th title="Week of year" data-field="activity" data-filter-control="select" data-width-unit="px">{{ __('Week of year') }}</th>
                                    <th title="Description" data-field="description" data-sortable="false" data-filter-control="select">
                                        {{ __('Description') }}</th>
                                    <th title="Wallet" data-field="wallet_type"
                                        data-filter-control="select" data-filter-data="var:walletTypes"
                                        data-filter-control-placeholder="Wallet">{{ __('Wallet') }}</th>
                                    <th title="Amount" data-field="amount" data-filter-control="input"
                                        data-sortable="true" data-filter-control-placeholder="Amount">{{ __('Amount') }}
                                    </th>
                                    @if (auth()->user()->setting->preference == "Right")
                                    <th data-field="statement" data-sortable="false" data-filter-control="false">
                                        {{ __('Statement') }}</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection
@push('scripts')
    <script>
        var actionTypes = JSON.parse('{!! json_encode($actionTypes ?? []) !!}');
        var walletTypes = JSON.parse('{!! json_encode($walletTypes ?? []) !!}');
        var searched_id = "{{ $_GET['id'] ?? '' }}";
        var searched_wallet_list_id = "{{ $_GET['wallet_list'] ?? '' }}";
    </script>
    <script src="{{ asset('frontend/js/page-js/earnings-transaction.js') }}"></script>
@endpush