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

@section('breadcrumb-text')
    <div class="row w-100 m-0 p-0">
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0">
            <h1 class="w-100">{{__('Withdrawals')}} - {{ ucwords($_GET['status'] ?? '') }}</h1>
        </div>
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0 d-flex justify-content-end">
            @can('withdrawal-view')
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.withdrawal.index', ['status' => "pending"]) }}" data-toggle="tooltip" data-placement="top" title="Pending">{!! renderIconHtml('pending') !!}{{__('Pending')}}</a>
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.withdrawal.index', ['status' => "approved"]) }}" data-toggle="tooltip" data-placement="top" title="Approved">{!! renderIconHtml('approve') !!}{{__('Approved')}}</a>
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.withdrawal.index', ['status' => "rejected"]) }}" data-toggle="tooltip" data-placement="top" title="Rejected">{!! renderIconHtml('reject') !!}{{__('Rejected')}}</a>
            @endcan
            @if( !empty($_GET['batch_id']))
                <a href="{{route('admin.withdrawal.downloadedWithdrawalCsvIndex')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-sm btn-primary">
                    {!! renderIconHtml('back') !!}{{__('Back')}}
                </a>
            @else
                <a href="{{route('admin.withdrawal.withdrawalDashboard')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-sm btn-primary">
                    {!! renderIconHtml('back') !!}{{__('Back')}}
                </a>
            @endif
        </div>
    </div>
@endsection

@section('content')
<section class="main_section">
            <!-- Table Section -->
            <div class="card">
                <div class="card-header p-0 d-flex justify-content-between">
                    <ul class="nav nav-pills profile-nav justify-content-start" id="myTab" role="tablist" style="border-bottom:none !important;">
                        @if($_GET['status'] == "pending")
                            @foreach($totalWithdrawalByCurrency as $key => $row)
                                <li class="nav-item">
                                    <button class="btn nav-link currency_tab px-4 {{ $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 }}
                                        @if($row->total_record > 0)
                                            <span class="badge notification-count bg-primary {{ $key === 0 ? 'bg-white text-primary' : '' }} " id="notification-count_{{$row->abbreviation}}">{{$row->total_record}}</span>
                                        @endif
                                    </button>
                                </li>
                            @endforeach
                        @else
                            @foreach($currency 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
                        @endif
                    </ul>
                    @if($_GET['status'] == "pending")
                        <a href="{{route('admin.withdrawal.downloadableWithdrawal')}}" target="_blank" data-toggle="tooltip" data-placement="top" title="Downloadable Withdrawal" class="btn btn-sm btn-primary float-end d-flex align-items-center me-1" style="height: 40px;">
                            {!! renderIconHtml('download') !!}{{__('Downloadable Withdrawal')}}
                        </a>
                    @endif
                </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="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">{{ __('#') }}</th>
                                        <th data-field="created_at" data-filter-control="input" data-sortable="true"  data-filter-control-placeholder="Date">{{ __('Date') }}</th>
                                        <th data-field="username" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Username">{{ __('Username') }}</th>
                                        <th data-field="name" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Name">{{ __('Name') }}</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="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="transaction_hash" data-filter-control="input" data-sortable="false"  data-filter-control-placeholder="Transaction Id/Hash">{{ __('Transaction Id/Hash') }}</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="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="status" data-filter-control=""  data-formatter="withdrawalStatusFormat"  data-sortable="false">{{ __('Status') }}</th>
                                        <th data-field="action">{{ __('Action') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

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

                        <!-- END OF CONTENT AREA -->
                    </div>
                </div>
            </div>
            @include('backend.withdrawal.modal')
        </section>
        @if(isset($_GET['batch_id']))
            <input type="hidden" value="{{ route('admin.withdrawal.allWithdrawal',['status' => $_GET['status'],'batch_id' => $_GET['batch_id']]) }}" id="withdrawalAll">
        @else
            <input type="hidden" value="{{ route('admin.withdrawal.allWithdrawal',['status' => $_GET['status']]) }}" id="withdrawalAll">
        @endif

    @endsection
    @push('scripts')
        <script>
            let twoFaWithdrawalSetting = @json(json_decode(getSiteSettings('two_fa_for_withdrawal')) ?? []);
            let userFaSetting = @json(Auth::user()->setting->fa_setting ?? []);
            let faSettingList = Object.values(userFaSetting);
        </script>
        <script src="{{ asset('backend/js/pages-js/withdrawal.js') }}"></script>
    @endpush