diff --git a/app/Http/Controllers/BookingController.php b/app/Http/Controllers/BookingController.php
index 89c78366..bed53474 100644
--- a/app/Http/Controllers/BookingController.php
+++ b/app/Http/Controllers/BookingController.php
@@ -18,9 +18,17 @@ class BookingController extends Controller
 {
 
     public function index(){
+		$user = Auth::user(); 
+
+		if ($user->roles->first()->name == 'admin'){
+			$bookings = Booking::select('id', 'created_at', 'status', 'rate', 'term', 'amount', 'bia', 'verification_status')
+			->get();
+		}
+		else{
         $bookings = Booking::select('id', 'created_at', 'status', 'rate', 'term', 'amount', 'bia', 'verification_status')
-                            ->where('user_id',Auth::user()->id)
-                            ->get();
+                            ->where('user_id', $user->id)
+							->get();
+		}
         
         // reformat to fit frontend structure 
         foreach ($bookings as $booking) {
diff --git a/resources/assets/js/pages/admin/home.vue b/resources/assets/js/pages/admin/home.vue
index 841b541b..56a63f93 100644
--- a/resources/assets/js/pages/admin/home.vue
+++ b/resources/assets/js/pages/admin/home.vue
@@ -45,6 +45,8 @@
 </template>
 
 <script>
+import axios from 'axios'
+
 export default {
   middleware: 'admin',
   data () {
@@ -52,7 +54,32 @@ export default {
     bookingTable: [
         ]
     }
-
+  },
+  mounted(){
+  axios
+    .get('/api/booking/')
+    .then((response) => {
+      console.log(response)
+      this.bookingTable = response.data
+          
+      //loading.close()
+    }).catch((error) => {
+      // console.log(error)
+      // loading.close()
+      // this.$router.push({
+      //   name: 'notfound'
+      // })
+    })
+},
+  methods :{
+      filterTag(value, row) {
+        return row.tag === value
+      },
+      filterHandler(value, row, column) {
+        const property = column['property']
+        return row[property] === value
+      },
   }
+  
 }
 </script>