@extends('layouts.master')

@section('title', __('Transactions'))
@push('styles')
<style>
    body.dashboard_page #bstable tr td:nth-child(05) {
        white-space: unset !important;
    }
    .bootstrap-table .detail-icon {
        display: none !important;
    }
    .nested-table-wrapper {
        padding: 15px;
        background: #f9f9f9;
        border: 2px solid #1c3750;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        margin-top: 10px;
    }
</style>
@endpush
@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_wallet_transaction',['counter','activity', 'action','wallet_type', 'action_msg', 'amount','status'],'csv')">{{ __('CSV') }}</a>
                                    <a class="dropdown-item d-block" href="javascript:void(0)"
                                        onclick="exportTasks('member_wallet_transaction',['counter','activity', 'action','wallet_type', 'action_msg', 'amount','status'],'zip')">{{ __('ZIP') }}</a>
                                </div>
                            </div>
                        </div>
                        <table class="table table-bordered" id="bstable" table-for="member_transaction"
                            data-show-search-clear-button="true" data-toggle="table" data-show-button-text="true"
                            data-ajax="ajaxRequestMemberWalletTransaction" data-side-pagination="server" data-icons="icons"
                            data-icons-prefix="bi" 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-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="details" data-events="detailsEvents">{{ __('Details')}}</th>
                                    @endif
                                    <th title="#" data-field="counter" data-width-unit="px">#</th>
                                    <th title="Week of year" data-filter-control="select" data-field="activity" data-width-unit="px">
                                        {{ __('Week of year')}}</th>
                                    <th title="Action" data-field="action" data-filter-control="select"
                                        data-filter-data="var:actionTypes" data-filter-control-placeholder="Action">
                                        {{ __('Action') }}</th>
                                    <th title="Wallet" data-field="wallet_type"
                                        data-filter-default="{{$filterListId ?? ''}}"
                                        data-filter-control="select" data-filter-data="var:walletTypes"
                                        data-filter-control-placeholder="Wallet">{{ __('Wallet') }}</th>
                                    <th title="Description" data-field="action_msg" data-sortable="false">
                                        {{ __('Description') }}</th>
                                    <th title="Amount" data-field="amount" data-filter-control="input"
                                        data-sortable="true" data-filter-control-placeholder="Amount">{{ __('Amount') }}
                                    </th>
                                    <th title="Status" data-field="status" data-filter-control="select" data-filter-data="var:statusType" data-formatter="isStatusFormatter"
                                        data-sortable="true" data-filter-control-placeholder="All">{{ __('Status') }}
                                    </th>
                                    @if (auth()->user()->setting->preference == "Right")
                                    <th data-field="details" data-events="detailsEvents">{{ __('Details')}}</th>
                                    @endif

                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="productDetailModal" tabindex="-1" aria-labelledby="productDetailModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="productDetailModalLabel">{{ __('Purchase Details') }}</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div id="productDetailsHtml"></div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('scripts')
    <script>
        var filterWalletListId = "{{ $filterListId }}";
        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/waller-transaction.js') }}"></script>
@endpush