@extends('layouts.master')

@section('title', __('Withdrawals'))

@push('styles')
<link href="{{ asset('frontend/styles/css/deposit-index.css') }}" rel="stylesheet">
@endpush

@section('content')
<section class="main_section">
            <!-- Table Section -->
            <div class="card">
                <div class="card-header p-0 d-flex justify-content-between" style="padding: 0px !important;">
                    <ul class="nav nav-pills profile-nav justify-content-start" id="myTab" role="tablist" style="border-bottom:none !important;">
                        @foreach($withdrawalCurrency as $key => $row)
                            <li class="nav-item">
                                <button class="btn nav-link currency_tab {{ $key === 0 ? 'active bg-primary text-white' : '' }}" id="tab_{{$row->abbreviation}}" data-id="{{$row->id}}" data-type="{{$row->type}}" data-abbreviation="{{$row->abbreviation}}" href="" data-toggle="tab" role="tab" aria-controls="" aria-selected="{{ $key === 0 ? 'true' : 'false' }}" style="border:1px solid;margin:5px;line-height:10px;">
                                    {{ $row->abbreviation }}
                                </button>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div id="normal-table user_tables_ajax">
                            <div id="custom_toolbar_user" class="float-right d-flex">
                                @if(isset(Auth::user()->setting->access_visibility) && in_array('withdrawal', Auth::user()->setting->access_visibility))
                                    <a class="btn btn-secondary text-white mr-1 btnNewRecord" data-toggle="tooltip" id="btnNewOption" data-placement="top" title="Add New" href="javascript:void(0);">{!! renderIconHtml('add') !!}{{ __('Add New')}}</a>
                                @endif
                            </div>
                            <div class="table-responsive user_tables">
                                <table class="table table-bordered table-striped" id="bstable" data-toggle="table" table-for="withdrawal"
                                    data-ajax="ajaxRequestWithdrawal" 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-show-toggle="false" data-show-export="false" data-filter-control="true"
                                    data-show-columns-toggle-all="false" data-sticky-header="true" data-sticky-header-offset-y="170"
                                    data-icons="icons"
                                    data-icons-prefix="bi" data-show-search-clear-button="true"
                                    data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                                    <thead>
                                        <tr>
                                            <th data-field="counter" data-width-unit="px">{{ __('#') }}</th>
                                            <th data-field="reference_no" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Reference No">{{ __('Reference No') }}</th>
                                            <th data-field="blockchain" data-filter-control="select" data-filter-data="var:blockchain" data-sortable="false"  data-filter-control-placeholder="Blockchain">{{ __('Blockchain') }}</th>
                                            <th data-field="blockchain_address" data-filter-control="input" data-sortable="false"  data-filter-control-placeholder="Blockchain Address">{{ __('Receiver Address') }}</th>
                                            <th data-field="transaction_hash" data-filter-control="input" data-sortable="false"  data-filter-control-placeholder="Transaction Hash">{{ __('Transaction Hash') }}</th>
                                            <th data-field="wallet_balance" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Wallet Balance">{{ __('Wallet Balance') }}</th>
                                            <th data-field="amount" data-filter-control="input"  data-sortable="true"  data-filter-control-placeholder="Withdrawal Amount">{{ __('Withdrawal Amount') }}</th>
                                            <th data-field="withdrawal_fee" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Withdrawal Fee">{{ __('Withdrawal Fee') }}</th>
                                            <th data-field="received_amount" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Received Amount">{{ __('Received Amount') }}</th>
                                            <th data-field="exchange_amount" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Exchange Amount">{{ __('Exchange Amount') }}</th>
                                            <th data-field="account_holder" data-filter-control="input" data-sortable="false"  data-filter-control-placeholder="Account Holder">{{ __('Account Holder') }}</th>
                                            <th data-field="bank_name" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Bank Name">{{ __('Bank Name') }}</th>
                                            <th data-field="iban_number" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="IBAN Number">{{ __('IBAN Number') }}</th>
                                            <th data-field="bank_branch_name" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Branch Name">{{ __('Branch Name') }}</th>
                                            <th data-field="bic_swift_number" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="BIC/SWIFT">{{ __('BIC/SWIFT') }}</th>
                                            <th data-field="bank_address" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Bank Address">{{ __('Bank Address') }}</th>
                                            <th data-field="reason" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Reason">{{ __('Reason') }}</th>
                                            <th data-field="status" data-filter-control="select"  data-sortable="false" data-filter-data="var:withdrawal_status" data-formatter="withdrawalStatusFormat" data-filter-control-placeholder="Status">{{ __('Status') }}</th>
                                            <th data-field="pre_approved_by" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Pre Approved By">{{ __('Pre Approved By') }}</th>
                                            <th data-field="approved_by" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Approved By">{{ __('Approved By') }}</th>
                                            <th data-field="due_date" data-filter-control="input" data-sortable="true"  data-filter-control-placeholder="Due Date">{{ __('Due Date') }}</th>
                                            <th data-field="created_at" data-filter-control="input" data-sortable="true"  data-filter-control-placeholder="Created Date">{{ __('Created Date') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>

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

                            <!-- END OF CONTENT AREA -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <input type="hidden" value="{{ route('member.withdrawal.allWithdrawal') }}" id="withdrawalAll">
@endsection

@push('scripts')
    <script>
        var withdrawalCurrency =  JSON.parse('{!! json_encode($currency ?? []) !!}');
    </script>
    <script src="{{ asset('frontend/js/web3.min.js') }}"></script>
    <script src="{{ asset('frontend/js/page-js/withdrawal-index-blade.js') }}"></script>
@endpush