diff --git a/app/Classes/General/Eloquent/Filters/PendingPayment.php b/app/Classes/General/Eloquent/Filters/PendingPayment.php
new file mode 100644
index 00000000..ab055987
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/PendingPayment.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\SegmentConstants;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Facades\DB;
+
+class PendingPayment implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/General/Eloquent/Filters/PendingPurchaseOrder.php b/app/Classes/General/Eloquent/Filters/PendingPurchaseOrder.php
new file mode 100644
index 00000000..d3fa28f9
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/PendingPurchaseOrder.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\SegmentConstants;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use Illuminate\Database\Eloquent\Builder;
+
+class PendingPurchaseOrder implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereHas('service', function($service){
+            $service->whereHas('constants', function($query) {
+                $query->where('reference', SegmentConstants::SERVICE_TYPE)->where('detail->is_billable', true);
+            });
+        })->whereDoesntHave('transactions', function($transaction){
+            return $transaction->where('type', TransactionType::PURCHASE_ORDER)->whereIn('status', [ApprovalStatus::PENDING_VERIFICATION, ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED]);
+        });
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/General/Eloquent/Filters/PurchaseOrderApproval.php b/app/Classes/General/Eloquent/Filters/PurchaseOrderApproval.php
new file mode 100644
index 00000000..45277c97
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/PurchaseOrderApproval.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\SegmentConstants;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use Illuminate\Database\Eloquent\Builder;
+
+class PurchaseOrderApproval implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereHas('service', function($service){
+            $service->whereHas('constants', function($query) {
+                $query->where('reference', SegmentConstants::SERVICE_TYPE)->where('detail->is_billable', true);
+            });
+        })->whereHas('transactions', function($transaction){
+            return $transaction->where('type', TransactionType::PURCHASE_ORDER)->whereIn('status', [ApprovalStatus::PENDING_VERIFICATION]);
+        });
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Bookings/ControllersLogic/ApprovePurchaseOrderLogic.php b/app/Classes/Modules/Bookings/ControllersLogic/ApprovePurchaseOrderLogic.php
index 3f394557..ff4796cc 100644
--- a/app/Classes/Modules/Bookings/ControllersLogic/ApprovePurchaseOrderLogic.php
+++ b/app/Classes/Modules/Bookings/ControllersLogic/ApprovePurchaseOrderLogic.php
@@ -8,6 +8,7 @@ use App\Classes\Modules\Bookings\Services\FetchesBooking;
 use App\Classes\Modules\Documents\Services\ApprovesDocument;
 use App\Classes\Modules\Documents\Services\FetchesDocument;
 use App\Classes\Modules\Documents\Services\RejectsDocument;
+use App\Classes\Modules\Transactions\Processors\CreateInvoiceTransactionProcessor;
 use App\Classes\Modules\Transactions\Services\FetchesTransaction;
 use App\Classes\Modules\Transactions\Services\UpdatesTransactionStatus;
 use App\Classes\ValueObjects\Constants\ApprovalStatus;
@@ -34,15 +35,20 @@ class ApprovePurchaseOrderLogic extends AbstractControllerLogic
     /** @var UpdatesTransactionStatus */
     private $updatesTransactionStatus;
 
+    /** @var CreateInvoiceTransactionProcessor */
+    private $createInvoiceTransactionProcessor;
+
     /**
      * ApprovePurchaseOrderLogic constructor.
      * @param FetchesBooking $fetchesBooking
      * @param UpdatesTransactionStatus $updatesTransactionStatus
+     * @param CreateInvoiceTransactionProcessor $createInvoiceTransactionProcessor
      */
-    public function __construct(FetchesBooking $fetchesBooking, UpdatesTransactionStatus $updatesTransactionStatus)
+    public function __construct(FetchesBooking $fetchesBooking, UpdatesTransactionStatus $updatesTransactionStatus, CreateInvoiceTransactionProcessor $createInvoiceTransactionProcessor)
     {
         $this->fetchesBooking = $fetchesBooking;
         $this->updatesTransactionStatus = $updatesTransactionStatus;
+        $this->createInvoiceTransactionProcessor = $createInvoiceTransactionProcessor;
     }
 
     /**
@@ -57,6 +63,8 @@ class ApprovePurchaseOrderLogic extends AbstractControllerLogic
 
         $this->updatesTransactionStatus->execute($booking->transactions()->where('type', TransactionType::PURCHASE_ORDER)->first(), ApprovalStatus::APPROVED);
 
+        $this->createInvoiceTransactionProcessor->execute($booking);
+
         return $this->response([]);
     }
 
diff --git a/app/Classes/Modules/Bookings/Services/CalculatesBookingTransferredAmount.php b/app/Classes/Modules/Bookings/Services/CalculatesBookingTransferredAmount.php
new file mode 100644
index 00000000..398c99e9
--- /dev/null
+++ b/app/Classes/Modules/Bookings/Services/CalculatesBookingTransferredAmount.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Classes\Modules\Bookings\Services;
+
+
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use App\Models\Booking;
+use Carbon\Carbon;
+
+class CalculatesBookingTransferredAmount
+{
+
+    public function execute(Booking $booking, int $type){
+        return $type === 1 ?
+            $booking->transactions()->payments()->transferred()
+                ->selectRaw('sum(amount - service_charge - tax) as sub_total')->get()->sum('sub_total') :
+            $booking->transactions()->payments()->transferred()->sum('original_amount');
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Transactions/ControllersLogic/CreateSupplierTransactionLogic.php b/app/Classes/Modules/Transactions/ControllersLogic/CreateSupplierTransactionLogic.php
index 35389f36..7a551257 100644
--- a/app/Classes/Modules/Transactions/ControllersLogic/CreateSupplierTransactionLogic.php
+++ b/app/Classes/Modules/Transactions/ControllersLogic/CreateSupplierTransactionLogic.php
@@ -123,11 +123,9 @@ class CreateSupplierTransactionLogic extends AbstractControllerLogic
             'currency_vendor_order'
         );
 
-        foreach ($transactions as $key => $row) {
-            /** @var Document $document */
-            $document = $this->createsDocument->execute($row, $object);
-            $this->createsFile->execute($document, $object);
-        }
+        /** @var Document $document */
+        $document = $this->createsDocument->execute($supplier, $object);
+        $this->createsFile->execute($document, $object);
 
         return $this->response([]);
     }
diff --git a/app/Classes/Modules/Transactions/Processors/CreateInvoiceTransactionProcessor.php b/app/Classes/Modules/Transactions/Processors/CreateInvoiceTransactionProcessor.php
index 09bc5982..54370591 100644
--- a/app/Classes/Modules/Transactions/Processors/CreateInvoiceTransactionProcessor.php
+++ b/app/Classes/Modules/Transactions/Processors/CreateInvoiceTransactionProcessor.php
@@ -2,6 +2,8 @@
 
 namespace App\Classes\Modules\Transactions\Processors;
 
+use App\Classes\Modules\Bookings\Services\CalculatesBookingTransferredAmount;
+use App\Classes\Modules\ServiceTypes\Services\FetchesServiceConfigurations;
 use App\Classes\Modules\Transactions\Services\ListsTransactions;
 use App\Classes\Modules\Transactions\Services\CreatesTransaction;
 use App\Classes\Modules\Transactions\Services\GeneratesTransactionBillNumber;
@@ -15,11 +17,12 @@ use App\Classes\Modules\Bookings\Services\UpdatesBookingStatus;
 use App\Classes\Modules\Transactions\DataTransferObjects\TransactionObject;
 use App\Classes\Modules\Documents\DataTransferObjects\DocumentObject;
 use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\SegmentConstants;
 use App\Classes\ValueObjects\Constants\TransactionType;
 use App\Classes\ValueObjects\Constants\DocumentType;
 use App\Models\Booking;
 use App\Models\Document;
-use Meneses\LaravelLaravelMpdf\Facades\LaravelLaravelMpdf;
+use App\Models\SegmentConstant;
 use Meneses\LaravelMpdf\Facades\LaravelMpdf;
 
 class CreateInvoiceTransactionProcessor
@@ -36,6 +39,12 @@ class CreateInvoiceTransactionProcessor
     /** @var CalculatesBookingPaidAmount */
     private $calculatesBookingPaidAmount;
 
+    /** @var CalculatesBookingTransferredAmount */
+    private $calculatesBookingTransferredAmount;
+
+    /** @var FetchesServiceConfigurations */
+    private $fetchesServiceConfigurations;
+
     /** @var CalculatesBookingCurrencyAverageRate */
     private $calculatesBookingCurrencyAverageRate;
 
@@ -52,18 +61,27 @@ class CreateInvoiceTransactionProcessor
     private $updatesBookingStatus;
 
     /**
-     * CreateInvoiceTransactionLogic constructor.
+     * CreateInvoiceTransactionProcessor constructor.
      * @param ListsTransactions $listsTransactions
      * @param CreatesTransaction $createsTransaction
      * @param GeneratesTransactionBillNumber $generatesTransactionBillNumber
      * @param CalculatesBookingPaidAmount $calculatesBookingPaidAmount
+     * @param CalculatesBookingTransferredAmount $calculatesBookingTransferredAmount
+     * @param FetchesServiceConfigurations $fetchesServiceConfigurations
+     * @param CalculatesBookingCurrencyAverageRate $calculatesBookingCurrencyAverageRate
+     * @param FetchesCompany $fetchesCompany
+     * @param CreatesDocument $createsDocument
+     * @param CreatesFiles $createsFile
+     * @param UpdatesBookingStatus $updatesBookingStatus
      */
-    public function __construct(ListsTransactions $listsTransactions, CreatesTransaction $createsTransaction, GeneratesTransactionBillNumber $generatesTransactionBillNumber, CalculatesBookingPaidAmount $calculatesBookingPaidAmount, CalculatesBookingCurrencyAverageRate $calculatesBookingCurrencyAverageRate, FetchesCompany $fetchesCompany, CreatesDocument $createsDocument, CreatesFiles $createsFile, UpdatesBookingStatus $updatesBookingStatus)
+    public function __construct(ListsTransactions $listsTransactions, CreatesTransaction $createsTransaction, GeneratesTransactionBillNumber $generatesTransactionBillNumber, CalculatesBookingPaidAmount $calculatesBookingPaidAmount, CalculatesBookingTransferredAmount $calculatesBookingTransferredAmount, FetchesServiceConfigurations $fetchesServiceConfigurations, CalculatesBookingCurrencyAverageRate $calculatesBookingCurrencyAverageRate, FetchesCompany $fetchesCompany, CreatesDocument $createsDocument, CreatesFiles $createsFile, UpdatesBookingStatus $updatesBookingStatus)
     {
         $this->listsTransactions = $listsTransactions;
-        $this->generatesTransactionBillNumber = $generatesTransactionBillNumber;
         $this->createsTransaction = $createsTransaction;
+        $this->generatesTransactionBillNumber = $generatesTransactionBillNumber;
         $this->calculatesBookingPaidAmount = $calculatesBookingPaidAmount;
+        $this->calculatesBookingTransferredAmount = $calculatesBookingTransferredAmount;
+        $this->fetchesServiceConfigurations = $fetchesServiceConfigurations;
         $this->calculatesBookingCurrencyAverageRate = $calculatesBookingCurrencyAverageRate;
         $this->fetchesCompany = $fetchesCompany;
         $this->createsDocument = $createsDocument;
@@ -71,6 +89,7 @@ class CreateInvoiceTransactionProcessor
         $this->updatesBookingStatus = $updatesBookingStatus;
     }
 
+
     /**
      * @param Booking $booking
      * @return void
@@ -78,128 +97,133 @@ class CreateInvoiceTransactionProcessor
      */
     public function execute(Booking $booking) 
     {
+        $payment_amount = $this->calculatesBookingTransferredAmount->execute($booking, $booking->fix_currency_id);
+        $booking_amount = $booking->fix_amount;
+
+        if ((float) $booking_amount !== (float) $payment_amount) {
+            return;
+        }
+
         $po_order_transaction = $booking->transactions()
             ->where('type', TransactionType::PURCHASE_ORDER)
-            ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])
+            ->complete()
             ->first();
 
-        if ($po_order_transaction) {
-            $payment_amount = $this->calculatesBookingPaidAmount->execute($booking, $booking->fix_currency_id);
-            $booking_amount = $booking->fix_amount;
+        $constants = SegmentConstant::where('reference', SegmentConstants::SERVICE_TYPE)->where('detail->id', $booking->service->id)->first();
 
-            if ((float) $booking_amount === (float) $payment_amount) {
-
-                $transaction = $booking->transactions()
-                    ->where('type', TransactionType::PAYMENT)
-                    ->first();
-
-                $billNumber = $this->generatesTransactionBillNumber->execute('INV-');
-
-                $booking_currency_average_rate = $this->calculatesBookingCurrencyAverageRate->execute($booking, TransactionType::PAYMENT);
-
-                $total_service_charge = $booking->transactions()
-                    ->where('type', TransactionType::PAYMENT)
-                    ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])
-                    ->sum('service_charge');
-
-                $total_tax = $booking->transactions()
-                    ->where('type', TransactionType::PAYMENT)
-                    ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])
-                    ->sum('tax');
-
-                $transaction_object = new TransactionObject(
-                    $billNumber,
-                    TransactionType::INVOICE, 
-                    $transaction->issuer, 
-                    $transaction->receiver, 
-                    $transaction->recipient_bank_account_id, 
-                    $transaction->payment_method, 
-                    $payment_amount,
-                    $booking_amount,
-                    $transaction->currency_id,
-                    $transaction->original_currency_id, 
-                    $booking_currency_average_rate, 
-                    $total_tax,
-                    $total_service_charge, 
-                    null, 
-                    ApprovalStatus::APPROVED
-                );
-                $invoice_transaction = $this->createsTransaction->execute($po_order_transaction->booking, $transaction_object);
-
-                $supplier = $this->fetchesCompany->execute(['id' => $transaction->receiver]);
-
-                $purchase_order_pdf = LaravelMpdf::loadView('pages.pdfs.purchase_order', ['invoice_transaction' => $invoice_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
-                $document_object = new DocumentObject(
-                    DocumentType::PURCHASE_ORDER,
-                    [chunk_split('data:application/pdf;base64,'.base64_encode($purchase_order_pdf->output()))],
-                    '',
-                    ApprovalStatus::COMPLETED,
-                    'purchase_orders'
-                );
-                $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
-                $this->createsFile->execute($document, $document_object);
-
-                $deliver_order_pdf = LaravelMpdf::loadView('pages.pdfs.deliver_order', ['invoice_transaction' => $invoice_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
-                $document_object = new DocumentObject(
-                    DocumentType::DELIVER_ORDER,
-                    [chunk_split('data:application/pdf;base64,'.base64_encode($deliver_order_pdf->output()))],
-                    '',
-                    ApprovalStatus::COMPLETED,
-                    'deliver_orders'
-                );
-
-                /** @var Document $document */
-                $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
-                $this->createsFile->execute($document, $document_object);
-
-
-                $invoice_pdf = LaravelMpdf::loadView('pages.pdfs.invoice', ['invoice_transaction' => $invoice_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
-                $document_object = new DocumentObject(
-                    DocumentType::INVOICE,
-                    [chunk_split('data:application/pdf;base64,'.base64_encode($invoice_pdf->output()))],
-                    '',
-                    ApprovalStatus::COMPLETED,
-                    'invoices'
-                );
-                $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
-                $this->createsFile->execute($document, $document_object);
-
-                $billNumber = $this->generatesTransactionBillNumber->execute('SPDO-');
-
-                $booking_currency_average_rate = $this->calculatesBookingCurrencyAverageRate->execute($booking, TransactionType::BILL);
-
-                $transaction_object = new TransactionObject(
-                    $billNumber,
-                    TransactionType::SUPPLIER_DELIVER, 
-                    $transaction->issuer, 
-                    $transaction->receiver, 
-                    $transaction->recipient_bank_account_id, 
-                    $transaction->payment_method, 
-                    $payment_amount,
-                    $booking_amount,
-                    $transaction->currency_id,
-                    $transaction->original_currency_id, 
-                    $booking_currency_average_rate, 
-                    $total_tax,
-                    $total_service_charge, 
-                    null, 
-                    ApprovalStatus::APPROVED
-                );
-                $supplier_deliver_order_transaction = $this->createsTransaction->execute($po_order_transaction->booking, $transaction_object);
-
-                $supplier_order_pdf = LaravelMpdf::loadView('pages.pdfs.supplier_deliver_order', ['supplier_deliver_order_transaction' => $supplier_deliver_order_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
-                $document_object = new DocumentObject(
-                    DocumentType::SUPPLIER_DELIVER_ORDER,
-                    [chunk_split('data:application/pdf;base64,'.base64_encode($supplier_order_pdf->output()))],
-                    '',
-                    ApprovalStatus::COMPLETED,
-                    'supplier_deliver_orders'
-                );
-                $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
-                $this->createsFile->execute($document, $document_object);
-
-                $this->updatesBookingStatus->execute($booking, ApprovalStatus::COMPLETED);
-            }
+        if($constants->detail->is_billable && !$po_order_transaction) {
+            return;
         }
+
+        $transaction = $booking->transactions()
+            ->where('type', TransactionType::PAYMENT)
+            ->first();
+
+        $billNumber = $this->generatesTransactionBillNumber->execute('INV-');
+
+        $booking_currency_average_rate = $this->calculatesBookingCurrencyAverageRate->execute($booking, TransactionType::PAYMENT);
+
+        $total_service_charge = $booking->transactions()
+            ->where('type', TransactionType::PAYMENT)
+            ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])
+            ->sum('service_charge');
+
+        $total_tax = $booking->transactions()
+            ->where('type', TransactionType::PAYMENT)
+            ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])
+            ->sum('tax');
+
+        $transaction_object = new TransactionObject(
+            $billNumber,
+            TransactionType::INVOICE,
+            $transaction->issuer,
+            $transaction->receiver,
+            $transaction->recipient_bank_account_id,
+            $transaction->payment_method,
+            $payment_amount,
+            $booking_amount,
+            $transaction->currency_id,
+            $transaction->original_currency_id,
+            $booking_currency_average_rate,
+            $total_tax,
+            $total_service_charge,
+            null,
+            ApprovalStatus::APPROVED
+        );
+        $invoice_transaction = $this->createsTransaction->execute($po_order_transaction->booking, $transaction_object);
+
+        $supplier = $this->fetchesCompany->execute(['id' => $transaction->receiver]);
+
+        $purchase_order_pdf = LaravelMpdf::loadView('pages.pdfs.purchase_order', ['invoice_transaction' => $invoice_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
+        $document_object = new DocumentObject(
+            DocumentType::PURCHASE_ORDER,
+            [chunk_split('data:application/pdf;base64,'.base64_encode($purchase_order_pdf->output()))],
+            '',
+            ApprovalStatus::COMPLETED,
+            'purchase_orders'
+        );
+        $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
+        $this->createsFile->execute($document, $document_object);
+
+        $deliver_order_pdf = LaravelMpdf::loadView('pages.pdfs.deliver_order', ['invoice_transaction' => $invoice_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
+        $document_object = new DocumentObject(
+            DocumentType::DELIVER_ORDER,
+            [chunk_split('data:application/pdf;base64,'.base64_encode($deliver_order_pdf->output()))],
+            '',
+            ApprovalStatus::COMPLETED,
+            'delivery_orders'
+        );
+
+        /** @var Document $document */
+        $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
+        $this->createsFile->execute($document, $document_object);
+
+
+        $invoice_pdf = LaravelMpdf::loadView('pages.pdfs.invoice', ['invoice_transaction' => $invoice_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
+        $document_object = new DocumentObject(
+            DocumentType::INVOICE,
+            [chunk_split('data:application/pdf;base64,'.base64_encode($invoice_pdf->output()))],
+            '',
+            ApprovalStatus::COMPLETED,
+            'invoices'
+        );
+        $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
+        $this->createsFile->execute($document, $document_object);
+
+        $billNumber = $this->generatesTransactionBillNumber->execute('SPDO-');
+
+        $booking_currency_average_rate = $this->calculatesBookingCurrencyAverageRate->execute($booking, TransactionType::BILL);
+
+        $transaction_object = new TransactionObject(
+            $billNumber,
+            TransactionType::SUPPLIER_DELIVER,
+            $transaction->issuer,
+            $transaction->receiver,
+            $transaction->recipient_bank_account_id,
+            $transaction->payment_method,
+            $payment_amount,
+            $booking_amount,
+            $transaction->currency_id,
+            $transaction->original_currency_id,
+            $booking_currency_average_rate,
+            $total_tax,
+            $total_service_charge,
+            null,
+            ApprovalStatus::APPROVED
+        );
+        $supplier_deliver_order_transaction = $this->createsTransaction->execute($po_order_transaction->booking, $transaction_object);
+
+        $supplier_order_pdf = LaravelMpdf::loadView('pages.pdfs.supplier_deliver_order', ['supplier_deliver_order_transaction' => $supplier_deliver_order_transaction, 'po_order_transaction' => $po_order_transaction, 'supplier' => $supplier]);
+        $document_object = new DocumentObject(
+            DocumentType::SUPPLIER_DELIVER_ORDER,
+            [chunk_split('data:application/pdf;base64,'.base64_encode($supplier_order_pdf->output()))],
+            '',
+            ApprovalStatus::COMPLETED,
+            'supplier_delivery_orders'
+        );
+        $document = $this->createsDocument->execute($po_order_transaction->booking, $document_object);
+        $this->createsFile->execute($document, $document_object);
+
+        $this->updatesBookingStatus->execute($booking, ApprovalStatus::COMPLETED);
     }
 }
diff --git a/app/Http/Resources/BankResource.php b/app/Http/Resources/BankResource.php
index a0bce774..e27126fc 100644
--- a/app/Http/Resources/BankResource.php
+++ b/app/Http/Resources/BankResource.php
@@ -20,6 +20,7 @@ class BankResource extends JsonResource
             'type' => $this->type,
             'reference' => $this->reference,
             'bank_name' => $this->bank_name,
+            'bank_branch' => $this->bank_name,
             'holder_name' => $this->holder_name,
             'account_no' => $this->account_no,
             'country_id' => $this->country_id,
diff --git a/app/Http/Resources/BookingResource.php b/app/Http/Resources/BookingResource.php
index b92cbac0..b91bf7f8 100644
--- a/app/Http/Resources/BookingResource.php
+++ b/app/Http/Resources/BookingResource.php
@@ -38,7 +38,7 @@ class BookingResource extends JsonResource
             'conversion_currency' => new CurrencyResource($this->conversionCurrency),
             'documents' => [
                 'purchase_order' => new DocumentResource($this->documents()->where('document_type', DocumentType::PURCHASE_ORDER)->first()),
-                'deliver_order' => new DocumentResource($this->documents()->where('document_type', DocumentType::DELIVER_ORDER)->first()),
+                'delivery_order' => new DocumentResource($this->documents()->where('document_type', DocumentType::DELIVER_ORDER)->first()),
                 'invoice' => new DocumentResource($this->documents()->where('document_type', DocumentType::INVOICE)->first()),
                 'supplier_delivery_order' => new DocumentResource($this->documents()->where('document_type', DocumentType::SUPPLIER_DELIVER_ORDER)->first()),
             ],
diff --git a/app/Http/Resources/DocumentResource.php b/app/Http/Resources/DocumentResource.php
index dbfea08c..7ec1f6fd 100644
--- a/app/Http/Resources/DocumentResource.php
+++ b/app/Http/Resources/DocumentResource.php
@@ -4,6 +4,7 @@ namespace App\Http\Resources;
 
 use App\Models\Company;
 use App\Models\Document;
+use Carbon\Carbon;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Http\Resources\Json\JsonResource;
 
@@ -23,7 +24,8 @@ class DocumentResource extends JsonResource
             'status' => (int) $this->status,
             'document_type' => $this->document_type,
             'owner' =>  new CompanyResource($this->whenLoaded('owner')),
-            'files' => FileResource::collection($this->files)
+            'files' => FileResource::collection($this->files),
+            'created_at' => Carbon::parse($this->created_at)->format('d-m-Y h:s:i')
         ];
     }
 }
diff --git a/app/Models/Transaction.php b/app/Models/Transaction.php
index 06093c1f..0e39c289 100644
--- a/app/Models/Transaction.php
+++ b/app/Models/Transaction.php
@@ -60,7 +60,6 @@ class Transaction extends AbstractModel implements Documentable
     {
         if($this->booking()->first()->fix_currency_id !== 1) {
             $currency_rate = $this->currency()->first()->rates()->where('payment_method_type', $this->payment_method)->first();
-            dd($this->payment_method);
 
             return number_format($this->original_amount / $currency_rate->selling, 2);
         }
@@ -100,4 +99,13 @@ class Transaction extends AbstractModel implements Documentable
     {
         return $query->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED]);
     }
+
+    /**
+     * @param Builder $query
+     * @return Builder
+     */
+    public function scopeTransferred(Builder $query)
+    {
+        return $query->whereIn('status', [ApprovalStatus::COMPLETED]);
+    }
 }
diff --git a/resources/assets/vue/components/bookings/elements/CurrencyOrderComponent.vue b/resources/assets/vue/components/bookings/elements/CurrencyOrderComponent.vue
new file mode 100644
index 00000000..5329e0e6
--- /dev/null
+++ b/resources/assets/vue/components/bookings/elements/CurrencyOrderComponent.vue
@@ -0,0 +1,87 @@
+<template>
+    <div class="row m-b-10">
+        <div class="col bg-white">
+            <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
+            <div class="row" v-show="!isLoading">
+                <div class="col">
+                    <div class="row align-items-center">
+                        <div class="col-auto p-r-0">
+                            <document-file-viewer-component :file="item.files[0]">
+                                <template slot="button">
+                                    <button class="btn btn-xs btn-default bg-master-lightest b-rad-none no-border">
+                                        <i class="fa fa-eye"></i>
+                                    </button>
+                                </template>
+                            </document-file-viewer-component>
+                        </div>
+                        <div class="col p-t-10 p-b-10">
+                            <div class="row">
+                                <div class="col">
+                                    <div class="text-primary fs-10 bold">{{item.created_at}}</div>
+                                </div>
+                            </div>
+                            <div class="row align-items-center">
+                                <div class="col">
+                                    <div class="muted fs-10">{{item.owner.name}}</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-auto">
+                            <div class="row parentContainer">
+                                <div class="col p-l-0">
+                                    <button class="btn btn-xs btn-default bg-success b-rad-none no-border requestModal" data-type="approveDocument">
+                                        <i class="fa fa-check text-white"></i>
+                                    </button>
+                                    <modal-component small type="approveDocument">
+                                        <div class="row">
+                                            <div class="col text-center">
+                                                <div class="row">
+                                                    <div class="col text-center">
+                                                        <div class="row m-b-20">
+                                                            <div class="col">
+                                                                <h5 class="all-caps">Currency Order Placed</h5>
+                                                                <div class="fs-11">Are you sure you that the currency order has been placed with the supplier?</div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="row">
+                                                            <div class="col p-r-5">
+                                                                <div data-dismiss="modal" class="btn btn-sm btn-default bg-master-lighter btn-block b-rad-none">Cancel</div>
+                                                            </div>
+                                                            <div class="col p-l-5">
+                                                                <div data-dismiss="modal" class="btn btn-sm btn-success btn-block b-rad-none" @click="approveDocument('approve')">Confirm</div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </modal-component>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    import staticFormHandler from '../../../general/mixins/staticFormHandler'
+    export default {
+        data() {
+            return {
+                expanded: false
+            }
+        },
+        methods: {
+            approveDocument(status){
+                this.isLoading = true;
+                this.submit(this.route('api.company.identification.approval', this.item.owner.id, this.item.id, status), 'put', 'identificationVerificationSection', true, true);
+            },
+        },
+        mixins: [componentHandler, staticFormHandler]
+    }
+</script>
diff --git a/resources/assets/vue/components/bookings/elements/PaymentVerificationComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentVerificationComponent.vue
index b90ce975..fedf3b78 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentVerificationComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentVerificationComponent.vue
@@ -19,6 +19,12 @@
                                         MYR {{(Math.round((item.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
                                     </div>
                                 </div>
+                                <div class="col">
+                                    <div class="font-heading fs-10 muted all-caps">Original</div>
+                                    <div class="font-heading fs-10">
+                                        {{item.original_currency.short_code}} {{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
+                                    </div>
+                                </div>
                                 <div class="col-auto text-right">
                                     <div class="font-heading fs-10 muted all-caps">Date</div>
                                     <div class="font-heading fs-10">
@@ -31,13 +37,13 @@
                                     <div class="row no-margin">
                                         <div v-if="item.documents != null">
                                             <div v-for="file in item.documents.files" v-bind:key="file.id"  class="col-auto no-padding m-r-5">
-                                                <document-file-viewr-component :file="file">
+                                                <document-file-viewer-component :file="file">
                                                     <template slot="button">
                                                         <div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
                                                             <i class="fa fa-file-image-o fs-10"></i>
                                                         </div>
                                                     </template>
-                                                </document-file-viewr-component>
+                                                </document-file-viewer-component>
                                             </div>
                                         </div>
                                     </div>
diff --git a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
index 18ad8e79..057a1aa2 100644
--- a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
@@ -2,90 +2,94 @@
     <div class="row parentContainer">
         <div class="col">
             <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
-            <div class="row m-b-50" v-if="booking.status === 3">
-                <div class="col-10 no-padding">
-                    <div class="row">
-                        <div class="col">
-                            <div class="row">
-                                <div class="col text-center">
-                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                         width="64" height="64"
-                                         viewBox="0 0 172 172"
-                                         style=" fill:#000000;"><defs><linearGradient x1="102.125" y1="33.59375" x2="102.125" y2="112.5955" gradientUnits="userSpaceOnUse" id="color-1_48334_gr1"><stop offset="0" stop-color="#67eba8"></stop><stop offset="1" stop-color="#67eba8"></stop></linearGradient><linearGradient x1="86" y1="12.54256" x2="86" y2="158.17012" gradientUnits="userSpaceOnUse" id="color-2_48334_gr2"><stop offset="0" stop-color="#1ac86f"></stop><stop offset="1" stop-color="#1ac86f"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M81.56563,111.31088l-28.92825,-28.75087c-2.09894,-2.0855 -2.09894,-5.46906 0,-7.55456l3.78131,-3.75713c2.09894,-2.0855 5.50131,-2.0855 7.60025,0l17.66225,17.55475c2.08281,2.06938 5.45562,2.08819 7.55994,0.04031l51.06788,-49.69187c2.12044,-2.064 5.52281,-2.02906 7.60025,0.08062l3.741,3.79744c2.07744,2.107 2.03981,5.49056 -0.08062,7.55456l-62.44406,60.76706c-2.10431,2.04788 -5.47712,2.02906 -7.55994,-0.04031z" fill="url(#color-1_48334_gr1)"></path><path d="M153.44819,52.50838c1.54262,-1.505 2.40531,-3.51525 2.42681,-5.65987c0.0215,-2.14462 -0.79819,-4.17369 -2.30587,-5.70556l-3.74369,-3.80013c-3.10675,-3.15244 -8.21837,-3.2035 -11.38962,-0.11825l-1.26044,1.2255c-12.60169,-13.55844 -30.00056,-21.543 -48.48787,-22.2525v-0.07256h-2.6875c-38.53069,0 -69.875,31.34431 -69.875,69.875v2.6875h0.06719c1.419,37.28906 32.18013,67.1875 69.80781,67.1875c38.528,0 69.875,-31.34431 69.875,-69.875c0,-10.33881 -2.2145,-20.25031 -6.53062,-29.498zM145.99575,41.11606l3.74369,3.80013c0.49719,0.50525 0.76862,1.17175 0.76056,1.87588c-0.00806,0.70681 -0.29294,1.36794 -0.80088,1.86244l-62.44944,60.76975c-1.05081,1.02394 -2.752,1.0105 -3.79206,-0.01881l-28.92556,-28.74819c-0.50525,-0.50256 -0.78206,-1.16906 -0.78206,-1.87588c0,-0.70413 0.27681,-1.36794 0.78206,-1.86781l3.78131,-3.75713c1.05081,-1.04275 2.76275,-1.04544 3.81087,0l17.66225,17.55206c3.11212,3.09331 8.19419,3.11481 11.3305,0.05913l51.06519,-49.69187c1.06425,-1.03469 2.7735,-1.01856 3.81356,0.04031zM133.32419,42.19913l-7.697,7.49006c-9.57287,-10.46244 -22.7685,-16.66519 -36.937,-17.36394v-10.75c17.02531,0.70681 33.04013,8.10281 44.634,20.62388zM121.71956,53.48931l-34.35162,33.42713c-1.05081,1.02394 -2.752,1.0105 -3.79206,-0.01881l-17.66225,-17.55206c-3.14169,-3.12556 -8.25062,-3.12019 -11.39231,0l-3.77862,3.75444c-1.5265,1.51844 -2.36769,3.53406 -2.36769,5.68138c0,2.14731 0.84119,4.16831 2.36769,5.68406l28.92825,28.74819c1.56681,1.55606 3.63081,2.33544 5.6975,2.33544c2.03713,0 4.07694,-0.75787 5.633,-2.27631l41.53262,-40.41462c1.19594,4.26506 1.84094,8.66719 1.84094,13.14188c0,26.67344 -21.70156,48.375 -48.375,48.375c-26.67344,0 -48.375,-21.70156 -48.375,-48.375c0,-26.67344 21.70156,-48.375 48.375,-48.375c13.71162,0 26.5525,5.78619 35.71956,15.86431zM139.61294,88.6875h10.81719c-0.65037,15.7595 -6.97406,30.07581 -16.99038,40.95481l-7.64325,-7.64325c8.07594,-8.91713 13.1795,-20.52175 13.81644,-33.31156zM51.40919,127.07844c8.71288,7.34763 19.78806,11.9325 31.90331,12.53719v10.81719c-15.08225,-0.62081 -28.83687,-6.45 -39.52775,-15.72994zM88.6875,139.61294c12.7925,-0.63694 24.39444,-5.74319 33.31156,-13.81644l7.64325,7.64325c-10.879,10.01362 -25.19531,16.34 -40.95481,16.99038zM83.3125,32.3145c-12.79788,0.63425 -24.39712,5.805 -33.31694,13.88094l-7.59488,-7.59488c10.879,-10.01631 25.15231,-16.39644 40.91181,-17.04412zM38.59788,42.40069l7.59487,7.59487c-8.07325,8.91981 -13.244,20.51906 -13.87556,33.31694h-10.76344c0.65038,-15.7595 7.0305,-30.03281 17.04413,-40.91181zM32.38706,88.6875c0.67188,13.46437 6.27531,25.63875 15.093,34.71712l-7.611,7.611c-10.76881,-11.03219 -17.62463,-25.89406 -18.30187,-42.32812zM150.42475,83.3125h-10.78225c-0.24456,-4.97456 -1.12875,-9.86581 -2.71975,-14.56625l-0.24456,0.08331l8.5785,-8.34738c3.12019,7.22938 4.84825,14.88338 5.16806,22.83031z" fill="url(#color-2_48334_gr2)"></path></g></g></svg>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="col text-center">
-                                    <h5 class="all-caps bold text-success m-b-5">Transfer Completed Successfully</h5>
-                                    <small class="muted">Click on the buttons below to manage the billing documents.</small>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="row m-t-20">
-                        <div class="col">
+            <div class="row" v-if="booking">
+                <div class="col">
+                    <div class="row m-b-50" v-if="booking.status === 3">
+                        <div class="col-10 no-padding">
                             <div class="row">
                                 <div class="col">
-                                    <div class="row justify-content-center">
-                                        <div class="col-2 p-r-0">
-                                            <document-file-viewr-component :file="booking.documents.invoice.files[0]" v-if="booking.documents.invoice">
-                                                <template slot="button">
-                                                    <div class="bg-white text-center padding-20 pointer b-grey">
-                                                        <div class="m-b-10">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                                                 width="45" height="45"
-                                                                 viewBox="0 0 172 172"
-                                                                 style=" fill:#000000;"><defs><linearGradient x1="118.25" y1="63.41425" x2="118.25" y2="88.92669" gradientUnits="userSpaceOnUse" id="color-1_Ya7GVcPz6Vqb_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="72.5625" y1="20.87113" x2="72.5625" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-2_Ya7GVcPz6Vqb_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="56.4375" y1="20.87113" x2="56.4375" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-3_Ya7GVcPz6Vqb_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="20.87113" x2="45.6875" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-4_Ya7GVcPz6Vqb_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="20.87113" x2="69.875" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-5_Ya7GVcPz6Vqb_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="80.625" y1="20.87113" x2="80.625" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-6_Ya7GVcPz6Vqb_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="91.375" y1="20.87113" x2="91.375" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-7_Ya7GVcPz6Vqb_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="20.87113" x2="86" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-8_Ya7GVcPz6Vqb_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="52.40625" y1="20.87113" x2="52.40625" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-9_Ya7GVcPz6Vqb_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="Layer_1"><circle cx="44" cy="30" transform="scale(2.6875,2.6875)" r="4" fill="url(#color-1_Ya7GVcPz6Vqb_gr1)"></circle><rect x="12" y="14" transform="scale(2.6875,2.6875)" width="30" height="2" fill="url(#color-2_Ya7GVcPz6Vqb_gr2)"></rect><path d="M80.625,102.125v-43c0,-2.95625 -2.41875,-5.375 -5.375,-5.375h-37.625c-2.95625,0 -5.375,2.41875 -5.375,5.375v43c0,2.95625 2.41875,5.375 5.375,5.375h37.625c2.95625,0 5.375,-2.41875 5.375,-5.375zM53.75,102.125h-16.125v-10.75h16.125zM53.75,86h-16.125v-10.75h16.125zM53.75,69.875h-16.125v-10.75h16.125zM75.25,102.125h-16.125v-10.75h16.125zM75.25,86h-16.125v-10.75h16.125zM75.25,69.875h-16.125v-10.75h16.125z" fill="url(#color-3_Ya7GVcPz6Vqb_gr3)"></path><rect x="12" y="47" transform="scale(2.6875,2.6875)" width="10" height="2" fill="url(#color-4_Ya7GVcPz6Vqb_gr4)"></rect><rect x="25" y="47" transform="scale(2.6875,2.6875)" width="2" height="2" fill="url(#color-5_Ya7GVcPz6Vqb_gr5)"></rect><rect x="29" y="47" transform="scale(2.6875,2.6875)" width="2" height="2" fill="url(#color-6_Ya7GVcPz6Vqb_gr6)"></rect><rect x="33" y="47" transform="scale(2.6875,2.6875)" width="2" height="2" fill="url(#color-7_Ya7GVcPz6Vqb_gr7)"></rect><path d="M141.3625,73.90625c-1.88125,-6.45 -6.45,-11.825 -12.3625,-14.78125v-34.9375c0,-4.56875 -3.49375,-8.0625 -8.0625,-8.0625h-96.75c-4.56875,0 -8.0625,3.49375 -8.0625,8.0625v110.1875v2.6875v10.75c0,4.56875 3.49375,8.0625 8.0625,8.0625h96.75c4.56875,0 8.0625,-3.49375 8.0625,-8.0625v-10.75v-22.30625c1.6125,0.5375 3.49375,0.80625 5.375,0.80625c11.825,0 21.5,-9.675 21.5,-21.5c0,-9.1375 -5.9125,-17.2 -14.5125,-20.15625zM137.0625,80.625c0,10.48125 -8.33125,18.8125 -18.8125,18.8125c-10.48125,0 -18.8125,-8.33125 -18.8125,-18.8125c0,-10.48125 8.33125,-18.8125 18.8125,-18.8125c10.48125,0 18.8125,8.33125 18.8125,18.8125zM123.625,147.8125c0,1.6125 -1.075,2.6875 -2.6875,2.6875h-96.75c-1.6125,0 -2.6875,-1.075 -2.6875,-2.6875v-3.225c0.80625,0.26875 1.6125,0.5375 2.6875,0.5375h96.75c1.075,0 1.88125,-0.26875 2.6875,-0.5375zM123.625,134.375v2.6875c0,1.6125 -1.075,2.6875 -2.6875,2.6875h-96.75c-1.6125,0 -2.6875,-1.075 -2.6875,-2.6875v-2.6875v-110.1875c0,-1.6125 1.075,-2.6875 2.6875,-2.6875h96.75c1.6125,0 2.6875,1.075 2.6875,2.6875v32.7875c-1.6125,-0.26875 -3.49375,-0.5375 -5.375,-0.5375c-13.4375,0 -24.1875,10.75 -24.1875,24.1875c0,12.3625 9.40625,22.84375 21.76875,24.1875c1.88125,3.49375 4.56875,6.18125 7.79375,8.0625zM134.375,110.1875c-4.8375,0 -9.1375,-2.15 -12.3625,-5.64375c11.55625,-1.88125 20.425,-11.825 20.425,-23.91875c0,-0.26875 0,-0.26875 0,-0.5375c4.8375,2.95625 8.0625,8.0625 8.0625,13.975c0,8.86875 -7.25625,16.125 -16.125,16.125z" fill="url(#color-8_Ya7GVcPz6Vqb_gr8)"></path><rect x="12" y="43" transform="scale(2.6875,2.6875)" width="15" height="2" fill="url(#color-9_Ya7GVcPz6Vqb_gr9)"></rect></g></g></svg>
-                                                        </div>
-                                                        <p class="no-margin fs-12">Invoice</p>
-                                                    </div>
-                                                </template>
-                                            </document-file-viewr-component>
+                                    <div class="row">
+                                        <div class="col text-center">
+                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                 width="64" height="64"
+                                                 viewBox="0 0 172 172"
+                                                 style=" fill:#000000;"><defs><linearGradient x1="102.125" y1="33.59375" x2="102.125" y2="112.5955" gradientUnits="userSpaceOnUse" id="color-1_48334_gr1"><stop offset="0" stop-color="#67eba8"></stop><stop offset="1" stop-color="#67eba8"></stop></linearGradient><linearGradient x1="86" y1="12.54256" x2="86" y2="158.17012" gradientUnits="userSpaceOnUse" id="color-2_48334_gr2"><stop offset="0" stop-color="#1ac86f"></stop><stop offset="1" stop-color="#1ac86f"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M81.56563,111.31088l-28.92825,-28.75087c-2.09894,-2.0855 -2.09894,-5.46906 0,-7.55456l3.78131,-3.75713c2.09894,-2.0855 5.50131,-2.0855 7.60025,0l17.66225,17.55475c2.08281,2.06938 5.45562,2.08819 7.55994,0.04031l51.06788,-49.69187c2.12044,-2.064 5.52281,-2.02906 7.60025,0.08062l3.741,3.79744c2.07744,2.107 2.03981,5.49056 -0.08062,7.55456l-62.44406,60.76706c-2.10431,2.04788 -5.47712,2.02906 -7.55994,-0.04031z" fill="url(#color-1_48334_gr1)"></path><path d="M153.44819,52.50838c1.54262,-1.505 2.40531,-3.51525 2.42681,-5.65987c0.0215,-2.14462 -0.79819,-4.17369 -2.30587,-5.70556l-3.74369,-3.80013c-3.10675,-3.15244 -8.21837,-3.2035 -11.38962,-0.11825l-1.26044,1.2255c-12.60169,-13.55844 -30.00056,-21.543 -48.48787,-22.2525v-0.07256h-2.6875c-38.53069,0 -69.875,31.34431 -69.875,69.875v2.6875h0.06719c1.419,37.28906 32.18013,67.1875 69.80781,67.1875c38.528,0 69.875,-31.34431 69.875,-69.875c0,-10.33881 -2.2145,-20.25031 -6.53062,-29.498zM145.99575,41.11606l3.74369,3.80013c0.49719,0.50525 0.76862,1.17175 0.76056,1.87588c-0.00806,0.70681 -0.29294,1.36794 -0.80088,1.86244l-62.44944,60.76975c-1.05081,1.02394 -2.752,1.0105 -3.79206,-0.01881l-28.92556,-28.74819c-0.50525,-0.50256 -0.78206,-1.16906 -0.78206,-1.87588c0,-0.70413 0.27681,-1.36794 0.78206,-1.86781l3.78131,-3.75713c1.05081,-1.04275 2.76275,-1.04544 3.81087,0l17.66225,17.55206c3.11212,3.09331 8.19419,3.11481 11.3305,0.05913l51.06519,-49.69187c1.06425,-1.03469 2.7735,-1.01856 3.81356,0.04031zM133.32419,42.19913l-7.697,7.49006c-9.57287,-10.46244 -22.7685,-16.66519 -36.937,-17.36394v-10.75c17.02531,0.70681 33.04013,8.10281 44.634,20.62388zM121.71956,53.48931l-34.35162,33.42713c-1.05081,1.02394 -2.752,1.0105 -3.79206,-0.01881l-17.66225,-17.55206c-3.14169,-3.12556 -8.25062,-3.12019 -11.39231,0l-3.77862,3.75444c-1.5265,1.51844 -2.36769,3.53406 -2.36769,5.68138c0,2.14731 0.84119,4.16831 2.36769,5.68406l28.92825,28.74819c1.56681,1.55606 3.63081,2.33544 5.6975,2.33544c2.03713,0 4.07694,-0.75787 5.633,-2.27631l41.53262,-40.41462c1.19594,4.26506 1.84094,8.66719 1.84094,13.14188c0,26.67344 -21.70156,48.375 -48.375,48.375c-26.67344,0 -48.375,-21.70156 -48.375,-48.375c0,-26.67344 21.70156,-48.375 48.375,-48.375c13.71162,0 26.5525,5.78619 35.71956,15.86431zM139.61294,88.6875h10.81719c-0.65037,15.7595 -6.97406,30.07581 -16.99038,40.95481l-7.64325,-7.64325c8.07594,-8.91713 13.1795,-20.52175 13.81644,-33.31156zM51.40919,127.07844c8.71288,7.34763 19.78806,11.9325 31.90331,12.53719v10.81719c-15.08225,-0.62081 -28.83687,-6.45 -39.52775,-15.72994zM88.6875,139.61294c12.7925,-0.63694 24.39444,-5.74319 33.31156,-13.81644l7.64325,7.64325c-10.879,10.01362 -25.19531,16.34 -40.95481,16.99038zM83.3125,32.3145c-12.79788,0.63425 -24.39712,5.805 -33.31694,13.88094l-7.59488,-7.59488c10.879,-10.01631 25.15231,-16.39644 40.91181,-17.04412zM38.59788,42.40069l7.59487,7.59487c-8.07325,8.91981 -13.244,20.51906 -13.87556,33.31694h-10.76344c0.65038,-15.7595 7.0305,-30.03281 17.04413,-40.91181zM32.38706,88.6875c0.67188,13.46437 6.27531,25.63875 15.093,34.71712l-7.611,7.611c-10.76881,-11.03219 -17.62463,-25.89406 -18.30187,-42.32812zM150.42475,83.3125h-10.78225c-0.24456,-4.97456 -1.12875,-9.86581 -2.71975,-14.56625l-0.24456,0.08331l8.5785,-8.34738c3.12019,7.22938 4.84825,14.88338 5.16806,22.83031z" fill="url(#color-2_48334_gr2)"></path></g></g></svg>
                                         </div>
-                                        <div class="col-2 p-r-0">
-                                            <document-file-viewr-component :file="booking.documents.purchase_order.files[0]" v-if="booking.documents.purchase_order">
-                                                <template slot="button">
-                                                    <div class="bg-white text-center padding-20 pointer b-grey">
-                                                        <div class="m-b-10">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                                                 width="45" height="45"
-                                                                 viewBox="0 0 172 172"
-                                                                 style=" fill:#000000;"><defs><linearGradient x1="69.875" y1="96.52694" x2="69.875" y2="108.37075" gradientUnits="userSpaceOnUse" id="color-1_44039_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="21.05119" x2="86" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-2_44039_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="80.625" y1="21.05119" x2="80.625" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-3_44039_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.25" y1="21.05119" x2="75.25" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-4_44039_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="21.05119" x2="69.875" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-5_44039_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="129" y1="21.05119" x2="129" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-6_44039_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="139.75" y1="21.05119" x2="139.75" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-7_44039_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="118.25" y1="21.05119" x2="118.25" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-8_44039_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M86,104.8125c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-26.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-5.375c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h26.875c1.4835,0 2.6875,1.204 2.6875,2.6875z" fill="url(#color-1_44039_gr1)"></path><path d="M154.0045,83.57856c-1.58025,-1.87856 -3.913,-2.95356 -6.407,-2.95356h-5.16v-8.0625c0,-4.44513 -4.03125,-8.0625 -8.0625,-8.0625v-26.875c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-38.65162l-3.88881,-7.77762c-0.91375,-1.83288 -2.75469,-2.97237 -4.80794,-2.97237h-18.17825h-1.66088h-18.8125c-2.96431,0 -5.375,2.41069 -5.375,5.375v96.75h-21.5v13.4375c0,7.40944 6.02806,13.4375 13.4375,13.4375h91.375c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-18.8125h4.74344c6.80475,0 12.55869,-4.71119 13.68475,-11.20419l2.95625,-17.02263c0.39775,-2.29512 -0.23919,-4.644 -1.75494,-6.44463zM137.0625,72.5625v8.0625h-16.125v-8.0625c0,-1.4835 1.20669,-2.6875 2.6875,-2.6875h10.75c1.4835,0 2.6875,1.204 2.6875,2.6875zM129,43h-5.375v-5.375h5.375zM81.65163,26.875l2.6875,5.375h-15.49344l-2.6875,-5.375zM60.15163,26.875l3.88881,7.78031c0.91913,1.83019 2.76275,2.96969 4.81063,2.96969h49.39894v5.375h-75.25v-16.125zM29.5625,145.125c-4.44513,0 -8.0625,-3.61469 -8.0625,-8.0625v-8.0625h86v8.0625c0,3.02344 1.00244,5.375 2.69288,8.0625zM129,137.0625c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-69.875v-75.25h86v16.125h-5.375c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v8.0625h-5.16c-2.494,0 -4.82675,1.075 -6.407,2.95356c-1.51306,1.80062 -2.15269,4.1495 -1.75225,6.44194l2.95625,17.02531c1.12606,6.493 6.87731,11.20419 13.68475,11.20419h10.11575zM150.46237,89.10138l-2.95625,17.02531c-0.67725,3.91031 -4.20325,6.74831 -8.38769,6.74831h-20.23419c-4.18444,0 -7.71044,-2.838 -8.38769,-6.74831l-2.95625,-17.028c-0.172,-0.99706 0.28219,-1.72 0.57244,-2.064c0.55362,-0.65575 1.38675,-1.03469 2.28975,-1.03469h37.195c0.903,0 1.73613,0.37894 2.29244,1.03738c0.28756,0.344 0.74444,1.06425 0.57244,2.064z" fill="url(#color-2_44039_gr2)"></path><path d="M53.75,59.125h53.75v5.375h-53.75z" fill="url(#color-3_44039_gr3)"></path><path d="M53.75,69.875h43v5.375h-43z" fill="url(#color-4_44039_gr4)"></path><path d="M53.75,80.625h32.25v5.375h-32.25z" fill="url(#color-5_44039_gr5)"></path><path d="M126.3125,91.375h5.375v16.125h-5.375z" fill="url(#color-6_44039_gr6)"></path><path d="M137.0625,91.375h5.375v10.75h-5.375z" fill="url(#color-7_44039_gr7)"></path><path d="M115.5625,91.375h5.375v10.75h-5.375z" fill="url(#color-8_44039_gr8)"></path></g></g></svg>
-                                                        </div>
-                                                        <p class="no-margin fs-12">Purchase Order</p>
-                                                    </div>
-                                                </template>
-                                            </document-file-viewr-component>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col text-center">
+                                            <h5 class="all-caps bold text-success m-b-5">Transfer Completed Successfully</h5>
+                                            <small class="muted">Click on the buttons below to manage the billing documents.</small>
                                         </div>
-                                        <div class="col-2 p-r-0">
-                                            <document-file-viewr-component :file="booking.documents.delivery_order.files[0]" v-if="booking.documents.delivery_order">
-                                                <template slot="button">
-                                                    <div class="bg-white text-center padding-20 pointer b-grey">
-                                                        <div class="m-b-10">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                                                 width="45" height="45"
-                                                                 viewBox="0 0 172 172"
-                                                                 style=" fill:#000000;"><defs><linearGradient x1="69.875" y1="39.05475" x2="69.875" y2="54.29019" gradientUnits="userSpaceOnUse" id="color-1_L06xtIstZ632_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-2_L06xtIstZ632_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-3_L06xtIstZ632_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-4_L06xtIstZ632_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="48.375" y1="17.09788" x2="48.375" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-5_L06xtIstZ632_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="59.125" y1="17.09788" x2="59.125" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-6_L06xtIstZ632_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-7_L06xtIstZ632_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="17.09788" x2="86" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-8_L06xtIstZ632_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="130.34375" y1="17.09788" x2="130.34375" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-9_L06xtIstZ632_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M48.23794,53.75h43.27681c1.40556,0 2.54775,-1.14219 2.54775,-2.55044v-5.65181c0,-1.40556 -1.14219,-2.54775 -2.55044,-2.54775h-43.27412c-1.40825,0 -2.55044,1.14219 -2.55044,2.55044v5.65181c0,1.40556 1.14219,2.54775 2.55044,2.54775z" fill="url(#color-1_L06xtIstZ632_gr1)"></path><rect x="17" y="23" transform="scale(2.6875,2.6875)" width="18" height="2" fill="url(#color-2_L06xtIstZ632_gr2)"></rect><rect x="17" y="28" transform="scale(2.6875,2.6875)" width="18" height="2" fill="url(#color-3_L06xtIstZ632_gr3)"></rect><rect x="17" y="33" transform="scale(2.6875,2.6875)" width="18" height="2" fill="url(#color-4_L06xtIstZ632_gr4)"></rect><rect x="17" y="39" transform="scale(2.6875,2.6875)" width="2" height="3" fill="url(#color-5_L06xtIstZ632_gr5)"></rect><rect x="21" y="39" transform="scale(2.6875,2.6875)" width="2" height="3" fill="url(#color-6_L06xtIstZ632_gr6)"></rect><rect x="25" y="39" transform="scale(2.6875,2.6875)" width="2" height="3" fill="url(#color-7_L06xtIstZ632_gr7)"></rect><path d="M155.875,86c0,-12.01044 -7.92006,-22.20413 -18.8125,-25.63606v-35.7545c0,-2.18494 -1.30075,-4.14144 -3.31369,-4.97456c-1.99681,-0.83044 -4.28387,-0.38431 -5.82381,1.15025l-4.02587,4.0205l-6.78325,-4.95306c-1.892,-1.38675 -4.43706,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.05469,-5.14925c-1.88931,-1.38675 -4.43437,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43437,-1.38944 -6.32906,-0.00269l-6.77519,4.95306l-4.042,-4.01781c-1.54263,-1.53456 -3.82969,-1.98606 -5.82381,-1.15025c-2.01294,0.83312 -3.31369,2.78962 -3.31369,4.97456v101.70575h-13.4375v13.4375c0,7.40944 6.03075,13.4375 13.4375,13.4375h94.05981c7.40944,-0.00269 13.44019,-6.03075 13.44019,-13.44019v-28.11394c10.89244,-3.43194 18.8125,-13.62562 18.8125,-25.63606zM29.5625,147.8125c-4.44513,0 -8.0625,-3.61738 -8.0625,-8.0625v-8.0625h88.6875v8.0625c0,3.02344 1.00244,5.375 2.69019,8.0625zM131.6875,139.75c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-80.625v-24.1875h-0.00269l-0.02419,-77.53169l4.03663,4.01781c1.88125,1.8705 4.79988,2.09356 6.94987,0.53213l6.7725,-4.95575l7.05469,5.15194c1.89737,1.38406 4.43438,1.37869 6.32637,0l7.04125,-5.15194l7.05738,5.15194c1.89469,1.38137 4.429,1.38137 6.32369,0l7.04394,-5.15194l7.05469,5.15194c1.89737,1.38406 4.43437,1.37869 6.32637,0l7.04125,-5.15194l6.78862,4.95575c2.14194,1.56413 5.06594,1.34106 6.94719,-0.53213l4.01244,-4.00169v34.65263c-0.88419,-0.08869 -1.77912,-0.13706 -2.6875,-0.13706c-14.81888,0 -26.875,12.05613 -26.875,26.875c0,14.81887 12.05612,26.875 26.875,26.875c0.90838,0 1.80331,-0.04838 2.6875,-0.13706zM129,107.5c-11.85456,0 -21.5,-9.64544 -21.5,-21.5c0,-11.85456 9.64544,-21.5 21.5,-21.5c11.85456,0 21.5,9.64544 21.5,21.5c0,11.85456 -9.64544,21.5 -21.5,21.5z" fill="url(#color-8_L06xtIstZ632_gr8)"></path><path d="M140.53744,75.25l-14.22763,14.79469l-6.15975,-6.407l-3.80013,3.95331l6.15975,6.407c1.04812,1.09113 2.42413,1.634 3.80281,1.634c1.37869,0 2.75469,-0.54287 3.80281,-1.634l14.22225,-14.79469z" fill="url(#color-9_L06xtIstZ632_gr9)"></path></g></g></svg>
-                                                        </div>
-                                                        <p class="no-margin fs-12">Delivery Order</p>
-                                                    </div>
-                                                </template>
-                                            </document-file-viewr-component>
-                                        </div>
-                                        <div class="col-2 p-r-0" v-if="$store.getters.isAdmin">
-                                            <document-file-viewr-component :file="booking.documents.supplier_delivery_order.files[0]" v-if="booking.documents.supplier_delivery_order">
-                                                <template slot="button">
-                                                    <div class="bg-white text-center padding-20 pointer b-grey">
-                                                        <div class="m-b-10">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                                                 width="45" height="45"
-                                                                 viewBox="0 0 172 172"
-                                                                 style=" fill:#000000;"><defs><linearGradient x1="53.75" y1="76.93238" x2="53.75" y2="95.51644" gradientUnits="userSpaceOnUse" id="color-1_44778_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23006" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-2_44778_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23006" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-3_44778_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23006" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-4_44778_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23275" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-5_44778_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="15.23275" x2="86" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-6_44778_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M53.75,77.9375c-4.4528,0 -8.0625,3.6097 -8.0625,8.0625c0,4.4528 3.6097,8.0625 8.0625,8.0625c4.4528,0 8.0625,-3.6097 8.0625,-8.0625c0,-4.4528 -3.6097,-8.0625 -8.0625,-8.0625z" fill="url(#color-1_44778_gr1)"></path><path d="M107.5,69.875h26.875v5.375h-26.875z" fill="url(#color-2_44778_gr2)"></path><path d="M107.5,59.125h26.875v5.375h-26.875z" fill="url(#color-3_44778_gr3)"></path><path d="M107.5,80.625h26.875v5.375h-26.875z" fill="url(#color-4_44778_gr4)"></path><path d="M120.9375,91.375c-5.92863,0 -10.75,4.82137 -10.75,10.75c0,5.92863 4.82137,10.75 10.75,10.75c5.92863,0 10.75,-4.82137 10.75,-10.75c0,-5.92863 -4.82137,-10.75 -10.75,-10.75zM120.9375,107.5c-2.96431,0 -5.375,-2.41069 -5.375,-5.375c0,-2.96431 2.41069,-5.375 5.375,-5.375c2.96431,0 5.375,2.41069 5.375,5.375c0,2.96431 -2.41338,5.375 -5.375,5.375z" fill="url(#color-5_44778_gr5)"></path><path d="M152.56131,16.94738c-1.99681,-0.83044 -4.28387,-0.38431 -5.82381,1.15025l-4.02588,4.0205l-6.78325,-4.95306c-1.892,-1.38675 -4.43706,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.05469,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-6.77519,4.95306l-4.042,-4.01781c-1.54263,-1.53456 -3.82969,-1.98606 -5.82381,-1.15025c-2.01294,0.83312 -3.31369,2.78963 -3.31369,4.97456v37.20306h-26.87231c-2.96431,0 -5.37769,2.41338 -5.37769,5.37769v43c0,2.96431 2.41337,5.375 5.37769,5.375h26.87231v16.125h-21.5v13.4375c0,7.40944 6.03075,13.4375 13.4375,13.4375h102.12231c7.40944,-0.00269 13.44019,-6.03075 13.44019,-13.44019v-120.51556c0,-2.18494 -1.30075,-4.14144 -3.31369,-4.97456zM86,74.97856c-5.25675,-1.06963 -9.40625,-5.10356 -10.47856,-10.47856h10.47856zM70.09,64.5c1.18519,8.0625 7.68894,14.7275 15.91,15.91v11.18c-8.22106,1.1825 -14.72481,7.8475 -15.91,15.91h-32.67731c-1.18519,-8.0625 -7.85019,-14.72481 -15.91269,-15.91v-11.18c8.0625,-1.1825 14.7275,-7.8475 15.91269,-15.91zM86,97.02144v10.47856h-10.47856c1.07231,-5.375 5.22181,-9.40625 10.47856,-10.47856zM31.97856,64.5c-1.06963,5.375 -5.10356,9.40894 -10.47856,10.47856v-10.47856zM21.5,97.02144c5.375,1.07231 9.40894,5.10356 10.47856,10.47856h-10.47856zM40.3125,150.5c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-8.0625h96.75v8.0625c0,3.02344 1.00244,5.375 2.69019,8.0625zM150.5,142.4375c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-80.625v-16.125h32.25c2.96431,0 5.375,-2.41069 5.375,-5.375v-43c0,-2.96162 -2.41069,-5.375 -5.375,-5.375h-32.25l-0.02688,-37.21919l4.03662,4.01781c1.88125,1.8705 4.79988,2.09356 6.94987,0.53213l6.7725,-4.95575l7.05469,5.15194c1.89738,1.38406 4.43438,1.37869 6.32637,0l7.04125,-5.15194l7.05737,5.15194c1.89469,1.38137 4.429,1.38137 6.32369,0l7.04394,-5.15194l7.05469,5.15194c1.89737,1.38406 4.43437,1.37869 6.32637,0l7.04125,-5.15194l6.78862,4.95575c2.14194,1.56413 5.06594,1.34106 6.94719,-0.53213l4.01244,-4.00169z" fill="url(#color-6_44778_gr6)"></path></g></g></svg>
-                                                        </div>
-                                                        <p class="no-margin fs-12">Supplier DO</p>
-                                                    </div>
-                                                </template>
-                                            </document-file-viewr-component>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row m-t-20">
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <div class="row justify-content-center">
+                                                <div class="col-2 p-r-0">
+                                                    <document-file-viewer-component :file="booking.documents.invoice.files[0]" v-if="booking.documents.invoice">
+                                                        <template slot="button">
+                                                            <div class="bg-white text-center padding-20 pointer b-grey">
+                                                                <div class="m-b-10">
+                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                         width="45" height="45"
+                                                                         viewBox="0 0 172 172"
+                                                                         style=" fill:#000000;"><defs><linearGradient x1="118.25" y1="63.41425" x2="118.25" y2="88.92669" gradientUnits="userSpaceOnUse" id="color-1_Ya7GVcPz6Vqb_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="72.5625" y1="20.87113" x2="72.5625" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-2_Ya7GVcPz6Vqb_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="56.4375" y1="20.87113" x2="56.4375" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-3_Ya7GVcPz6Vqb_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="20.87113" x2="45.6875" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-4_Ya7GVcPz6Vqb_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="20.87113" x2="69.875" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-5_Ya7GVcPz6Vqb_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="80.625" y1="20.87113" x2="80.625" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-6_Ya7GVcPz6Vqb_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="91.375" y1="20.87113" x2="91.375" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-7_Ya7GVcPz6Vqb_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="20.87113" x2="86" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-8_Ya7GVcPz6Vqb_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="52.40625" y1="20.87113" x2="52.40625" y2="158.79631" gradientUnits="userSpaceOnUse" id="color-9_Ya7GVcPz6Vqb_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="Layer_1"><circle cx="44" cy="30" transform="scale(2.6875,2.6875)" r="4" fill="url(#color-1_Ya7GVcPz6Vqb_gr1)"></circle><rect x="12" y="14" transform="scale(2.6875,2.6875)" width="30" height="2" fill="url(#color-2_Ya7GVcPz6Vqb_gr2)"></rect><path d="M80.625,102.125v-43c0,-2.95625 -2.41875,-5.375 -5.375,-5.375h-37.625c-2.95625,0 -5.375,2.41875 -5.375,5.375v43c0,2.95625 2.41875,5.375 5.375,5.375h37.625c2.95625,0 5.375,-2.41875 5.375,-5.375zM53.75,102.125h-16.125v-10.75h16.125zM53.75,86h-16.125v-10.75h16.125zM53.75,69.875h-16.125v-10.75h16.125zM75.25,102.125h-16.125v-10.75h16.125zM75.25,86h-16.125v-10.75h16.125zM75.25,69.875h-16.125v-10.75h16.125z" fill="url(#color-3_Ya7GVcPz6Vqb_gr3)"></path><rect x="12" y="47" transform="scale(2.6875,2.6875)" width="10" height="2" fill="url(#color-4_Ya7GVcPz6Vqb_gr4)"></rect><rect x="25" y="47" transform="scale(2.6875,2.6875)" width="2" height="2" fill="url(#color-5_Ya7GVcPz6Vqb_gr5)"></rect><rect x="29" y="47" transform="scale(2.6875,2.6875)" width="2" height="2" fill="url(#color-6_Ya7GVcPz6Vqb_gr6)"></rect><rect x="33" y="47" transform="scale(2.6875,2.6875)" width="2" height="2" fill="url(#color-7_Ya7GVcPz6Vqb_gr7)"></rect><path d="M141.3625,73.90625c-1.88125,-6.45 -6.45,-11.825 -12.3625,-14.78125v-34.9375c0,-4.56875 -3.49375,-8.0625 -8.0625,-8.0625h-96.75c-4.56875,0 -8.0625,3.49375 -8.0625,8.0625v110.1875v2.6875v10.75c0,4.56875 3.49375,8.0625 8.0625,8.0625h96.75c4.56875,0 8.0625,-3.49375 8.0625,-8.0625v-10.75v-22.30625c1.6125,0.5375 3.49375,0.80625 5.375,0.80625c11.825,0 21.5,-9.675 21.5,-21.5c0,-9.1375 -5.9125,-17.2 -14.5125,-20.15625zM137.0625,80.625c0,10.48125 -8.33125,18.8125 -18.8125,18.8125c-10.48125,0 -18.8125,-8.33125 -18.8125,-18.8125c0,-10.48125 8.33125,-18.8125 18.8125,-18.8125c10.48125,0 18.8125,8.33125 18.8125,18.8125zM123.625,147.8125c0,1.6125 -1.075,2.6875 -2.6875,2.6875h-96.75c-1.6125,0 -2.6875,-1.075 -2.6875,-2.6875v-3.225c0.80625,0.26875 1.6125,0.5375 2.6875,0.5375h96.75c1.075,0 1.88125,-0.26875 2.6875,-0.5375zM123.625,134.375v2.6875c0,1.6125 -1.075,2.6875 -2.6875,2.6875h-96.75c-1.6125,0 -2.6875,-1.075 -2.6875,-2.6875v-2.6875v-110.1875c0,-1.6125 1.075,-2.6875 2.6875,-2.6875h96.75c1.6125,0 2.6875,1.075 2.6875,2.6875v32.7875c-1.6125,-0.26875 -3.49375,-0.5375 -5.375,-0.5375c-13.4375,0 -24.1875,10.75 -24.1875,24.1875c0,12.3625 9.40625,22.84375 21.76875,24.1875c1.88125,3.49375 4.56875,6.18125 7.79375,8.0625zM134.375,110.1875c-4.8375,0 -9.1375,-2.15 -12.3625,-5.64375c11.55625,-1.88125 20.425,-11.825 20.425,-23.91875c0,-0.26875 0,-0.26875 0,-0.5375c4.8375,2.95625 8.0625,8.0625 8.0625,13.975c0,8.86875 -7.25625,16.125 -16.125,16.125z" fill="url(#color-8_Ya7GVcPz6Vqb_gr8)"></path><rect x="12" y="43" transform="scale(2.6875,2.6875)" width="15" height="2" fill="url(#color-9_Ya7GVcPz6Vqb_gr9)"></rect></g></g></svg>
+                                                                </div>
+                                                                <p class="no-margin fs-12">Invoice</p>
+                                                            </div>
+                                                        </template>
+                                                    </document-file-viewer-component>
+                                                </div>
+                                                <div class="col-2 p-r-0">
+                                                    <document-file-viewer-component :file="booking.documents.purchase_order.files[0]" v-if="booking.documents.purchase_order">
+                                                        <template slot="button">
+                                                            <div class="bg-white text-center padding-20 pointer b-grey">
+                                                                <div class="m-b-10">
+                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                         width="45" height="45"
+                                                                         viewBox="0 0 172 172"
+                                                                         style=" fill:#000000;"><defs><linearGradient x1="69.875" y1="96.52694" x2="69.875" y2="108.37075" gradientUnits="userSpaceOnUse" id="color-1_44039_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="21.05119" x2="86" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-2_44039_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="80.625" y1="21.05119" x2="80.625" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-3_44039_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.25" y1="21.05119" x2="75.25" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-4_44039_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="21.05119" x2="69.875" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-5_44039_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="129" y1="21.05119" x2="129" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-6_44039_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="139.75" y1="21.05119" x2="139.75" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-7_44039_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="118.25" y1="21.05119" x2="118.25" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-8_44039_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M86,104.8125c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-26.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-5.375c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h26.875c1.4835,0 2.6875,1.204 2.6875,2.6875z" fill="url(#color-1_44039_gr1)"></path><path d="M154.0045,83.57856c-1.58025,-1.87856 -3.913,-2.95356 -6.407,-2.95356h-5.16v-8.0625c0,-4.44513 -4.03125,-8.0625 -8.0625,-8.0625v-26.875c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-38.65162l-3.88881,-7.77762c-0.91375,-1.83288 -2.75469,-2.97237 -4.80794,-2.97237h-18.17825h-1.66088h-18.8125c-2.96431,0 -5.375,2.41069 -5.375,5.375v96.75h-21.5v13.4375c0,7.40944 6.02806,13.4375 13.4375,13.4375h91.375c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-18.8125h4.74344c6.80475,0 12.55869,-4.71119 13.68475,-11.20419l2.95625,-17.02263c0.39775,-2.29512 -0.23919,-4.644 -1.75494,-6.44463zM137.0625,72.5625v8.0625h-16.125v-8.0625c0,-1.4835 1.20669,-2.6875 2.6875,-2.6875h10.75c1.4835,0 2.6875,1.204 2.6875,2.6875zM129,43h-5.375v-5.375h5.375zM81.65163,26.875l2.6875,5.375h-15.49344l-2.6875,-5.375zM60.15163,26.875l3.88881,7.78031c0.91913,1.83019 2.76275,2.96969 4.81063,2.96969h49.39894v5.375h-75.25v-16.125zM29.5625,145.125c-4.44513,0 -8.0625,-3.61469 -8.0625,-8.0625v-8.0625h86v8.0625c0,3.02344 1.00244,5.375 2.69288,8.0625zM129,137.0625c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-69.875v-75.25h86v16.125h-5.375c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v8.0625h-5.16c-2.494,0 -4.82675,1.075 -6.407,2.95356c-1.51306,1.80062 -2.15269,4.1495 -1.75225,6.44194l2.95625,17.02531c1.12606,6.493 6.87731,11.20419 13.68475,11.20419h10.11575zM150.46237,89.10138l-2.95625,17.02531c-0.67725,3.91031 -4.20325,6.74831 -8.38769,6.74831h-20.23419c-4.18444,0 -7.71044,-2.838 -8.38769,-6.74831l-2.95625,-17.028c-0.172,-0.99706 0.28219,-1.72 0.57244,-2.064c0.55362,-0.65575 1.38675,-1.03469 2.28975,-1.03469h37.195c0.903,0 1.73613,0.37894 2.29244,1.03738c0.28756,0.344 0.74444,1.06425 0.57244,2.064z" fill="url(#color-2_44039_gr2)"></path><path d="M53.75,59.125h53.75v5.375h-53.75z" fill="url(#color-3_44039_gr3)"></path><path d="M53.75,69.875h43v5.375h-43z" fill="url(#color-4_44039_gr4)"></path><path d="M53.75,80.625h32.25v5.375h-32.25z" fill="url(#color-5_44039_gr5)"></path><path d="M126.3125,91.375h5.375v16.125h-5.375z" fill="url(#color-6_44039_gr6)"></path><path d="M137.0625,91.375h5.375v10.75h-5.375z" fill="url(#color-7_44039_gr7)"></path><path d="M115.5625,91.375h5.375v10.75h-5.375z" fill="url(#color-8_44039_gr8)"></path></g></g></svg>
+                                                                </div>
+                                                                <p class="no-margin fs-12">Purchase Order</p>
+                                                            </div>
+                                                        </template>
+                                                    </document-file-viewer-component>
+                                                </div>
+                                                <div class="col-2 p-r-0">
+                                                    <document-file-viewer-component :file="booking.documents.delivery_order.files[0]" v-if="booking.documents.delivery_order">
+                                                        <template slot="button">
+                                                            <div class="bg-white text-center padding-20 pointer b-grey">
+                                                                <div class="m-b-10">
+                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                         width="45" height="45"
+                                                                         viewBox="0 0 172 172"
+                                                                         style=" fill:#000000;"><defs><linearGradient x1="69.875" y1="39.05475" x2="69.875" y2="54.29019" gradientUnits="userSpaceOnUse" id="color-1_L06xtIstZ632_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-2_L06xtIstZ632_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-3_L06xtIstZ632_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-4_L06xtIstZ632_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="48.375" y1="17.09788" x2="48.375" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-5_L06xtIstZ632_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="59.125" y1="17.09788" x2="59.125" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-6_L06xtIstZ632_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="17.09788" x2="69.875" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-7_L06xtIstZ632_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="17.09788" x2="86" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-8_L06xtIstZ632_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="130.34375" y1="17.09788" x2="130.34375" y2="144.1575" gradientUnits="userSpaceOnUse" id="color-9_L06xtIstZ632_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M48.23794,53.75h43.27681c1.40556,0 2.54775,-1.14219 2.54775,-2.55044v-5.65181c0,-1.40556 -1.14219,-2.54775 -2.55044,-2.54775h-43.27412c-1.40825,0 -2.55044,1.14219 -2.55044,2.55044v5.65181c0,1.40556 1.14219,2.54775 2.55044,2.54775z" fill="url(#color-1_L06xtIstZ632_gr1)"></path><rect x="17" y="23" transform="scale(2.6875,2.6875)" width="18" height="2" fill="url(#color-2_L06xtIstZ632_gr2)"></rect><rect x="17" y="28" transform="scale(2.6875,2.6875)" width="18" height="2" fill="url(#color-3_L06xtIstZ632_gr3)"></rect><rect x="17" y="33" transform="scale(2.6875,2.6875)" width="18" height="2" fill="url(#color-4_L06xtIstZ632_gr4)"></rect><rect x="17" y="39" transform="scale(2.6875,2.6875)" width="2" height="3" fill="url(#color-5_L06xtIstZ632_gr5)"></rect><rect x="21" y="39" transform="scale(2.6875,2.6875)" width="2" height="3" fill="url(#color-6_L06xtIstZ632_gr6)"></rect><rect x="25" y="39" transform="scale(2.6875,2.6875)" width="2" height="3" fill="url(#color-7_L06xtIstZ632_gr7)"></rect><path d="M155.875,86c0,-12.01044 -7.92006,-22.20413 -18.8125,-25.63606v-35.7545c0,-2.18494 -1.30075,-4.14144 -3.31369,-4.97456c-1.99681,-0.83044 -4.28387,-0.38431 -5.82381,1.15025l-4.02587,4.0205l-6.78325,-4.95306c-1.892,-1.38675 -4.43706,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.05469,-5.14925c-1.88931,-1.38675 -4.43437,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43437,-1.38944 -6.32906,-0.00269l-6.77519,4.95306l-4.042,-4.01781c-1.54263,-1.53456 -3.82969,-1.98606 -5.82381,-1.15025c-2.01294,0.83312 -3.31369,2.78962 -3.31369,4.97456v101.70575h-13.4375v13.4375c0,7.40944 6.03075,13.4375 13.4375,13.4375h94.05981c7.40944,-0.00269 13.44019,-6.03075 13.44019,-13.44019v-28.11394c10.89244,-3.43194 18.8125,-13.62562 18.8125,-25.63606zM29.5625,147.8125c-4.44513,0 -8.0625,-3.61738 -8.0625,-8.0625v-8.0625h88.6875v8.0625c0,3.02344 1.00244,5.375 2.69019,8.0625zM131.6875,139.75c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-80.625v-24.1875h-0.00269l-0.02419,-77.53169l4.03663,4.01781c1.88125,1.8705 4.79988,2.09356 6.94987,0.53213l6.7725,-4.95575l7.05469,5.15194c1.89737,1.38406 4.43438,1.37869 6.32637,0l7.04125,-5.15194l7.05738,5.15194c1.89469,1.38137 4.429,1.38137 6.32369,0l7.04394,-5.15194l7.05469,5.15194c1.89737,1.38406 4.43437,1.37869 6.32637,0l7.04125,-5.15194l6.78862,4.95575c2.14194,1.56413 5.06594,1.34106 6.94719,-0.53213l4.01244,-4.00169v34.65263c-0.88419,-0.08869 -1.77912,-0.13706 -2.6875,-0.13706c-14.81888,0 -26.875,12.05613 -26.875,26.875c0,14.81887 12.05612,26.875 26.875,26.875c0.90838,0 1.80331,-0.04838 2.6875,-0.13706zM129,107.5c-11.85456,0 -21.5,-9.64544 -21.5,-21.5c0,-11.85456 9.64544,-21.5 21.5,-21.5c11.85456,0 21.5,9.64544 21.5,21.5c0,11.85456 -9.64544,21.5 -21.5,21.5z" fill="url(#color-8_L06xtIstZ632_gr8)"></path><path d="M140.53744,75.25l-14.22763,14.79469l-6.15975,-6.407l-3.80013,3.95331l6.15975,6.407c1.04812,1.09113 2.42413,1.634 3.80281,1.634c1.37869,0 2.75469,-0.54287 3.80281,-1.634l14.22225,-14.79469z" fill="url(#color-9_L06xtIstZ632_gr9)"></path></g></g></svg>
+                                                                </div>
+                                                                <p class="no-margin fs-12">Delivery Order</p>
+                                                            </div>
+                                                        </template>
+                                                    </document-file-viewer-component>
+                                                </div>
+                                                <div class="col-2 p-r-0" v-if="$store.getters.isAdmin">
+                                                    <document-file-viewer-component :file="booking.documents.supplier_delivery_order.files[0]" v-if="booking.documents.supplier_delivery_order">
+                                                        <template slot="button">
+                                                            <div class="bg-white text-center padding-20 pointer b-grey">
+                                                                <div class="m-b-10">
+                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                         width="45" height="45"
+                                                                         viewBox="0 0 172 172"
+                                                                         style=" fill:#000000;"><defs><linearGradient x1="53.75" y1="76.93238" x2="53.75" y2="95.51644" gradientUnits="userSpaceOnUse" id="color-1_44778_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23006" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-2_44778_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23006" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-3_44778_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23006" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-4_44778_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="120.9375" y1="15.23275" x2="120.9375" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-5_44778_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="15.23275" x2="86" y2="159.51656" gradientUnits="userSpaceOnUse" id="color-6_44778_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M53.75,77.9375c-4.4528,0 -8.0625,3.6097 -8.0625,8.0625c0,4.4528 3.6097,8.0625 8.0625,8.0625c4.4528,0 8.0625,-3.6097 8.0625,-8.0625c0,-4.4528 -3.6097,-8.0625 -8.0625,-8.0625z" fill="url(#color-1_44778_gr1)"></path><path d="M107.5,69.875h26.875v5.375h-26.875z" fill="url(#color-2_44778_gr2)"></path><path d="M107.5,59.125h26.875v5.375h-26.875z" fill="url(#color-3_44778_gr3)"></path><path d="M107.5,80.625h26.875v5.375h-26.875z" fill="url(#color-4_44778_gr4)"></path><path d="M120.9375,91.375c-5.92863,0 -10.75,4.82137 -10.75,10.75c0,5.92863 4.82137,10.75 10.75,10.75c5.92863,0 10.75,-4.82137 10.75,-10.75c0,-5.92863 -4.82137,-10.75 -10.75,-10.75zM120.9375,107.5c-2.96431,0 -5.375,-2.41069 -5.375,-5.375c0,-2.96431 2.41069,-5.375 5.375,-5.375c2.96431,0 5.375,2.41069 5.375,5.375c0,2.96431 -2.41338,5.375 -5.375,5.375z" fill="url(#color-5_44778_gr5)"></path><path d="M152.56131,16.94738c-1.99681,-0.83044 -4.28387,-0.38431 -5.82381,1.15025l-4.02588,4.0205l-6.78325,-4.95306c-1.892,-1.38675 -4.43706,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.05469,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-7.04125,5.15194l-7.052,-5.14925c-1.88931,-1.38675 -4.43438,-1.38944 -6.32906,-0.00269l-6.77519,4.95306l-4.042,-4.01781c-1.54263,-1.53456 -3.82969,-1.98606 -5.82381,-1.15025c-2.01294,0.83312 -3.31369,2.78963 -3.31369,4.97456v37.20306h-26.87231c-2.96431,0 -5.37769,2.41338 -5.37769,5.37769v43c0,2.96431 2.41337,5.375 5.37769,5.375h26.87231v16.125h-21.5v13.4375c0,7.40944 6.03075,13.4375 13.4375,13.4375h102.12231c7.40944,-0.00269 13.44019,-6.03075 13.44019,-13.44019v-120.51556c0,-2.18494 -1.30075,-4.14144 -3.31369,-4.97456zM86,74.97856c-5.25675,-1.06963 -9.40625,-5.10356 -10.47856,-10.47856h10.47856zM70.09,64.5c1.18519,8.0625 7.68894,14.7275 15.91,15.91v11.18c-8.22106,1.1825 -14.72481,7.8475 -15.91,15.91h-32.67731c-1.18519,-8.0625 -7.85019,-14.72481 -15.91269,-15.91v-11.18c8.0625,-1.1825 14.7275,-7.8475 15.91269,-15.91zM86,97.02144v10.47856h-10.47856c1.07231,-5.375 5.22181,-9.40625 10.47856,-10.47856zM31.97856,64.5c-1.06963,5.375 -5.10356,9.40894 -10.47856,10.47856v-10.47856zM21.5,97.02144c5.375,1.07231 9.40894,5.10356 10.47856,10.47856h-10.47856zM40.3125,150.5c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-8.0625h96.75v8.0625c0,3.02344 1.00244,5.375 2.69019,8.0625zM150.5,142.4375c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-80.625v-16.125h32.25c2.96431,0 5.375,-2.41069 5.375,-5.375v-43c0,-2.96162 -2.41069,-5.375 -5.375,-5.375h-32.25l-0.02688,-37.21919l4.03662,4.01781c1.88125,1.8705 4.79988,2.09356 6.94987,0.53213l6.7725,-4.95575l7.05469,5.15194c1.89738,1.38406 4.43438,1.37869 6.32637,0l7.04125,-5.15194l7.05737,5.15194c1.89469,1.38137 4.429,1.38137 6.32369,0l7.04394,-5.15194l7.05469,5.15194c1.89737,1.38406 4.43437,1.37869 6.32637,0l7.04125,-5.15194l6.78862,4.95575c2.14194,1.56413 5.06594,1.34106 6.94719,-0.53213l4.01244,-4.00169z" fill="url(#color-6_44778_gr6)"></path></g></g></svg>
+                                                                </div>
+                                                                <p class="no-margin fs-12">Supplier DO</p>
+                                                            </div>
+                                                        </template>
+                                                    </document-file-viewer-component>
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -348,18 +352,16 @@
                                                 </div>
                                             </div>
                                         </div>
-                                        <div class="col-auto">
-                                            <document-file-viewr-component class="h-100" :file="item.documents.files[0]">
+                                        <div class="col-auto bg-success" v-if="item.status === 3">
+                                            <document-file-viewer-component class="h-100" :file="item.documents.files[0]">
                                                 <template slot="button">
-                                                    <div class="bg-success h-100 p-l-15 p-r-15 pointer">
-                                                        <div class="row align-items-center h-100">
-                                                            <div class="col">
-                                                                <i class="fa fa-cloud-download text-white"></i>
-                                                            </div>
+                                                    <div class="row align-items-center h-100">
+                                                        <div class="col">
+                                                            <i class="fa fa-cloud-download text-white"></i>
                                                         </div>
                                                     </div>
                                                 </template>
-                                            </document-file-viewr-component>
+                                            </document-file-viewer-component>
                                         </div>
                                     </div>
                                 </div>
diff --git a/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue b/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
index d91bc857..f08e0e4c 100644
--- a/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
@@ -89,6 +89,15 @@
                         </div>
                         <div class="col">
                             <supplier-place-order-form-component :payments="payments" :currency="selectedCurrency" :supplier="selectedSupplier" section="pendingOrdersSection"></supplier-place-order-form-component>
+                            <div class="row m-t-20">
+                                <div class="col">
+                                    <list-component key="2" section="currencyOrdersListSection" :options="{'per_page': 5, 'document_type_in': ['CURRENCY_VENDOR_ORDER'], 'status': 1, 'with_company': true}"  :endpoint="route('api.document.list')">
+                                        <template slot="list" slot-scope="{data}">
+                                            <currency-order-component section="currencyOrdersListSection" :data="data"></currency-order-component>
+                                        </template>
+                                    </list-component>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
diff --git a/resources/assets/vue/components/companies/elements/IdentificationVerificationComponent.vue b/resources/assets/vue/components/companies/elements/IdentificationVerificationComponent.vue
index bc27b658..0adfbf8b 100644
--- a/resources/assets/vue/components/companies/elements/IdentificationVerificationComponent.vue
+++ b/resources/assets/vue/components/companies/elements/IdentificationVerificationComponent.vue
@@ -79,13 +79,13 @@
                                     </div>
                                     <div class="row no-margin">
                                         <div v-for="file in item.files" v-bind:key="file.id"  class="col-auto no-padding m-r-5">
-                                            <document-file-viewr-component :file="file">
+                                            <document-file-viewer-component :file="file">
                                                 <template slot="button">
                                                     <div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
                                                         <i class="fa fa-file-image-o fs-10"></i>
                                                     </div>
                                                 </template>
-                                            </document-file-viewr-component>
+                                            </document-file-viewer-component>
                                         </div>
                                     </div>
                                 </div>
diff --git a/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue b/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
index e4c6e109..9cbc71ef 100644
--- a/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
@@ -54,26 +54,7 @@
                                     <div class="row justify-content-end">
                                         <div class="col-3 m-r-5">
                                             <div class="row fs-12 text-center">
-                                                <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="PO">
-                                                    <div class="row justify-content-center m-b-5">
-                                                        <div class="col-auto">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                                                 width="35" height="35"
-                                                                 viewBox="0 0 172 172"
-                                                                 style=" fill:#000000;"><defs><linearGradient x1="86" y1="15.84013" x2="86" y2="42.59956" gradientUnits="userSpaceOnUse" id="color-1_1GEnKV6fhh62_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="75.30644" y1="14.46681" x2="75.30644" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-2_1GEnKV6fhh62_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="65.84106" y1="14.46681" x2="65.84106" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-3_1GEnKV6fhh62_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.30644" y1="14.46681" x2="75.30644" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-4_1GEnKV6fhh62_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="65.84106" y1="14.46681" x2="65.84106" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-5_1GEnKV6fhh62_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.30644" y1="14.46681" x2="75.30644" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-6_1GEnKV6fhh62_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="116.90625" y1="14.46681" x2="116.90625" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-7_1GEnKV6fhh62_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="116.90625" y1="14.46681" x2="116.90625" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-8_1GEnKV6fhh62_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="116.90625" y1="14.46681" x2="116.90625" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-9_1GEnKV6fhh62_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="65.84106" y1="14.46681" x2="65.84106" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-10_1GEnKV6fhh62_gr10"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="14.46681" x2="86" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-11_1GEnKV6fhh62_gr11"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="original-icon"><path d="M95.40625,45.6875h-18.8125v-17.46875c0,-5.19494 4.21131,-9.40625 9.40625,-9.40625v0c5.19494,0 9.40625,4.21131 9.40625,9.40625z" fill="url(#color-1_1GEnKV6fhh62_gr1)"></path><rect x="19.043" y="33" transform="scale(2.6875,2.6875)" width="17.957" height="2" fill="url(#color-2_1GEnKV6fhh62_gr2)"></rect><rect x="19.043" y="37" transform="scale(2.6875,2.6875)" width="10.912" height="2" fill="url(#color-3_1GEnKV6fhh62_gr3)"></rect><rect x="19.043" y="42" transform="scale(2.6875,2.6875)" width="17.957" height="2" fill="url(#color-4_1GEnKV6fhh62_gr4)"></rect><rect x="19.043" y="46" transform="scale(2.6875,2.6875)" width="10.912" height="2" fill="url(#color-5_1GEnKV6fhh62_gr5)"></rect><rect x="19.043" y="24" transform="scale(2.6875,2.6875)" width="17.957" height="2" fill="url(#color-6_1GEnKV6fhh62_gr6)"></rect><rect x="42" y="33" transform="scale(2.6875,2.6875)" width="3" height="2" fill="url(#color-7_1GEnKV6fhh62_gr7)"></rect><rect x="42" y="42" transform="scale(2.6875,2.6875)" width="3" height="2" fill="url(#color-8_1GEnKV6fhh62_gr8)"></rect><rect x="42" y="24" transform="scale(2.6875,2.6875)" width="3" height="2" fill="url(#color-9_1GEnKV6fhh62_gr9)"></rect><rect x="19.043" y="28" transform="scale(2.6875,2.6875)" width="10.912" height="2" fill="url(#color-10_1GEnKV6fhh62_gr10)"></rect><path d="M131.6875,32.7445v-0.4945c0,-4.44513 -3.61738,-8.0625 -8.0625,-8.0625h-18.8125h-7.4605c-1.67163,-4.68163 -6.10331,-8.0625 -11.352,-8.0625c-5.24869,0 -9.68037,3.38087 -11.352,8.0625h-26.273c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v0.4945c-3.12288,1.11531 -5.375,4.06887 -5.375,7.568v107.5c0,4.44512 3.61738,8.0625 8.0625,8.0625h86c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-107.5c0,-3.49912 -2.25213,-6.45269 -5.375,-7.568zM123.625,29.5625c1.4835,0 2.6875,1.204 2.6875,2.6875h-21.5h-6.71875v-2.6875h6.71875zM79.28125,28.21875c0,-3.70606 3.01269,-6.71875 6.71875,-6.71875c3.70606,0 6.71875,3.01269 6.71875,6.71875v14.78125h-13.4375zM48.375,29.5625h25.53125v2.6875h-28.21875c0,-1.4835 1.204,-2.6875 2.6875,-2.6875zM131.6875,147.8125c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-10.75v-10.75c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h10.75zM131.6875,131.6875h-10.75c-4.44512,0 -8.0625,3.61738 -8.0625,8.0625v10.75h-69.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-107.5c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h30.90625v10.75h24.1875v-10.75h6.71875h24.1875c1.4835,0 2.6875,1.204 2.6875,2.6875z" fill="url(#color-11_1GEnKV6fhh62_gr11)"></path></g></g></svg>
-                                                        </div>
-                                                    </div>
-                                                    <div class="row">
-                                                        <div class="col">
-                                                            <div class="fs-12 m-t-5">Purchase Orders</div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="col-3">
-                                            <div class="row fs-12 text-center">
-                                                <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="transfers">
+                                                <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="payments">
                                                     <div class="row justify-content-center m-b-5">
                                                         <div class="col-auto">
                                                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -90,6 +71,25 @@
                                                 </div>
                                             </div>
                                         </div>
+                                        <div class="col-4">
+                                            <div class="row fs-12 text-center">
+                                                <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="PO">
+                                                    <div class="row justify-content-center m-b-5">
+                                                        <div class="col-auto">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                                                 width="35" height="35"
+                                                                 viewBox="0 0 172 172"
+                                                                 style=" fill:#000000;"><defs><linearGradient x1="86" y1="15.84013" x2="86" y2="42.59956" gradientUnits="userSpaceOnUse" id="color-1_1GEnKV6fhh62_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="75.30644" y1="14.46681" x2="75.30644" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-2_1GEnKV6fhh62_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="65.84106" y1="14.46681" x2="65.84106" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-3_1GEnKV6fhh62_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.30644" y1="14.46681" x2="75.30644" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-4_1GEnKV6fhh62_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="65.84106" y1="14.46681" x2="65.84106" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-5_1GEnKV6fhh62_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.30644" y1="14.46681" x2="75.30644" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-6_1GEnKV6fhh62_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="116.90625" y1="14.46681" x2="116.90625" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-7_1GEnKV6fhh62_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="116.90625" y1="14.46681" x2="116.90625" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-8_1GEnKV6fhh62_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="116.90625" y1="14.46681" x2="116.90625" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-9_1GEnKV6fhh62_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="65.84106" y1="14.46681" x2="65.84106" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-10_1GEnKV6fhh62_gr10"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="14.46681" x2="86" y2="157.82344" gradientUnits="userSpaceOnUse" id="color-11_1GEnKV6fhh62_gr11"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="original-icon"><path d="M95.40625,45.6875h-18.8125v-17.46875c0,-5.19494 4.21131,-9.40625 9.40625,-9.40625v0c5.19494,0 9.40625,4.21131 9.40625,9.40625z" fill="url(#color-1_1GEnKV6fhh62_gr1)"></path><rect x="19.043" y="33" transform="scale(2.6875,2.6875)" width="17.957" height="2" fill="url(#color-2_1GEnKV6fhh62_gr2)"></rect><rect x="19.043" y="37" transform="scale(2.6875,2.6875)" width="10.912" height="2" fill="url(#color-3_1GEnKV6fhh62_gr3)"></rect><rect x="19.043" y="42" transform="scale(2.6875,2.6875)" width="17.957" height="2" fill="url(#color-4_1GEnKV6fhh62_gr4)"></rect><rect x="19.043" y="46" transform="scale(2.6875,2.6875)" width="10.912" height="2" fill="url(#color-5_1GEnKV6fhh62_gr5)"></rect><rect x="19.043" y="24" transform="scale(2.6875,2.6875)" width="17.957" height="2" fill="url(#color-6_1GEnKV6fhh62_gr6)"></rect><rect x="42" y="33" transform="scale(2.6875,2.6875)" width="3" height="2" fill="url(#color-7_1GEnKV6fhh62_gr7)"></rect><rect x="42" y="42" transform="scale(2.6875,2.6875)" width="3" height="2" fill="url(#color-8_1GEnKV6fhh62_gr8)"></rect><rect x="42" y="24" transform="scale(2.6875,2.6875)" width="3" height="2" fill="url(#color-9_1GEnKV6fhh62_gr9)"></rect><rect x="19.043" y="28" transform="scale(2.6875,2.6875)" width="10.912" height="2" fill="url(#color-10_1GEnKV6fhh62_gr10)"></rect><path d="M131.6875,32.7445v-0.4945c0,-4.44513 -3.61738,-8.0625 -8.0625,-8.0625h-18.8125h-7.4605c-1.67163,-4.68163 -6.10331,-8.0625 -11.352,-8.0625c-5.24869,0 -9.68037,3.38087 -11.352,8.0625h-26.273c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v0.4945c-3.12288,1.11531 -5.375,4.06887 -5.375,7.568v107.5c0,4.44512 3.61738,8.0625 8.0625,8.0625h86c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-107.5c0,-3.49912 -2.25213,-6.45269 -5.375,-7.568zM123.625,29.5625c1.4835,0 2.6875,1.204 2.6875,2.6875h-21.5h-6.71875v-2.6875h6.71875zM79.28125,28.21875c0,-3.70606 3.01269,-6.71875 6.71875,-6.71875c3.70606,0 6.71875,3.01269 6.71875,6.71875v14.78125h-13.4375zM48.375,29.5625h25.53125v2.6875h-28.21875c0,-1.4835 1.204,-2.6875 2.6875,-2.6875zM131.6875,147.8125c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-10.75v-10.75c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h10.75zM131.6875,131.6875h-10.75c-4.44512,0 -8.0625,3.61738 -8.0625,8.0625v10.75h-69.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-107.5c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h30.90625v10.75h24.1875v-10.75h6.71875h24.1875c1.4835,0 2.6875,1.204 2.6875,2.6875z" fill="url(#color-11_1GEnKV6fhh62_gr11)"></path></g></g></svg>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <div class="fs-12 m-t-5">Pending Purchase Orders</div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -112,15 +112,32 @@
                                             </div>
                                         </div>
                                     </div>
+                                    <div class="row tabsContainer tabContent hide" tab-name="payments">
+                                        <div class="col">
+                                            <div class="row">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <list-component key="2" section="pendingPaymentsSection" :endpoint="route('api.booking.list')" :options="{per_page: 10, status: 2, pending_payment: true}">
+                                                                <template slot="list" slot-scope="{data}">
+                                                                    <booking-component :data="data"></booking-component>
+                                                                </template>
+                                                            </list-component>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
                                     <div class="row tabsContainer hide tabContent" tab-name="PO">
                                         <div class="col">
                                             <div class="row">
                                                 <div class="col">
                                                     <div class="row">
                                                         <div class="col">
-                                                            <list-component key="2" section="purchaseOrderSection" :endpoint="route('api.address.list')">
+                                                            <list-component key="2" section="PendingPurchaseOrdersSection" :endpoint="route('api.booking.list')" :options="{per_page: 10, status: 2, pending_purchase_order: true}">
                                                                 <template slot="list" slot-scope="{data}">
-                                                                    <address-component :data="data"></address-component>
+                                                                    <booking-component :data="data"></booking-component>
                                                                 </template>
                                                             </list-component>
                                                         </div>
diff --git a/resources/assets/vue/components/general/elements/DocumentFileViewrComponent.vue b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
similarity index 96%
rename from resources/assets/vue/components/general/elements/DocumentFileViewrComponent.vue
rename to resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
index 30804cdd..9b48ec1b 100644
--- a/resources/assets/vue/components/general/elements/DocumentFileViewrComponent.vue
+++ b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row parentContainer">
         <div class="col">
-            <div class="requestModal pointer" @click="loadFile" data-type="filePreview">
+            <div class="requestModal pointer h-100" @click="loadFile" data-type="filePreview">
                 <slot name="button" ></slot>
             </div>
             <modal-component styleType="fill-in" size="extra-large" type="filePreview">
diff --git a/resources/views/pages/dashboards/admin.blade.php b/resources/views/pages/dashboards/admin.blade.php
index 6104e47c..71944a13 100644
--- a/resources/views/pages/dashboards/admin.blade.php
+++ b/resources/views/pages/dashboards/admin.blade.php
@@ -29,7 +29,7 @@
                                 </div>
                             </div>
                             <div class="col">
-                                <div class="row justify-content-end">
+                                <div class="row justify-content-end hide">
                                     <div class="col">
                                         <div class="row fs-12 text-center">
                                             <div class="col p-t-20 p-b-20 bg-master-lighter" tab-name="transactions">
@@ -343,9 +343,32 @@
                                     <div class="col">
                                         <div class="row">
                                             <div class="col">
+                                                <div class="row m-b-15 p-b-10 b-b b-grey">
+                                                    <div class="col">
+                                                        <small class="all-caps muted fs-10">Pending Verification</small>
+                                                    </div>
+                                                </div>
                                                 <div class="row">
                                                     <div class="col">
-                                                        <list-component key="2" section="transferSection" :endpoint="route('api.booking.list')" :options="{per_page: 10}">
+                                                        <list-component key="2" section="poPendingApprovalSection" :endpoint="route('api.booking.list')" :options="{per_page: 10, purchase_order_approval: true}">
+                                                            <template slot="list" slot-scope="{data}">
+                                                                <booking-component :data="data"></booking-component>
+                                                            </template>
+                                                        </list-component>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col">
+                                                <div class="row m-b-15 p-b-10 b-b b-grey">
+                                                    <div class="col">
+                                                        <small class="all-caps muted fs-10">Pending Submission</small>
+                                                    </div>
+                                                </div>
+                                                <div class="row">
+                                                    <div class="col">
+                                                        <list-component key="2" section="poPendingSubmissionSection" :endpoint="route('api.booking.list')" :options="{per_page: 10, pending_purchase_order: true}">
                                                             <template slot="list" slot-scope="{data}">
                                                                 <booking-component :data="data"></booking-component>
                                                             </template>
diff --git a/resources/views/pages/pdfs/currency_vendor_order.blade.php b/resources/views/pages/pdfs/currency_vendor_order.blade.php
index d7d6c666..30fef3b8 100644
--- a/resources/views/pages/pdfs/currency_vendor_order.blade.php
+++ b/resources/views/pages/pdfs/currency_vendor_order.blade.php
@@ -1,46 +1,51 @@
 @extends('layouts.base_pdf')
 @section('inner_content')
+    <style>
+        table, th, td {
+            border: 1px solid black;
+            border-collapse: collapse;
+        }
+        th, td {
+            padding: 15px;
+        }
+    </style>
     <br>
     <htmlpageheader name="page-header">
         <br>
-        <table width="100%" style="border-bottom: 1px solid black;">
-            <tr>
-                <td
-                    style="text-align: center; color: red; text-transform: uppercase; font-weight: bold; font-size: 18px;  padding-bottom: 5px;">
-                    Atvantic Import & Export Snd. Bhd (1309816-P)</td>
-            </tr>
-        </table>
-    </htmlpageheader>
-
-    @foreach ($transactions as $key => $transaction)
-        <table class="line-table" style="overflow: wrap" autosize="1">
-            <thead>
-                <tr>
-                    <th width="5%">No</th>
-                    <th class="stock-code" width="10%">Subtotal</th>
-                    <th class="description">Service Charges</th>
-                    <th width="10%">Tax</th>
-                    <th width="10%">Total Amount<br>(RM)</th>
-                </tr>
-            </thead>
+        <table style="margin-bottom: 25px; border: none;">
             <tbody>
-                <tr>
-                    <td width="5%" class="center top">{{ $key + 1 }}</td>
-                    <td class="stock-code top" width="10%">{{ $transaction->amount }}</td>
-                    <td class="description">MYR {{ number_format($transaction->service_charge, 2) }}</td>
-                    <td width="10%" class="center top">MYR {{ number_format($transaction->tax, 2) }}</td>
-                    <td width="12%" class="center top">{{ $transaction->amount }}</td>
-                </tr>
+            <tr>
+                <td>{{$supplier->name}}</td>
+                <td>{{\Carbon\Carbon::now('Asia/Singapore')->format('d-m-Y h:s')}}</td>
+            </tr>
             </tbody>
         </table>
-    @endforeach
-
+    </htmlpageheader>
+    <br>
+    <table style="width:100%">
+        <tbody>
+        <tr>
+            <td>Reference</td>
+            <td>Rate</td>
+            <td>Amount</td>
+            <td>Bank in Details</td>
+        </tr>
+        @foreach($transactions as $transaction)
+            <tr style="margin-bottom: 10px;">
+                <td>{{$transaction->booking->marking}}</td>
+                <td>{{$transaction->currency_rate}}</td>
+                <td>{{$transaction->original_currency->short_code}} {{$transaction->original_amount}}</td>
+                <td>Account Holder Name: {{$transaction->booking->bank->holder_name}}<br>{{$transaction->booking->bank->bank_name}}: {{$transaction->booking->bank->account_no}}
+                    <br>Branch: {{$transaction->booking->bank->bank_branch}}<br>Bank in Amount: {{$transaction->original_currency->short_code}} {{$transaction->original_amount}}</td>
+            </tr>
+        @endforeach
+        </tbody>
+    </table>
     <htmlpagefooter name="page-footer">
-        <table width="100%">
+        <table width="100%" style="border: none;">
             <tr>
-                <td style="text-align: right; ">This is generated by computer. No signature required.</td>
                 <td style="text-align: right; ">Page {PAGENO} of {nbpg}</td>
             </tr>
         </table>
     </htmlpagefooter>
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 63d3d35a..562bf1e3 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -7,7 +7,7 @@
                         <a href="#" class="btn-link toggle-sidebar fa fa-bars text-white" data-toggle="horizontal-menu"></a>
                     </div>
                     <div class="col-auto d-xs-none bg-complete-light p-t-10 p-b-10 p-l-30 p-r-30">
-                        <div class="row">
+                        <a href="{{route('dashboard')}}"><div class="row">
                             <div class="col">
                                 <img src="{{asset('images/logo-light.png')}}" alt="logo" height="22">
                             </div>
@@ -17,9 +17,10 @@
                                 <div class="m-t-5 all-caps fs-10 text-white hint-text">Overseas Transfers Management</div>
                             </div>
                         </div>
+                        </a>
                     </div>
-                    <div class="col text-right p-r-30">
-                        <div class="row justify-content-end">
+                    <div class="col text-right p-r-30 ">
+                        <div class="row justify-content-end hide">
                             <div class="col text-right">
                                 <div class="row justify-content-end">
                                     <div class="col-auto p-r-20">
@@ -40,7 +41,7 @@
                     </div>
                     <div class="col-auto p-r-30">
                         <div class="row no-margin">
-                            <div class="col-auto m-r-5">
+                            <div class="col-auto m-r-5 hide">
                                 <div class="row align-items-center justify-content-center b-a b-thick h-100" style="border-color: #ffffff3d">
                                     <div class="col p-r-10 p-l-10">
                                         <i class="fa fa-bell fs-12 text-primary-lighter"></i>
@@ -52,14 +53,14 @@
                                     <div class="col-auto">
                                         <div class="fs-12 text-primary-lighter">Hi, <span v-text="$store.getters.getUserName.split(' ').slice(0,2).join(' ')"></span>!</div>
                                     </div>
-                                    <div class="col-auto p-l-0 p-r-10">
+                                    <div class="col-auto p-l-0 p-r-10 hide">
                                         <div class="btn btn-xs btn-primary p-t-0 p-b-0 text-primary-lighter" style="background-color: rgba(255, 255, 255, 0.2);">
                                             <i class="fa fa-angle-down fs-14 m-t-5"></i>
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-auto m-r-5">
+                            <div class="col-auto m-r-5" v-if="$store.getters.isAdmin">
                                 <a href="{{route('settings')}}">
                                     <div class="row align-items-center justify-content-center b-a b-thick h-100" style="border-color: #ffffff3d">
                                         <div class="col p-r-10 p-l-10">