diff --git a/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
index b684d64e..5356070b 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
@@ -39,7 +39,7 @@
                                     </div>
                                 </div>
                                 <div class="col-auto p-l-5 p-r-5 bg-success requestModal pointer" data-type="paymentProofModal">
-                                    <div class="row align-items-center h-100">
+                                    <div @click="selectedID(item.id)" class="row align-items-center h-100">
                                         <div class="col">
                                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                                  width="30" height="30"
@@ -49,7 +49,7 @@
                                     </div>
                                 </div>
                                 <modal-component type="paymentProofModal">
-                                    <payment-proof-form-component section="paymentProofSection" :id="item.id" :data="item"></payment-proof-form-component>
+                                    <payment-proof-form-component  v-if="selected_id == item.id" section="paymentProofSection" :id="item.id" :data="item"></payment-proof-form-component>
                                 </modal-component>
                             </div>
                         </div>
@@ -63,6 +63,16 @@
 <script>
     import componentHandler from '../../../general/mixins/componentHandler';
     export default {
+        data(){
+            return {
+                selected_id: '',
+            }
+        },
+        methods: {
+            selectedID(id){
+                this.selected_id = id;
+            }
+        },
         mixins: [componentHandler]
     }
 </script>
diff --git a/resources/views/pages/pdfs/deliver_order.blade.php b/resources/views/pages/pdfs/deliver_order.blade.php
index e7256b1f..a2c77a66 100644
--- a/resources/views/pages/pdfs/deliver_order.blade.php
+++ b/resources/views/pages/pdfs/deliver_order.blade.php
@@ -34,7 +34,7 @@
 
 
                 <div class="ref">REF: {{ $invoice_transaction->payment_reference ?? '-' }}</div>
-                <div class="date">Date: {{ $invoice_transaction->created_at }}</div>
+                <div class="date">Date: {{ $po_order_transaction->created_at }}</div>
                 <div>&nbsp;</div>
                 </div>
             </td>
diff --git a/resources/views/pages/pdfs/invoice.blade.php b/resources/views/pages/pdfs/invoice.blade.php
index 7d6e88ca..611d4362 100644
--- a/resources/views/pages/pdfs/invoice.blade.php
+++ b/resources/views/pages/pdfs/invoice.blade.php
@@ -33,7 +33,7 @@
 
 
                 <div class="ref">Ref# {{ $invoice_transaction->payment_reference ?? '-' }}</div>
-                <div class="date">Date: {{ $invoice_transaction->created_at }}</div>
+                <div class="date">Date: {{ $po_order_transaction->created_at }}</div>
                 <div>&nbsp;</div>
                 </div>
             </td>
diff --git a/resources/views/pages/pdfs/supplier_deliver_order.blade.php b/resources/views/pages/pdfs/supplier_deliver_order.blade.php
index 57b4ed0a..22de6719 100644
--- a/resources/views/pages/pdfs/supplier_deliver_order.blade.php
+++ b/resources/views/pages/pdfs/supplier_deliver_order.blade.php
@@ -20,7 +20,7 @@
             <td class="document-detail">
                 PO#: {{ $supplier_deliver_order_transaction->bill_no }} <br>
                 Ref#: {{ $supplier_deliver_order_transaction->payment_reference ?? '-' }} <br>
-                Date: {{ $supplier_deliver_order_transaction->created_at }}
+                Date: {{ $po_order_transaction->created_at }}
             </td>
         </tr>
     </table>