diff --git a/app/Http/Controllers/BookingController.php b/app/Http/Controllers/BookingController.php
index f6487581..7f136ae4 100644
--- a/app/Http/Controllers/BookingController.php
+++ b/app/Http/Controllers/BookingController.php
@@ -347,7 +347,7 @@ class BookingController extends Controller
             
             $user_bankslip = $booking->userBankSlip()->first();
             $china_bankslip = $booking->chinaBankSlip()->get();
-            $po = $booking->purchaseOrder()->first();
+            $po = $booking->purchaseOrder()->get();
             $invoice = $booking->invoice()->first();
 
             if ($user_bankslip){
@@ -364,7 +364,13 @@ class BookingController extends Controller
             }
 
             if($po){
-                $booking->user_po_path = Storage::url($po->image_path);
+                foreach($po as $item){
+                    $po_paths_array[] = Storage::url($item->image_path);
+                }
+
+                $booking->user_po_path = $po_paths_array;
+                
+                
             }
 
             if($invoice){
diff --git a/resources/assets/js/pages/booking/po.vue b/resources/assets/js/pages/booking/po.vue
index bc264ba5..5e27295c 100644
--- a/resources/assets/js/pages/booking/po.vue
+++ b/resources/assets/js/pages/booking/po.vue
@@ -13,8 +13,8 @@
           <div class="card-header">Purchase Order</div>
           <div class="row">
             <div class="card-body">
-              <a target="_blank" :href="getURL(booking_details.user_po_path)">
-                <img v-if="isImage(booking_details.user_po_path)" v-bind:src="booking_details.user_po_path" class="image">
+              <a target="_blank" v-for="(path, index) in booking_details.user_po_path" v-bind:key="index" :href="getURL(path)">
+                <img v-if="isImage(path)" v-bind:src="path" class="image">
                 <p v-else>Download</p>
               </a>
             </div>