don't show order complete status if booking still has active transactions

resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue

@@ -4,7 +4,7 @@
             <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
             <div class="row" v-if="booking">
                 <div class="col">
-                    <div class="row m-b-50" v-if="booking.status === 3">
+                    <div class="row m-b-50" v-if="booking.status === 3 && transactionsComplete">
                         <div class="col-10 no-padding">
                             <div class="row">
                                 <div class="col">
@@ -397,6 +397,11 @@
         computed: {
             pendingQueue () {
                 return this.$store.getters.isInCompleteQueue(this.section);
+            },
+            transactionsComplete() {
+                return this.booking.payment_history.forEach(function(payment){
+                    return payment.status !== 2;
+                })
             }
         },
         watch: {