From e16b325036db06985ba34561fa82883cb1f5936d Mon Sep 17 00:00:00 2001
From: Omair Saleh <uldvstar@gmail.com>
Date: Wed, 28 Sep 2022 11:58:35 +0800
Subject: [PATCH] show swift code input in account when booking usd

---
 .../banks/forms/BankAccountFormComponent.vue  | 118 +++++++++++++-----
 1 file changed, 85 insertions(+), 33 deletions(-)

diff --git a/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue b/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
index fa23fac4..6e9518d9 100644
--- a/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
+++ b/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
@@ -14,49 +14,101 @@
                             <small class="bold fs-10 text-danger">{{error}}</small>
                         </div>
                     </div>
-                    <div class="row m-b-10" v-if="type === 2">
+                    <div class="row" v-if="currency !== 'USD'">
                         <div class="col">
-                            <validation-wrapper-component :validator="$v.parameters.reference">
-                                <label>Reference</label>
-                                <input type="text" class="form-control" v-model="parameters.reference" :disabled="disabled">
-                            </validation-wrapper-component>
-                        </div>
-                    </div>
-                    <div class="row m-b-10">
-                        <div class="col">
-                            <validation-wrapper-component :validator="$v.parameters.holder_name">
-                                <label>Account Holder Name</label>
-                                <input type="text" class="form-control" v-model="parameters.holder_name" :disabled="disabled">
-                            </validation-wrapper-component>
-                        </div>
-                    </div>
-                    <div class="row m-b-10">
-                        <div class="col">
-                            <validation-wrapper-component :validator="$v.parameters.account_no">
-                                <label>{{ serviceType ? serviceType.id === 4 ? 'Alipay recipient Email / Phone' : 'Account No.' : 'Account No.'}}</label>
-                                <input type="text" class="form-control" v-model="parameters.account_no" :disabled="disabled">
-                            </validation-wrapper-component>
-                        </div>
-                    </div>
-                    <div class="row" v-if="type === 2">
-                        <div class="col">
-                            <div class="row m-b-10">
+                            <div class="row m-b-10" v-if="type === 2">
                                 <div class="col">
-                                    <validation-wrapper-component :validator="$v.parameters.bank_name">
-                                        <label>Bank Name</label>
-                                        <input type="text" class="form-control" v-model="parameters.bank_name" :disabled="disabled">
+                                    <validation-wrapper-component :validator="$v.parameters.reference">
+                                        <label>Reference</label>
+                                        <input type="text" class="form-control" v-model="parameters.reference" :disabled="disabled">
                                     </validation-wrapper-component>
                                 </div>
                             </div>
                             <div class="row m-b-10">
                                 <div class="col">
-                                    <validation-wrapper-component :validator="$v.parameters.bank_branch">
-                                        <label>Bank Branch / 所在地</label>
-                                        <input type="text" class="form-control" v-model="parameters.bank_branch" :disabled="disabled">
+                                    <validation-wrapper-component :validator="$v.parameters.holder_name">
+                                        <label>Account Holder Name</label>
+                                        <input type="text" class="form-control" v-model="parameters.holder_name" :disabled="disabled">
                                     </validation-wrapper-component>
                                 </div>
                             </div>
-                            <div class="row m-b-10" v-if="currency === 'USD'">
+                            <div class="row m-b-10">
+                                <div class="col">
+                                    <validation-wrapper-component :validator="$v.parameters.account_no">
+                                        <label>{{ serviceType ? serviceType.id === 4 ? 'Alipay recipient Email / Phone' : 'Account No.' : 'Account No.'}}</label>
+                                        <input type="text" class="form-control" v-model="parameters.account_no" :disabled="disabled">
+                                    </validation-wrapper-component>
+                                </div>
+                            </div>
+                            <div class="row" v-if="type === 2">
+                                <div class="col">
+                                    <div class="row m-b-10">
+                                        <div class="col">
+                                            <validation-wrapper-component :validator="$v.parameters.bank_name">
+                                                <label>Bank Name</label>
+                                                <input type="text" class="form-control" v-model="parameters.bank_name" :disabled="disabled">
+                                            </validation-wrapper-component>
+                                        </div>
+                                    </div>
+                                    <div class="row m-b-10">
+                                        <div class="col">
+                                            <validation-wrapper-component :validator="$v.parameters.bank_branch">
+                                                <label>Bank Branch / 所在地</label>
+                                                <input type="text" class="form-control" v-model="parameters.bank_branch" :disabled="disabled">
+                                            </validation-wrapper-component>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" v-if="currency === 'USD'">
+                        <div class="col">
+                            <div class="row m-b-10">
+                                <div class="col">
+                                    <validation-wrapper-component :validator="$v.parameters.holder_name">
+                                        <label>Account Holder Name</label>
+                                        <input type="text" class="form-control" v-model="parameters.holder_name" :disabled="disabled">
+                                    </validation-wrapper-component>
+                                </div>
+                            </div>
+                            <div class="row m-b-10">
+                                <div class="col">
+                                    <validation-wrapper-component :validator="$v.parameters.reference">
+                                        <label>Account Holder Address</label>
+                                        <input type="text" class="form-control" v-model="parameters.reference" :disabled="disabled">
+                                    </validation-wrapper-component>
+                                </div>
+                            </div>
+                            <div class="row m-b-10">
+                                <div class="col">
+                                    <validation-wrapper-component :validator="$v.parameters.account_no">
+                                        <label>Account No</label>
+                                        <input type="text" class="form-control" v-model="parameters.account_no" :disabled="disabled">
+                                    </validation-wrapper-component>
+                                </div>
+                            </div>
+                            <div class="row" v-if="type === 2">
+                                <div class="col">
+                                    <div class="row m-b-10">
+                                        <div class="col">
+                                            <validation-wrapper-component :validator="$v.parameters.bank_name">
+                                                <label>Bank Name</label>
+                                                <input type="text" class="form-control" v-model="parameters.bank_name" :disabled="disabled">
+                                            </validation-wrapper-component>
+                                        </div>
+                                    </div>
+                                    <div class="row m-b-10">
+                                        <div class="col">
+                                            <validation-wrapper-component :validator="$v.parameters.bank_branch">
+                                                <label>Bank Address</label>
+                                                <input type="text" class="form-control" v-model="parameters.bank_branch" :disabled="disabled">
+                                            </validation-wrapper-component>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row m-b-10" >
                                 <div class="col p-r-5">
                                     <validation-wrapper-component :validator="$v.parameters.swift">
                                         <label>Swift</label>