From 79178698cbf0baf7cd497401cb5b30968b1edcbf Mon Sep 17 00:00:00 2001
From: Aqqil Azman <aqqil.azman99@gmail.com>
Date: Mon, 13 May 2024 09:59:04 +0800
Subject: [PATCH] refactor: Export Buttons to top row

---
 .../elements/TransactionGroupComponent.vue    | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
index 680a9550..00f4fb37 100644
--- a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
@@ -17,7 +17,24 @@
                                 {{item.issuer_name}}
                             </div>
                         </div>
+                        <div class="col-auto">
+                            <div class="font-heading fs-10 muted all-caps">Export</div>
+                             <!-- txt format output button-->
+                                    <a :href="route('group.text', item.id)" target="_blank"> 
+                                        <button class="btn btn-xs b-rad-none">
+                                            <i class="fa solid fa-file-text"></i>
+                                        </button>
+                                    </a>
+                                    
+                                    <!-- xlsl format output button-->
+                                    <a :href="route('group.excel', item.id)" target="_blank">
+                                        <button class="btn btn-xs b-rad-none">
+                                            <i class="fa solid fa-file-excel-o"></i>
+                                        </button>
+                                    </a>
+                            </div>
                     </div>
+                    
                     <div class="row">
                         <div class="col-auto">
                             <div class="font-heading fs-10 muted all-caps">Currency Rate</div>
@@ -79,11 +96,6 @@
                         <div class="col-auto">
                             <div class="row parentContainer">
                                 <div class="col p-l-0">
-                                    <a :href="route('group.text', item.id)" target="_blank">
-                                        <button class="btn btn-xs b-rad-none">
-                                            <i class="fa fa-align-left"></i>
-                                        </button>
-                                    </a>
                                     <button class="btn btn-xs btn-complete b-rad-none">
                                         <i class="fa fa-refresh" @click="updateDo()"></i>
                                     </button>