@extends('layouts.master')

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

@push('styles')
<link href="{{ asset('frontend/styles/css/deposit-index.css') }}" rel="stylesheet">
<style>
    #progressbar li{
        width: 25% !important;
    }
</style>
@endpush

@section('breadcrumb-text')
    <h1 class="w-100">
        {{ __("Add Withdrawal") }}
        <a href="{{route('member.withdrawal.index')}}" data-toggle="tooltip" data-placement="top" title="Back To Withdrawal" class="btn btn-primary float-end">
            {!! renderIconHtml('back') !!}{{ __("Back To Withdrawal") }}
        </a>
    </h1>
@endsection

@section('content')
<section id="withdrawal" class="featured-servicessds">
    <div class="container-fluid py-3">
        <div class="p-2">
            <div class="card-body withdrawal-type-section">
                <div class="row mx-auto">
                    <div class="col-3"></div>
                    <div class="card col-6 p-3">
                        <div class="card-body ">
                            @if($showWithdrawal == true)
                                <div class="form-group col-12 col-md-12">
                                    <div class="relative z-0 w-full group mb-1">
                                        <select class="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" name="currency_id" id="currency_id" onChange=currencyGuideLine();>
                                            <option value="">{{ __("Select Your withdrawal Currency") }}</option>
                                            @if($currency)
                                                @foreach($currency as $value)
                                                    <option value="{{$value->id}}" data-value="{{$value->abbreviation}}">{{$value->abbreviation}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <label class="col-form-label 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">{{__('Select Your Withdrawal Currency') }} <span class="text-danger">*</span></label>
                                    </div>
                                </div>
                                <button class="btn btn-primary withdrawal_btn mt-2" style="display:none;">{!! renderIconHtml('deposit') !!}{{ __("Withdrawal")}}</button>
                            @else
                                <div id="notice-section">
                                    <h4 class="test-left">{{ __("Withdrawal is disabled for your account")}}</h4>
                                    <h6 class="test-left">{{ __("Please ensure the following requirements are met:")}}</h6>
                                    <ul>
                                        @foreach($withdrawalMessages as $message)
                                            <li>{{$message}}</li>
                                        @endforeach
                                    </ul>
                                    {{ __("Please complete the necessary steps to enable withdrawals.")}}
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="col-3"></div>
                </div>
            </div>
            <div class="card withdrawal-form-section">
                <div class="card-body withdrawal-form" style="display: none;">
                    <div class="row">
                        <div class="col-12">
                            <div class="row justify-content-center twoFaSection">
                                <div class="col-12 text-center mb-2">
                                    <div class=" px-0 pb-0 mb-3">
                                        <form action="{{ route('member.withdrawal.store') }}" id="withdrawalAmount" autocomplete="off" method="POST" onkeydown="return event.key != 'Enter';" >
                                            <ul id="progressbar" class="ps-0">
                                                <li class="active" style="width:20% !important"><strong>{{__('Step 1')}}</strong></li>
                                                <li style="width:20% !important"><strong>{{__('Step 2')}}</strong></li>
                                                <li style="width:20% !important"><strong>{{__('Step 3')}}</strong></li>
                                                <li style="width:20% !important"><strong>{{__('Step 4')}}</strong></li>
                                                <li style="width:20% !important"><strong>{{__('Step 5')}}</strong></li>
                                            </ul>
                                            <br>
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <input type="hidden" name="currency_id" value="">
                                                    <input type="hidden" name="withdrawal_fee" value="{{ getSiteSettings('withdrawal_fee') }}">
                                                    <input type="hidden" name="received_amount" value="">
                                                    <fieldset>
                                                        <div class="form-card px-md-0 mb-2">
                                                            <div class="row">
                                                                <div class="col-2"></div>
                                                                <div class="col-sm-8  pt-24">
                                                                    <div class="withdrawal-guide-section mt-4">
                                                                        <div class="col-12">
                                                                            <h4 class="text-left"><span class="currency_desc"></span> {{ __("Withdrawal Guidance Notes") }}</h4>
                                                                            <ul class="withdrawal-guidance-notes-lists">
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-2"></div>
                                                            </div>
                                                        </div>
                                                        <button name="previous" class="btn btn-primary btn-primary mt-0" onclick="showWithdrawalIndex()" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                                        <button name="next" class="next action-button btn btn-primary mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                                                    </fieldset>
                                                    <fieldset>
                                                        <div class="form-card px-md-0 mb-2">
                                                            <div class="row">
                                                                <div class="col-2"></div>
                                                                <div class="col-sm-8  pt-24">
                                                                    <div class="row">
                                                                        <div class="crypto_section">
                                                                            <div class="form-group col-12 col-md-12 usdt-blockchain">
                                                                                <div class="relative z-0 w-full group mb-1">
                                                                                    <select class="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" name="blockchain" id="blockchain">
                                                                                    </select>
                                                                                    <label for="blockchain" class="col-form-label 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">{{__('Blockchain') }} <span class="text-danger">*</span></label>
                                                                                </div>
                                                                                <div  class="text-danger error blockchain_error"> </div>
                                                                            </div>

                                                                            <div class="form-group col-12 col-md-12 blockchain_address">
                                                                                <div class="relative z-0 w-full group mb-1">
                                                                                    <input type="text" class="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" name="blockchain_address" Placeholder="" id="blockchain_address">
                                                                                    <label for="blockchain_address" class="col-form-label 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">{{ __('Blockchain Address') }} <span class="text-danger">*</span></label>
                                                                                </div>
                                                                                <div  class="text-danger error blockchain_address_error"> </div>
                                                                            </div>

                                                                        </div>
                                                                        <div class="form-group col-12 col-md-6">
                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                <input type="text" class="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-validation" id="amount" placeholder="" name="amount" data-character-limit="10">
                                                                                <label for="amount" class="col-form-label 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">{{__('Amount (Euro)')}} <span class="text-danger">*</span></label>
                                                                                <p class="amount-limit m-0">{{ __("Withdrawal amount must be between") }} <span class="fw-bold min_withdrawal_limit">{{formatDisplayNumber(getSiteSettings('min_withdrawal'))}} {{ __("EUR") }}</span> {{ __("and") }} <span class="fw-bold max_withdrawal_limit">{{formatDisplayNumber(getSiteSettings('max_withdrawal'))}} {{ __("EUR") }}</span>.</p>
                                                                                <p class="withdrawal-fee m-0 text-danger">{{ __("Note: Withdrawal Fee Is ") }} <span class="fw-bold">{{formatDisplayNumber(getSiteSettings('withdrawal_fee'))}} {{ __("EUR") }}</span>.</p>
                                                                            </div>
                                                                            <div  class="text-danger error amount_error"> </div>
                                                                        </div>

                                                                        <div class="form-group col-12 col-md-6">
                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                <input type="text" class="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 form-control" placeholder="" name="wallet_amount" value="{{ formatDisplayNumber($walletOcaBalance) }}" disabled>
                                                                                <label class="col-form-label 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">{{__('OCA Balance (Euro)')}} <span class="text-danger">*</span></label>
                                                                            </div>
                                                                        </div>

                                                                        <div class="form-group col-12 col-md-6 exchangeAmount">
                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                <input type="text" class="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-validation form-control" name="exchange_amount" placeholder="" readonly>
                                                                                <label class="col-form-label 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 currency_description"></label>
                                                                            </div>
                                                                        </div>

                                                                        <div class="form-group col-12 col-md-6 exchangeAmount">
                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                <input type="text" class="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-validation form-control" placeholder="" name="exchange_rate" readonly>
                                                                                <label class="col-form-label 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">{{__('Exchange Rate')}} <span class="text-danger">*</span></label>
                                                                            </div>
                                                                        </div>

                                                                        <div class="fiat_section">
                                                                            <div class="form-group account-holder-radio-group">
                                                                                <label class="fw-bold">{{ __('Are You Withdraw The Funds From Your Own Account?') }}</label>
                                                                                <div class="custom-control custom-radio">
                                                                                    <input type="radio" class="custom-control-input account-type-radio" id="personal" name="account_type" value="personal">
                                                                                    <label class="custom-control-label" for="personal">{{ __('Yes, I am the account holder') }}</label>
                                                                                </div>

                                                                                <div class="custom-control custom-radio">
                                                                                    <input type="radio" class="custom-control-input account-type-radio" id="joint_account" name="account_type" value="joint_account">
                                                                                    <label class="custom-control-label" for="joint_account">{{ __('Yes, but this is a joint account') }}</label>
                                                                                </div>

                                                                                <div class="custom-control custom-radio">
                                                                                    <input type="radio" class="custom-control-input account-type-radio" id="business_account" name="account_type" value="business_account">
                                                                                    <label class="custom-control-label" for="business_account">{{__('Yes, but this is a business account')}}</label>
                                                                                </div>

                                                                                <div class="custom-control custom-radio">
                                                                                    <input type="radio" class="custom-control-input account-type-radio" id="someone_account" name="account_type" value="someone_account">
                                                                                    <label class="custom-control-label" for="someone_account">{{ __("No, it’s someone else’s account") }}</label>
                                                                                </div>
                                                                                <div  class="text-danger error account_type_error"> </div>
                                                                                <section class="someone_account_section fund_send_account_radio hide">
                                                                                    <p class="">{{ __("We can’t process withdrawals to someone else’s account. Please use your own account.") }}</p>
                                                                                </section>
                                                                            </div>
                                                                            <div class="col-12 py-2">
                                                                                <h4>{{ __("Bank Account Details") }}</h4>
                                                                            </div>

                                                                            <section class="joint_account_section fund_send_account_radio hide">

                                                                                <div class="form-group col-12">
                                                                                    <label class="form-label">{{__('Primary Account Holder Name')}}</label>
                                                                                    <div class="row">
                                                                                        <div class="form-group col-12 col-md-6">
                                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                                <input class="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 name-validation form-control" type="text" name="primary_account_first_name" id="primary_account_first_name" value="{{$user->details->first_name}}" readonly>
                                                                                                <label for="primary_account_first_name" class="col-form-label 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">{{__('First Name')}} <span class="text-danger">*</span></label>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="form-group col-12 col-md-6">
                                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                                <input class=" 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 name-validation form-control" type="text" name="primary_account_last_name" id="primary_account_last_name" value="{{$user->details->last_name}}" readonly>
                                                                                                <label for="primary_account_last_name" class="col-form-label 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">{{__('Last Name')}} <span class="text-danger">*</span></label>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group col-12">
                                                                                    <label class="form-label">{{__('Second Account Holder Name')}}</label>
                                                                                    <div class="row">
                                                                                        <div class="form-group col-12 col-md-6">
                                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                                <input class="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 name-validation" type="text" name="joint_account_first_name" id="joint_account_first_name" placeholder="">
                                                                                                <label for="joint_account_first_name" class="col-form-label 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">{{__('First Name')}} <span class="text-danger">*</span></label>
                                                                                            </div>
                                                                                            <div  class="text-danger error joint_account_first_name_error"> </div>
                                                                                        </div>
                                                                                        <div class="form-group col-12 col-md-6">
                                                                                            <div class="relative z-0 w-full group mb-1">
                                                                                                <input class="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  name-validation" type="text" name="joint_account_last_name" id="joint_account_last_name" placeholder="">
                                                                                                <label for="joint_account_last_name" class="col-form-label 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">{{__('Last Name')}} <span class="text-danger">*</span></label>
                                                                                            </div>
                                                                                            <div  class="text-danger error joint_account_last_name_error"> </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </section>
                                                                            <section class="business_account_section fund_send_account_radio hide">
                                                                                <div class="form-group col-12 col-md-12">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input class=" 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  name-validation form-control"  type="text" name="business_name" id="business_name" placeholder="" value="{{$userDetails->company_name}}" {{isset($userDetails->company_name) ? "readonly":""}}>
                                                                                        <label for="business_name" class="col-form-label 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">{{__('Business Name')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error business_name_error"> </div>
                                                                                </div>
                                                                            </section>

                                                                            <div class="row">
                                                                                <div class="form-group col-12 col-md-6">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input type="text" class="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 name-validation form-control" placeholder="" name="account_holder" value="{{$user->details->first_name}} {{$user->details->last_name}}" readonly>
                                                                                        <label class="col-form-label 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">{{__('Account Holder')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error account_holder_error"> </div>
                                                                                </div>
                                                                                <div class="form-group col-12 col-md-6">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input type="text" class="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 name-validation" placeholder="" name="bank_name" id="bank_name">
                                                                                        <label for="bank_name" class="col-form-label 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">{{__('Bank Name')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error bank_name_error"> </div>
                                                                                </div>
                                                                            </div>

                                                                            <div class="row">
                                                                                <div class="form-group col-12 col-md-6">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input type="text" class="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 account-username-validation" placeholder="" name="iban_number" id="iban_number">
                                                                                        <label for="iban_number" class="col-form-label 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">{{__('IBAN Number')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error iban_number_error"> </div>
                                                                                </div>
                                                                                <div class="form-group col-12 col-md-6">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input type="text" class="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 name-validation" placeholder="" name="bank_branch_name" id="bank_branch_name">
                                                                                        <label for="bank_branch_name" class="col-form-label 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">{{__('Branch Name')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error bank_branch_name_error"> </div>
                                                                                </div>
                                                                            </div>

                                                                            <div class="row">
                                                                                <div class="form-group col-12 col-md-6">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input type="text" class="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 account-username-validation" placeholder="" name="bic_swift_number" id="bic_swift_number">
                                                                                        <label for="bic_swift_number" class="col-form-label 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">{{__('BIC/SWIFT')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error bic_swift_number_error"> </div>
                                                                                </div>
                                                                                <div class="form-group col-12 col-md-6">
                                                                                    <div class="relative z-0 w-full group mb-1">
                                                                                        <input class="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 address-validation" name="bank_address" id="bank_address" id="bank_address"  placeholder=""></input>
                                                                                        <label for="bank_address" class="col-form-label 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">{{__('Bank Address')}} <span class="text-danger">*</span></label>
                                                                                    </div>
                                                                                    <div  class="text-danger error bank_address_error"> </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-2"></div>
                                                            </div>
                                                        </div>
                                                        <button name="previous" class="previous action-button-previous step_2_prev_btn btn btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                                        <button name="next" class="next action-button step_2_next_btn btn btn-primary mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                                                    </fieldset>

                                                    <fieldset>
                                                        <div class="form-card px-3 px-md-0 mb-2">
                                                            <div class="row">
                                                                <div class="col-sm-2"></div>
                                                                <div class="col-sm-8 pt-24">
                                                                    <p>{{ __("You are requesting a withdrawal from your OCA in account of") }} <span class="fw-bold withdrawal_amount"></span> {{ __("EUR.") }}</p>
                                                                    <p><span class="fw-bold exchangeAmountDesc"></span></p>
                                                                     <span class="bankDetail"></span>
                                                                    <p>{{ __("Once your withdrawal is reviewed you will recieve your withdrawal in 5 working days.") }}</p>
                                                                    <div class="d-flex align-middle justify-between mt-4 txt-titles mflex-wraps">
                                                                        <input id="confirm" type="checkbox" name="confirm" class="w-4 h-4 text-amber-900-600 bg-gray-100 border-gray-300 rounded dark:ring-offset-ring-yellow-950  dark:bg-gray-700 dark:border-gray-600 mt-1">
                                                                        <div class="flex items-center w-100">
                                                                            <label for="confirm" class="ms-2 text-sm font-medium confirm-txt">{{ __('I confirm that once withdrawal request in submitted it cannot be changed.Any error in bank details provided could result in permanent loss of my funds.') }}</label>
                                                                        </div>
                                                                    </div>
                                                                    <div  class="text-danger error confirm_error"> </div>
                                                                </div>
                                                                <div class="col-sm-2"></div>
                                                            </div>
                                                        </div>
                                                            <button name="previous" class="previous action-button-previous btn btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                                            <button name="next" class="next action-button btn btn-primary mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                                                    </fieldset>

                                                    <fieldset>
                                                        <div class="form-card px-3 px-md-0 mb-2" id="withdrawal2FaFormDiv">
                                                            <div class="row">
                                                                <div class="col-sm-3"></div>
                                                                <div class="col-sm-6 pt-24 text-center deposit-2fa-validate">
                                                                    <h4>{{ __('Withdrawal Request Confirmation') }}</h4>
                                                                    <p>{{ __('You are requesting a withdrawal of ') }} <span class="fw-bold withdrawal_amount"></span> {{ __(' EUR from your Amplivo Online Cash Account.') }}</p>
                                                                    <p>{{ __('Withdrawals may take up to 3 working days to be processed.') }}</p>
                                                                    @if ((!empty(Auth::user()->setting->fa_setting) && in_array('withdrawal', Auth::user()->setting->fa_setting)) || !empty(Auth::user()->setting->fa3_setting) && in_array('withdrawal', Auth::user()->setting->fa3_setting))
                                                                        @include('frontend.auth.2fa-3fa-validate-form',[
                                                                            'nextSubmittedFormId' => "withdrawalAmount",
                                                                            'cancelBtnHtml' => '<button type="button" class="previous action-button-previous btn btn-primary mt-0"  name="previous">'.renderIconHtml('previous').'Previous</button>',
                                                                            'type' => 'withdrawal'
                                                                        ])
                                                                    @endif
                                                                </div>
                                                                <div class="col-sm-3"></div>
                                                            </div>
                                                        </div>
                                                        @if (!in_array('withdrawal', Auth::user()->setting->fa_setting) && !in_array('withdrawal', Auth::user()->setting->fa3_setting))
                                                             <button name="previous" class="previous action-button-previous btn btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                                            <button name="next" class="next action-button form-submit btn btn-primary mt-0"   type="button">{!! renderIconHtml('save') !!} Submit</button>
                                                        @endif
                                                    </fieldset>

                                                    <fieldset>
                                                        <div class="form-card px-3 px-md-0 mb-2">
                                                            <div class="row justify-content-center">
                                                                <div class="col-sm-3"></div>
                                                                <div class="col-sm-6">
                                                                    <div class="text-center">
                                                                        <img class="mx-auto" src="{{ asset('frontend/images/checkbox.svg') }}" width="100" height="100"/>
                                                                        <h4>{{ __("Withdrawal Request Submitted") }}</h4>
                                                                        <p>{{ __("Your withdrawal will be processed within 5 working days.") }}</p>
                                                                        <a class="btn btn-primary" href="{{ url('member/withdrawal/create') }}">{!! renderIconHtml('add') !!}{{__("New Withdrawal Request")}}</a>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-3"></div>
                                                            </div>
                                                        </div>
                                                    </fieldset>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
    <script>
        let min_withdrawal = "{{getSiteSettings('min_withdrawal')}}";
        let max_withdrawal = "{{getSiteSettings('max_withdrawal')}}";
        let withdrawal_fee = "{{getSiteSettings('withdrawal_fee')}}";
        let OCAbalance = "{{$walletOcaBalance}}"
        let ApiMode = "{{getSiteSettings('api_mode')}}";
        let TronApiUrl = "{{getSiteSettings('api_mode') == 'live' ? $apiSetting->live_api_source : $apiSetting->test_api_source}}";
    </script>
    <!-- Include web3.js -->
    <script src="{{ asset('frontend/js/web3.min.js') }}"></script>
    <script src="{{ asset('frontend/js/page-js/withdrawal-index-blade.js') }}"></script>
@endpush