diff --git a/resources/assets/js/pages/admin/booking/verification.vue b/resources/assets/js/pages/admin/booking/verification.vue
index 8d29575e..54da4315 100644
--- a/resources/assets/js/pages/admin/booking/verification.vue
+++ b/resources/assets/js/pages/admin/booking/verification.vue
@@ -206,8 +206,8 @@
       <el-card class="box-card">
         <el-row :gutter="12">
           <el-col :span="22" style="text-align:center">
-            <el-button :loading="loading" @click="approveUserSlip" type="success">Aprroved</el-button>
-            <el-button :loading="loading" @click="rejectUserSlip" type="danger">Rejected</el-button>
+            <el-button :loading="loading_btn" @click="approveUserSlip" type="success">Aprroved</el-button>
+            <el-button :loading="loading_btn" @click="rejectUserSlip" type="danger">Rejected</el-button>
           </el-col>
         </el-row>
       </el-card>
@@ -230,7 +230,7 @@
     data() {
       return {
         status: 2,
-        loading: false,
+        loading_btn: false,
         booking_details:{
           id: null,
           amount: null,
@@ -263,6 +263,7 @@
   },
     methods: {
       approveUserSlip() {
+        this.loading_btn = true
         // axios.get('api/booking')
         //   .then((response) => {
         //     console.log(response)
@@ -270,6 +271,8 @@
         //   })
       },
       rejectUserSlip() {
+        // TODO reject with reason 
+        this.loading_btn = true
         // axios.get('api/booking')
         //   .then((response) => {
         //     console.log(response)