diff --git a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
index 9909ae8e..9efbe54c 100644
--- a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
@@ -169,6 +169,15 @@
                                                                     </div>
                                                                 </div>
                                                             </div>
+                                                            <div class="row no-margin" :class="[{'bg-complete-light': paymentMethod.name === 'Online Transfer'}, {'text-white': paymentMethod.name === 'Online Transfer'}, {'hover-complete': paymentMethod.name !== 'Online Transfer'}]" @click="updatePaymentType({name: 'Online Transfer', id: 'ot'})">
+                                                                <div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10">
+                                                                    <div class="row align-items-center justify-content-center">
+                                                                        <div class="col">
+                                                                            <div class="font-heading fs-10">Online Transfer</div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
                                                         </div>
                                                     </div>
                                                 </div>
@@ -190,6 +199,38 @@
                                             </div>
                                         </div>
                                     </div>
+
+                                    <div class="row" v-if="paymentMethod.name == 'Online Transfer'">
+                                        <div class="col">
+
+                                            <div class="row m-t-10">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col-8">
+                                                            <div class="btn btn-xs btn-block text-left b-rad-none p-t-10 p-b-10 p-l-15 p-r-15" :class="[{'b-complete': onlinePayment.bankName === 'Maybank'}]" @click="selectOnlinePaymentBank({bankName: 'Maybank', id: 'maybank'})">
+                                                                <img src="https://shopee.com.my/static/images/bank_logo/img_bankmy_maybank.png" alt="">
+                                                                Maybank2u
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="row m-t-10">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col-8">
+                                                            <div class="btn btn-xs btn-block text-left b-rad-none p-t-10 p-b-10 p-l-15 p-r-15" :class="[{'b-complete': onlinePayment.bankName === 'Cimb'}]" @click="selectOnlinePaymentBank({bankName: 'Cimb', id: 'cimb'})">
+                                                                <img src="https://shopee.com.my/static/images/bank_logo/img_bankmy_cimb.png" alt="">
+                                                                Cimb
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                     </div>
                                 </div>
                             </div>
                             <div class="row">
@@ -197,7 +238,7 @@
                                     <button class="btn btn-xs all-caps b-rad-none btn-default bg-master-lighter btn-block" @click="expandPayment = false">Cancel</button>
                                 </div>
                                 <div class="col p-l-0">
-                                    <button class="btn btn-xs all-caps b-rad-none btn-success btn-block" @click="submitForm()">Create Booking</button>
+                                    <button class="btn btn-xs all-caps b-rad-none btn-success btn-block" v-if="!(paymentMethod.name === 'Online Transfer' && onlinePayment.status === false)" @click="submitForm()">Create Booking</button>
                                 </div>
                             </div>
                         </div>
@@ -311,6 +352,11 @@
                     id: 'cash',
                     status: false
                 },
+                onlinePayment: {    
+                    bankName: '',
+                    id: '',
+                    status: false
+                },
                 amount: (Math.round((this.data.outstanding_amount + Number.EPSILON) * 100) / 100).toFixed(2),
                 calculation: null
             }
@@ -331,6 +377,14 @@
                     status: false,
                 }
 
+            },
+            selectOnlinePaymentBank(bankName){
+                this.onlinePayment = {
+                    bankName: bankName.bankName,
+                    id: bankName.id,
+                    status: true,
+                }
+
             },
             submitForm(){
                 this.parameters = {