@extends('layouts.master')
@section('title', 'Downloadable Withdrawal')

@section('breadcrumb-text')
    <h1 class="w-100">
        {{__('Downloadable Withdrawal')}}
        <a href="{{ route('admin.withdrawal.index', ['status' => "pending"]) }}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-sm btn-primary float-end">
            {!! renderIconHtml('back') !!}{{__('Back')}}
        </a>
    </h1>
@endsection

@section('content')
<section class="main_section">
            <!-- Table Section -->
            <div class="card">
                <div class="card-header p-2">
                    <label class="checkbox checkbox-outline-primary d-inline-block">
                        <input class="form-check-input me-1" type="checkbox"  id="allDownloadCheck" name="all_download_check" class="all_download_check"><span>{{__('Select All')}}</span>
                        <span class="checkmark"></span>
                    </label>
                    @can('withdrawal-download')
                        <a type="button" class="btn btn-sm btn-primary text-white mr-1 float-end" onclick="downloadWithdrawalCSV()" data-toggle="tooltip" data-placement="top" title="Download CSV">{!! renderIconHtml('download') !!}Download CSV</a>
                    @endcan
                </div>
                <div class="card-body">
                    <div class="scroll">
                        <div class="table-responsive user_tables">
                            <table class="table table-bordered" id="bstable" data-toggle="table" table-for="download_withdrawal"
                                data-ajax="ajaxRequestDownloadableWithdrawal" 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="action" data-width-unit="px">{{ __('Action') }}</th>
                                        <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="username" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Username">{{ __('Username') }}</th>
                                        <th data-field="withdrawal_currency" data-filter-control="select" data-filter-data="var:currency" data-sortable="false"  data-filter-control-placeholder="Withdrawal Currency">{{ __('Withdrawal Currency') }}</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="Receiver Address">{{ __('Receiver Address') }}</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="Requested Withdrawal">{{ __('Requested Withdrawal') }}</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="Amount Received">{{ __('Amount Received') }}</th>
                                        <th data-field="exchange_amount" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Converted Amount">{{ __('Converted 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="account_detail" data-filter-control="input" data-sortable="false"  data-filter-control-placeholder="Account Overview">{{ __('Account Overview') }}</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="Account Number">{{ __('Account 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="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 At">{{ __('Created At') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

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

                        <!-- END OF CONTENT AREA -->
                    </div>
                </div>
            </div>
            @include('backend.withdrawal.download-withdrawal-modal')
        </section>
        <input type="hidden" value="{{ route('admin.withdrawal.allDownloadableWithdrawal') }}" id="allDownloadableWithdrawal">
    @endsection
    @push('scripts')
        <script>
            var currency =  JSON.parse('{!! json_encode($currency ?? []) !!}');
        </script>
        <script src="{{ asset('backend/js/pages-js/withdrawal.js') }}"></script>
    @endpush