<div class="card-body deposit-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.deposit.store') }}" id="depositAmount" autocomplete="off" method="POST" onkeydown="return event.key != 'Enter';" >
                            <ul id="progressbar" class="ps-0 w-100 d-flex justify-content-center progressbar-fiat"></ul>
                            <br>
                            <div class="row">
                                <div class="col-sm-12">
                                    <input type="hidden" name="currency_id" value="">
                                    <input type="hidden" name="deposit_option_id" value="">
                                    <input type="hidden" name="exchange_rate" value="">
                                    <input type="hidden" name="exchange_amount" value="">
                                    <input type="hidden" name="username" value="{{Auth::user()->details->username}}">
                                    <input type="hidden" name="decryptUserId" value="{{Auth::user()->id}}">
                                    <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="deposit-guide-section mt-4">
                                                        <div class="col-12">
                                                            <h4 class="text-left"><span class="currency_desc"></span> {{ __('Deposit Guidance Notes') }}</h4>
                                                            <ul class="deposit-guidance-notes-lists">
                                                            </ul>
                                                            <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 confirm-txt mt-1">{{ __('Please confirm that you read the guideline.') }}</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div  class="text-danger error fiat_confirm_error"> </div>
                                                </div>
                                                <div class="col-2"></div>
                                            </div>
                                        </div>
                                        <button name="previous" class="btn btn-primary btn-primary mt-0" onclick="renderDepositIndex()" 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="form-group col-12 col-md-12">
                                                        <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" placeholder="" name="amount" id="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 currency_description"></label>
                                                            <div  class="text-danger error fiat_amount_error"> </div>
                                                            <p class="amount-limit"></p>
                                                        </div>

                                                    </div>

                                                    <div class="form-group account-holder-radio-group">
                                                        <label class="fw-bold">{{ __('Are You Sending 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>
                                                        <section class="joint_account_section fund_send_account_radio hide">
                                                            <p class="mb-2"><span>{{ __('Primary Account Holder Name') }}</span></p>
                                                            <div class="row">

                                                                <div class="form-group col-12 col-md-6">
                                                                    <div class="relative z-0 w-full group">
                                                                        <input class="form-control 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="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  class="text-danger error primary_account_first_name_error"> </div>
                                                                </div>
                                                                <div class="form-group col-12 col-md-6">
                                                                    <div class="relative z-0 w-full group">
                                                                        <input class="form-control 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="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  class="text-danger error primary_account_last_name_error"> </div>
                                                                </div>
                                                            </div>
                                                            <p class="mb-2"><span>{{ __('Second Account Holder Name') }}</span></p>
                                                            <div class="row">
                                                                <div class="form-group col-12 col-md-6">
                                                                    <div class="relative z-0 w-full group">
                                                                        <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">
                                                                        <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>
                                                        </section>

                                                        <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>

                                                        <section class="business_account_section fund_send_account_radio hide">
                                                            <div class="row">
                                                                <div class="form-group col-12 col-md-12">
                                                                    <div class="relative z-0 w-full group mt-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="business_name" id="business_name" placeholder="" >
                                                                        <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>
                                                                <div  class="text-danger error business_name_error"> </div>
                                                            </div>
                                                        </section>
                                                        <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 fiat_account_type_error"> </div>
                                                        <section class="someone_account_section fund_send_account_radio hide">
                                                            <p class="">{{ __("Deposits must originate from an account in your name. Any deposit made by a third party will be rejected.") }}</p>
                                                        </section>
                                                    </div>
                                                </div>

                                                <div class="col-2"></div>
                                            </div>
                                        </div>

                                         <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                        <button name="next" class="next btn btn-primary action-button step_1_next_btn mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                                    </fieldset>

                                    <fieldset id="step3">
                                        <div class="form-card px-3 px-md-0 mb-2">
                                            <div class="row w-100  pb-24 note-detail-access">
                                                <div class="col-sm-2"></div>
                                                <div class="col-sm-8 mx-4">
                                                    <div class="note-detail  mx-2"></div>
                                                </div>
                                                <div class="col-sm-2"></div>
                                            </div>
                                        </div>
                                        <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                        <button name="next" class="next btn btn-primary action-button step_1_next_btn mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                                    </fieldset>

                                    <fieldset id="step4">
                                        <div class="form-card px-3 px-md-0 mb-2">
                                            <div class="row w-100">
                                                <div class="col-sm-2"></div>
                                                <div class="col-sm-8 pt-24">
                                                    <h5>{{ __('Payment Instructions') }}</h5>
                                                    <p>{{ __('Please arrange a transfer of ') }} <span class="fw-bold bank_amount"></span> {{ __("using the following details: ") }}</p>
                                                </div>
                                                <div class="col-sm-2"></div>
                                            </div>
                                            <div class="row w-100 deposit-details-access">
                                                <div class="col-sm-2"></div>
                                                <div class="col-sm-8">
                                                    <div class="deposit-details"></div>
                                                </div>
                                                <div class="col-sm-2"></div>
                                            </div>
                                        </div>
                                        <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                        <button name="next" class="next btn btn-primary action-button mt-0 step2NextBtn" type="button">{!! renderIconHtml('next') !!} Next</button>
                                    </fieldset>

                                    <fieldset id="step5">
                                        <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 proof_payment_access">
                                                    <div class="form-group">
                                                        <label for="proof_payment">{{ __('Please Upload Your Proof Of Payment') }} <span class="text-danger">*</span></label>
                                                        <div class="input-group">
                                                            <input type="file" class="form-control" id="proof_payment" name="file" accept=".jpg, .jpeg, .png, .pdf">
                                                        </div>
                                                        <p>{{ __('Only jpg, jpeg, png, pdf files are valid, max size 10MB will be allowed') }}</p>
                                                        <div  class="text-danger error file_error"> </div>
                                                    </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 step4NextBtn" type="button">{!! renderIconHtml('next') !!} Next</button>
                                    </fieldset>

                                    <fieldset>
                                        <div class="form-card px-3 px-md-0 mb-2" id="flatDeposit2FaFormDiv">
                                            <div class="row">
                                                <div class="col-sm-3"></div>
                                                <div class="col-sm-6 pt-24 text-center deposit-2fa-validate">
                                                    <h4>{{ __('Deposit Request Confirmation') }}</h4>
                                                    <p>{{ __('You are requesting a deposit of ') }} <span class="fw-bold deposit_amount"></span> {{ __(' to your Amplivo Online Cash Account.')}}</p>
                                                    <p>{{ __('Deposits may take up to 3 working days to be processed.') }}</p>
                                                    @if ((!empty(Auth::user()->setting->fa_setting) && in_array('deposit', Auth::user()->setting->fa_setting)) || !empty(Auth::user()->setting->fa3_setting) && in_array('deposit', Auth::user()->setting->fa3_setting))
                                                        @include('frontend.auth.2fa-3fa-validate-form',[
                                                            'nextSubmittedFormId' => "depositAmount",
                                                            'cancelBtnHtml' => '<button type="button" class="previous action-button-previous btn btn-primary mt-0"  name="previous">'.renderIconHtml('previous').'Previous</button>',
                                                            'type' => 'deposit'
                                                        ])
                                                    @endif
                                                </div>
                                                <div class="col-sm-3"></div>
                                            </div>
                                        </div>
                                        @if (!in_array('deposit', Auth::user()->setting->fa_setting) && !in_array('deposit', 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">
                                            <div class="row justify-content-center">
                                                <div class="col-sm-3"></div>
                                                <div class="col-sm-6 text-center">
                                                    <img class="mx-auto" src="{{ asset('frontend/images/checkbox.svg') }}" width="100" height="100"/>
                                                    <h4 class="text-center">{{ __("Deposit Request Submitted") }}</h4>
                                                    <p>{{ __('Thank you for your deposit!') }}</p>
                                                    <p>{{ __('Requested deposit amount:') }} <span class="deposit_amount"></span></p>
                                                    <p>{{ __('Once these funds have been received, the') }} <span class="deposit_amount"></span> {{ __("will be uploaded into your Amplivo Online Cash Account.") }}</p>
                                                    <p>{{ __("We process deposits as quickly as possible.") }}</p>
                                                    <p>{{ __("Thank you for your patience!") }}</p>
                                                    <a class="btn btn-primary" href="{{ url('member/deposit/create') }}">{!! renderIconHtml('add') !!}{{__("New Deposit Request")}}</a>
                                                </div>
                                                <div class="col-sm-3"></div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
