{{------ START for Wallets with current balances------}}
<div class="card mb-3">
    <div class="card-header">
        <h3 class="m-0">
            {{ ucwords($member->user->details->first_name ?? '') }}
            {{ ucwords($member->user->details->last_name ?? '') }}'s {{ __('Current Balances')}}
            @can('members-bv-create')
                <button type="button" class="btn btn-primary float-end" data-toggle="modal"
                    data-id="{{ basicEncrypt($member->user->id) }}"
                    onclick="addTransaction(this)">{!! renderIconHtml('balance') !!} {{__('Adjust Balance')}}
                </button>
            @endcan
        </h3>
    </div>
    <div class="card-body">
        <div class="row">
            @if(isset($myWallets))
                @forelse($myWallets as $row)
                    <div class="col-md-4 col-lg-4">
                        <div class="card mb-4 o-hidden" style="border-color: #f0efef !important;border: 1px solid;">
                            <div class="card-body ul-card__widget-chart">
                                <div class="ul-widget__chart-info">
                                    <h5 class="heading">{{ ucwords($row->wallet_list->name ?? '-') }}</h5>
                                    <div class="ul-widget__chart-number">
                                        <h2 class="t-font-boldest">
                                            € <span class="wallet_balance_display" id="wallet_balance_{{ $row->id }}"
                                                data-wallet-list-id="{{ $row->wallet_list->id ?? '' }}">
                                                @if(isset($withdrawalAmount) && isset($row->balance) && isset($row->wallet_list->name) && $row->wallet_list->id == \App\Models\WalletList::OCA_WALLET)
                                                    {{ FormatDisplayNumber($row->balance - $withdrawalAmount) }}
                                                @else
                                                    {{ FormatDisplayNumber($row->balance) }}
                                                @endif
                                            </span>
                                        </h2>
                                        <small class="text-muted">{{ __('Balance') }} :
                                            € {{ FormatDisplayNumber($row->balance) }}
                                        </small>
                                        <br>
                                        <small class="text-muted">{{ __('Currant week commission') }} :
                                            € {{ FormatDisplayNumber($row->future_balance) }}
                                            <i class="bi bi-info-circle ml-1" data-toggle="tooltip" data-placement="top"
                                                title="This is an estimated earning; the final amount may vary"></i>
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                @endforelse
            @endif
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header">
        <h3 class="m-0">{{ __('Wallet Log') }}</h3>
    </div>
    <div class="card-body">
        <form method="get" onsubmit="formSubmit(event);" id="walletLogTableFilterForm" class="mb-2 pl-2">
            <input type="hidden" name="user_id" value="{{basicEncrypt($member->user_id)}}">
            <div class="row mt-3">
                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">
                        <select name="format"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100">
                            <option value="">All</option>
                            <option value="day" {{ 'day' == ($input['format'] ?? '') ? 'selected' : '' }}>Days</option>
                            <option value="week" {{ 'week' == ($input['format'] ?? '') ? 'selected' : '' }} selected>
                                Weekly</option>
                        </select>
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="activities">Activities</label>
                    </div>

                </div>

                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">

                        <select name="wallet"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100">
                            <option value="">All</option>
                            @foreach ($wallet as $item)
                                @if(isset($item->wallet_list->name))
                                    <option value="{{ $item->wallet_list_id }}">{{ $item->wallet_list->name ?? '' }}</option>
                                @endif
                            @endforeach
                        </select>
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="w-type">Wallet Type</label>
                    </div>
                </div>
                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">
                        <select name="action"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100">
                            <option value="">All</option>
                            @foreach ($actionTypes as $key => $value)
                                <option value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="w-type">Action</label>
                    </div>
                </div>
                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">
                        <input type="date" name="start"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100"
                            value="{{ $input['start'] ?? '' }}" max="{{ date('Y-m-d') }}">
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="date-from">Date From</label>
                    </div>
                </div>
                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">
                        <input type="date" name="end"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100"
                            value="{{ $input['end'] ?? '' }}" max="{{ date('Y-m-d') }}">
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="date-to">Date To</label>
                    </div>
                </div>
                <div class="col-lg-2 p-1">
                    <button type="button" onclick="walletLogTableRefresh()"
                        class="btn btn-primary btn-fiter-submit float-start ms-1 mb-1"
                        style="min-width: 110px;">{!! renderIconHtml('save') !!} Submit</button>
                    <button type="button" onclick="walletLogTableClearFilter()" class="btn btn-primary float-start ms-1"
                        style="min-width: 110px;">{!! renderIconHtml('delete') !!} Clear All</button>
                </div>

            </div>
        </form>
        <div id="custom_toolbar_wallet_log" class="d-flex float-right">
            <div class="dropdown me-1" 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" href="javascript:void(0)"
                        onclick="exportTasks('member_wallet_log',['counter','created_at_fr','action_key','wallet_id','action','amount','external_comment','internal_comment','admin_id'],'csv')">CSV</a>
                    <a class="dropdown-item" href="javascript:void(0)"
                        onclick="exportTasks('member_wallet_log',['counter','created_at_fr','action_key','wallet_id','action','amount','external_comment','internal_comment','admin_id'],'zip')">ZIP</a>
                </div>
            </div>
        </div>
        <table class="table table-bordered" id="walletLogTable" data-toggle="table" table-for="financial"
            data-content-type="application/json" data-filter-control="true" data-side-pagination="server"
            data-pagination="true" data-total-field="count" data-data-field="items" data-show-columns="true"
            data-show-button-text="true" data-show-toggle="false" data-show-export="false"
            data-show-columns-toggle-all="false" data-sticky-header="true" data-sticky-header-offset-y="204"
            data-export-options='{"fileName": "{{ config('app.APP_NAME').' - Members - '.date(' d/m/Y-H:m:s') }}"}'
            data-page-list="[10, 25, 50, 100, 200, 500]" data-icons="icons" data-icons-prefix="bi"
            data-toolbar="#custom_toolbar_wallet_log" data-loading-template="DataTaleLoadingTemplate"
            data-search-on-enter-key="true">
            <thead class="">
                <tr>
                    <th title="#" data-field="counter" data-width-unit="px">#</th>
                    <th title="Week Of Year / Date" data-field="created_at_fr"> {{ __('Week Of Year / Date') }} </th>
                    <th title="action" data-field="action_key">{{ __('Action') }} </th>
                    <th title="Wallet" data-field="wallet_id">{{ __('Wallet') }} </th>
                    <th title="Description" data-field="action"> {{ __('Description') }}</th>
                    <th title="Accumulated Amount" data-field="amount"> {{ __('Accumulated Amount') }}</th>
                    <th title="External Comments" data-field="external_comment">{{ __('External Comments') }}</th>
                    <th title="Internal Comments" data-field="internal_comment">{{ __('Internal Comments') }}</th>
                    <th title="Admin" data-field="admin_id">{{ __('Admin') }}</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<div class="card mb-3">
    <div class="card-header">
        <h3 class="m-0">{{ __('Current Week Commission Earning') }}</h3>
    </div>
    <div class="card-body">
        <form method="get" onsubmit="formSubmit(event);" id="walletLogTableFilterFormDRY" class="mb-2 pl-2">
            <input type="hidden" name="user_id" value="{{basicEncrypt($member->user_id)}}">
            <input type="hidden" name="start" value="">
            <input type="hidden" name="end" value="">
            <input type="hidden" name="format" value="">
            <div class="row mt-3">


                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">

                        <select name="wallet"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100">
                            <option value="">All</option>
                            @foreach ($wallet as $item)
                                @if(isset($item->wallet_list->name))
                                    <option value="{{ $item->wallet_list_id }}">{{ $item->wallet_list->name ?? '' }}</option>
                                @endif
                            @endforeach
                        </select>
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="w-type">Wallet Type</label>
                    </div>
                </div>
                <div class="col-lg-2 p-1">
                    <div class="relative z-0 w-full mb-1 group">
                        <select name="action"
                            class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 w-100">
                            <option value="">All</option>
                                 <option value="9">Uni-level commission</option>
                                                            <option value="21">Infinity star bonus</option>
                                                            <option value="8">Star Rank</option>
                                                            <option value="10">Matching bonus</option>
                                                            <option value="26">Customer Acquisition Bonus</option>
                        </select>
                        <label
                            class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                            for="w-type">Action</label>
                    </div>
                </div>

                <div class="col-lg-2 p-1">
                    <button type="button" onclick="walletLogTableRefreshDRY()"
                        class="btn btn-primary btn-fiter-submit float-start ms-1 mb-1"
                        style="min-width: 110px;">{!! renderIconHtml('save') !!} Submit</button>
                    <button type="button" onclick="walletLogTableClearFilterDRY()"
                        class="btn btn-primary float-start ms-1"
                        style="min-width: 110px;">{!! renderIconHtml('delete') !!} Clear All</button>
                </div>

            </div>
        </form>

        <table class="table table-bordered" id="walletLogTableDRY" data-toggle="table" table-for="financialdry"
            data-content-type="application/json" data-filter-control="true" data-side-pagination="server"
            data-pagination="true" data-total-field="count" data-data-field="items" data-show-columns="true"
            data-show-button-text="true" data-show-toggle="false" data-show-export="false"
            data-show-columns-toggle-all="false" data-sticky-header="true" data-sticky-header-offset-y="204"
            data-export-options='{"fileName": "{{ config('app.APP_NAME').' - Members - '.date(' d/m/Y-H:m:s') }}"}'
            data-page-list="[10, 25, 50, 100, 200, 500]" data-icons="icons" data-icons-prefix="bi"
            data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
            <thead class="">
                <tr>
                    <th title="#" data-field="counter" data-width-unit="px">#</th>
                    <th title="Week Of Year / Date" data-field="created_at_fr"> {{ __('Week Of Year / Date') }} </th>
                    <th title="action" data-field="action_key">{{ __('Action') }} </th>
                    <th title="Wallet" data-field="wallet_id">{{ __('Wallet') }} </th>
                    <th title="Description" data-field="action"> {{ __('Description') }}</th>
                    <th title="Accumulated Amount" data-field="amount"> {{ __('Accumulated Amount') }}</th>
                    <th title="External Comments" data-field="external_comment">{{ __('External Comments') }}</th>
                    <th title="Internal Comments" data-field="internal_comment">{{ __('Internal Comments') }}</th>
                    <th title="Admin" data-field="admin_id">{{ __('Admin') }}</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="walletTransactionModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
    aria-labelledby="walletTransactionModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="walletTransactionModalLabel">{{ __('Adjust Balance') }}</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @if ((! empty(Auth::user()->setting->fa_setting) && in_array('adjust_balance', Auth::user()->setting->fa_setting)) || (! empty(Auth::user()->setting->fa3_setting) && in_array('adjust_balance', Auth::user()->setting->fa3_setting)))
                    <form action="{{route('admin.wallet-transaction.store')}}" method="post" id="transactionForm">
                        <div class="mainForm">
                            <input type="hidden" name="user_id" id="user_id">

                            <div class="relative z-0 w-full mb-3 group">
                                <input type="text"
                                    class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 number-validation"
                                    id="username" name="username" value="{{$member->user->details->username ?? ''}}"
                                    disabled placeholder="">
                                <label
                                    class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                                    for="username">{{ __('Username') }}</label>
                            </div>

                            <div class="relative z-0 w-full mb-3 group">
                                <label
                                    class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white z-10"
                                    for="wallet_id">{{ __('Select Wallet') }}</label>
                                <select class="form-select" name="wallet_list_id" id="wallet_list_id"
                                    aria-label="Default select example">
                                </select>

                                <span class="text-danger custom-error wallet_list_id_error"></span>

                            </div>

                            <div class="relative z-0 w-full mb-3 group">
                                <input type="text"
                                    class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 number-validation"
                                    id="walletbalance" value="0" disabled placeholder="">
                                <label
                                    class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                                    for="username">{{ __('Wallet Balance') }}</label>
                            </div>

                            <div class="relative z-0 w-full mb-3 group">
                                <input type="text"
                                    class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 amount-positive-negative-allow-validation"
                                    name="amount" id="amount" placeholder="">
                                <label
                                    class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                                    for="amount">{{ __('Amount') }}</label>
                                <span class="text-danger custom-error amount_error"></span>
                            </div>

                            <div class="relative z-0 w-full mb-3 group">
                                <textarea
                                    class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15"
                                    name="external_comments" id="external_comments" rows="3" placeholder=""></textarea>
                                <label
                                    class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                                    for="external_comments">{{ __('External Comment') }} <span class="text-danger">*</span></label>
                            </div>

                            <div class="relative z-0 w-full mb-3 group">
                                <textarea
                                    class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15"
                                    name="internal_comment" id="internal_comment" rows="3" placeholder=""></textarea>
                                <label
                                    class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10"
                                    for="internal_comment">{{ __('Internal Comment') }}</label>
                            </div>
                            <div class="twoFaDiv1 text-center">
                                @if ((! empty(Auth::user()->setting->fa_setting) && in_array('adjust_balance', Auth::user()->setting->fa_setting)) || (! empty(Auth::user()->setting->fa3_setting) && in_array('adjust_balance', Auth::user()->setting->fa3_setting)))
                                    @include('backend.auth.2fa-3fa-validate-form', [
                                        'nextSubmittedFormId' => "transactionForm",
                                        'type' => 'adjust_balance'
                                    ])
                                @endif
                            </div>
                            <button type="button" class="action-button-previous btn btn-primary mt-0 btnmodal" data-dismiss="modal">{!! renderIconHtml('cancel') !!} {{ __('Cancel') }}</button>
                        </div>
                    </form>
                @else
                    <h5 class="mt-3">{{ __('Please enable authenticator 2FA in your profile to adjust balance.')}}</h5>
                @endif
            </div>
        </div>
    </div>
</div>