From 9e865ea5b26a296cc0ebd808f737214dc95471fa Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Wed, 19 Apr 2023 22:51:52 +0800
Subject: [PATCH] update modal to approve match and reject match

---
 .../elements/StatementTransactionComponent.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue b/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue
index 74c3ed37..015f3bb0 100644
--- a/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue
+++ b/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue
@@ -28,9 +28,25 @@
                             </div>
                         </div>
                         <div class="col">
-                            <div class="row" v-for="owner in item.owners">
+                            <div class="row parentContainer" v-for="owner in item.owners">
                                 <div class="col">
                                     <a :href="owner.reference_link" target="_blank">{{ owner.reference }}</a>
+                                    <div v-if="stage === 2">
+                                        <button class="btn btn-xs btn-outline-primary b-rad-none m-r-5 requestModal" data-type="approveCorrectMappingTransaction">
+                                            <i class="fa fa-times fa-fw"></i>
+                                        </button>
+                                        <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="approveCorrectMappingTransaction">
+                                            <general-confirmation-form-component 
+                                                contentText="Are you sure you want to choose this mapping?" 
+                                                modalType="confirm" 
+                                                class="text-center"
+                                                :apiRoute="route('api.company.delete', 1)"
+                                                apiMethod="post"
+                                                section="statementTransactionComponent"
+                                            >
+                                            </general-confirmation-form-component>
+                                        </modal-component>
+                                    </div>
                                 </div>
                             </div>
                         </div>