diff --git a/app/Classes/General/Eloquent/Filters/Receiver.php b/app/Classes/General/Eloquent/Filters/Receiver.php
new file mode 100644
index 00000000..a0ecd6eb
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/Receiver.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use Illuminate\Database\Eloquent\Builder;
+
+class Receiver implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->where('receiver', '=', $value);
+    }
+
+}
diff --git a/app/Classes/Modules/Companies/ControllersLogic/ListCompanyModuleInvoicesLogic.php b/app/Classes/Modules/Companies/ControllersLogic/ListCompanyModuleInvoicesLogic.php
new file mode 100644
index 00000000..f8545a4b
--- /dev/null
+++ b/app/Classes/Modules/Companies/ControllersLogic/ListCompanyModuleInvoicesLogic.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Classes\Modules\Companies\ControllersLogic;
+
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+use App\Classes\Modules\Transactions\Services\ListsTransactions;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use App\Http\Resources\TransactionResource;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class ListCompanyModuleInvoicesLogic extends AbstractControllerLogic
+{
+
+    /**
+     * @return array
+     */
+    protected function notification(): array
+    {
+        return [
+            'title' => 'Retrieved Company Module Invoices',
+            'message' => 'You have successfully retrieved a list of Invoices'
+        ];
+    }
+
+    /** @var ListsTransactions */
+    private $listsTransactions;
+
+    /**
+     * ListCompanyModuleInvoicesLogic constructor.
+     * @param ListsTransactions $listsTransactions
+     */
+    public function __construct(ListsTransactions $listsTransactions)
+    {
+        $this->listsTransactions = $listsTransactions;
+    }
+
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws \App\Classes\Exceptions\AccessForbiddenException
+     * @throws \App\Classes\Exceptions\MalformedRequestException
+     * @throws \App\Classes\Exceptions\RequestValidationException
+     */
+    public function logic(Request $request): JsonResponse
+    {
+        $filterArray = [
+            "per_page" => 10,
+            "order_by" => (object)[
+                "column" => 'id',
+                "DESC" => true,
+            ],
+            "status_in" => [2],
+            "receiver" => intval($request->route('company_module_id')),
+            "type" => TransactionType::SHIPPING_INVOICE
+        ];
+
+        // $this->canListTransactions->passes();
+
+        $query = $this->listsTransactions->execute($filterArray);
+
+        return $this->collectionResponse(TransactionResource::collection($query));
+    }
+}
diff --git a/app/Http/Controllers/Companies/ListCompanyModuleInvoicesController.php b/app/Http/Controllers/Companies/ListCompanyModuleInvoicesController.php
new file mode 100644
index 00000000..86b1f6a8
--- /dev/null
+++ b/app/Http/Controllers/Companies/ListCompanyModuleInvoicesController.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Controllers\Companies;
+
+use App\Classes\Modules\Companies\ControllersLogic\ListCompanyModuleInvoicesLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class ListCompanyModuleInvoicesController
+{
+    /**
+     * @param Request $request
+     * @param ListCompanyModulesLogic $logic
+     * @return JsonResponse
+     */
+    public function list(Request $request, ListCompanyModuleInvoicesLogic $logic): JsonResponse {
+        return $logic->execute($request);
+    }
+
+}
\ No newline at end of file
diff --git a/resources/assets/vue/components/companies/sections/CustomerPaymentBillingSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerPaymentBillingSectionComponent.vue
new file mode 100644
index 00000000..b375eafd
--- /dev/null
+++ b/resources/assets/vue/components/companies/sections/CustomerPaymentBillingSectionComponent.vue
@@ -0,0 +1,153 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <div class="row">
+                <div class="col-12 col-sm-12 col-md-9">
+                    <div class="row m-b-15 m-l-5 m-r-10">
+                        <div class="col b-a b-grey rounded bg-master-light">
+                            <div class="row">
+                                <div class="col padding-20">
+                                    <div class="row align-items-center justify-conten-center" @click="chooseAllInvoice()">
+                                        <div class="col-auto pointer">
+                                            <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selectAllInvoice, 'fa-check-square': selectAllInvoice, 'text-primary':selectAllInvoice}" ></i>
+                                        </div>
+                                        <div class="col">
+                                            <h5 class="no-margin font-heading">Invoice No</h5>
+                                        </div>
+                                        <div class="col">
+                                            <h5 class="no-margin">Invoice Date</h5>
+                                        </div>
+                                        <div class="col">
+                                            <h5 class="no-margin">Status</h5>
+                                        </div>
+                                        <div class="col">
+                                            <h5 class="no-margin">Amount</h5>
+                                        </div>
+                                        <div class="col-auto">
+                                            <div class="btn bg-grey no-border muted invisible">
+                                                <i class="fa fa-file-pdf-o"></i>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" v-for="invoice in invoices">
+                        <div class="col">
+                            <payments-billing-components :data="invoice" :selectedInvoice="selectedInvoice" v-on:input="updateList($event)"></payments-billing-components>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-12 col-sm-12 col-md-3">
+                    <div class="row align-items-center">
+                        <div class="col b-a b-grey rounded padding-25">
+                            <div class="row">
+                                <div class="col">
+                                    <h6 class="semi-bold muted">Payment Summary</h6>
+                                </div>
+                            </div>
+                            <div class="row align-items-center justify-content-center">
+                                <div class="col-auto">
+                                    <div class="padding-5">
+                                        <i class="fa fa-angle-up"></i>
+                                    </div>
+                                </div>
+                                <div class="col p-l-0">
+                                    <h6 class="semi-bold text-primary">{{selectedInvoice.length}} Invoice Selected</h6>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <div class="row" v-for="invoice in selectedInvoice">
+                                        <div class="col">
+                                            <h6 class="no-margin">lorem ipsum</h6>
+                                        </div>
+                                        <div class="col-auto">
+                                            <h6 class="no-margin">52x62x635 CM</h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <hr>
+                            <div class="row">
+                                <div class="col">
+                                    <h6 class="normal">Total Payments</h6>
+                                </div>
+                                <div class="col-auto">
+                                    <h6 class="text-primary bold">RM 3300.00</h6>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <div class="btn btn-xl btn-success pointer m-t-10 w-100" @click='makePayment'>Make Payments</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    export default {
+        props: {
+            company_module_id: {
+                type: Number,
+                required: true,
+            },
+        },
+        data(){
+            return {
+                section: 'customerPaymentBillingSectionComponent',
+                isLoading: true,
+                invoices: null,
+                selectedInvoice: [],
+                selectAllInvoice: false,
+            }
+        },
+        computed: {
+            pendingQueue () {
+                return this.$store.getters.isInCompleteQueue(this.section);
+            }
+        },
+        watch: {
+            pendingQueue(inComplete){
+                if(inComplete){
+                    this.fetchInvoice();
+                }
+            }
+        },
+        created(){
+            this.$store.dispatch('updateListQueue', {'name': this.section});
+        },
+        methods: {
+            fetchInvoice(){
+                this.isLoading = true;
+                this.submit(route('api.company.invoice.list', this.company_module_id), 'get', this.section, false, false)
+            },
+            successHandler(response){
+                this.$store.dispatch('completeList', {'name': this.section, 'data': []});
+                this.isLoading = false;
+                this.invoices = response.payload.data;
+            },
+            makePayment(){
+                var selectedId = this.selectedInvoice.map(s=>s.id);
+                console.log(selectedId);
+
+            },
+            updateList(packageList){
+                this.selectedInvoice.includes(packageList) ? this.selectedInvoice.splice(this.selectedInvoice.indexOf(packageList), 1) : this.selectedInvoice.push(packageList);
+                this.selectedInvoice.length === this.invoices.length ? this.selectAllInvoice = true : this.selectAllInvoice = false;
+            },
+            chooseAllInvoice(){
+                this.selectAllInvoice = !this.selectAllInvoice;
+                this.selectedInvoice = [];
+                if (this.selectAllInvoice) {
+                    this.selectedInvoice = this.invoices;
+                }
+            }
+        }
+    }
+</script>
diff --git a/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
index 86535a80..590a78ca 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
@@ -4,110 +4,36 @@
             <div class="row">
                 <div class="col padding-20">
                     <div class="row align-items-center">
-                        <div class="col-auto pointer align-items-center" @click="selected = !selected">
+                        <div class="col-auto pointer align-items-center" @click="activate()">
                             <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selected, 'fa-check-square': selected, 'text-primary':selected}" ></i>
                         </div>
                         <div class="col">
-                            <h5 class="no-margin">{{item.country.id}}05052021</h5>
+                            <h5 class="no-margin">{{ item.bill_no }}</h5>
                         </div>
                         <div class="col">
-                            <h5 class="no-margin">Invoice Date Invoice Date</h5>
+                            <h5 class="no-margin">{{ item.created_at }}</h5>
                         </div>
                         <div class="col">
                             <h5 class="no-margin">Status</h5>
                         </div>
                         <div class="col">
-                            <h5 class="no-margin">Amount</h5>
+                            <h5 class="no-margin">MYR  {{ item.amount.toFixed(2) }}</h5>
                         </div>
                         <div class="col-auto">
-                            <div class="btn bg-grey no-border" @click="expanded = !expanded">
-                                <i class="fa" :class="{'fa-angle-down': !expanded, 'fa-angle-up': expanded}" ></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="row b-t b-grey p-t-10" v-show="expanded">
-                <div class="col p-b-10">
-                    <div class="row">
-                        <div class="col p-l-20 p-r-20 p-t-10 p-b-10">
-                            <div class="row align-items-center">
-                                <div class="col-auto invisible">
-                                    <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selected, 'fa-check-square': selected, 'text-primary':selected}" ></i>
-                                </div>
-                                <div class="col">
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="m-b-0">Carrier Tracking Number</h5>
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">#1zbr06tw403742920</h5>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col">
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="m-b-0">Due Date</h5>
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">11.04.2021</h5>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col">
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">Outstanding</h5>
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">RM0.00</h5>
-                                        </div>
-                                    </div>
+                            <div v-if="item.documents.length">
+                                <div v-for="file in item.documents[0].files" v-bind:key="file.id" class="col-auto no-padding">
+                                    <document-file-viewer-component :file="file">
+                                        <template slot="button">
+                                            <div class="btn bg-grey no-border muted">
+                                                <i class="fa fa-file-pdf-o"></i>
+                                            </div>
+                                        </template>
+                                    </document-file-viewer-component>
                                 </div>
                             </div>
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col p-l-20 p-r-20 p-t-10 p-b-10">
-                            <div class="row align-items-center">
-                                <div class="col-auto invisible">
-                                    <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selected, 'fa-check-square': selected, 'text-primary':selected}" ></i>
-                                </div>
-                                <div class="col">
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="m-b-0 normal-text">This package was delivered by</h5>
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">#1zbr06tw403742920</h5>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col">
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="m-b-0">Date Paid</h5>
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col">
-                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">21.01.2021</h5>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col">
-                                    <div class="btn btn-outline-complete btn-lg">
-                                        Invoice Detail
-                                    </div>
+                            <div v-else>
+                                <div class="btn bg-grey no-border muted invisible">
+                                    <i class="fa fa-file-pdf-o"></i>
                                 </div>
                             </div>
                         </div>
@@ -120,10 +46,33 @@
 <script>
     import componentHandler from '../../../general/mixins/componentHandler';
     export default {
+        props: {
+            selectedInvoice: {
+                type: Array,
+                required: false,
+            }  
+        },
         data(){
             return {
                 expanded: false,
-                selected: false,
+                selectedValue: false,
+            }
+        },
+        methods: {
+            activate(){
+                this.select = !this.select;
+                this.$emit('input', this.data);
+            }
+        },
+        computed: {
+            selected() {
+                var response = false;
+                this.selectedInvoice.forEach((value, index) => {
+                    if (value.id == this.item.id) {
+                        response = true;
+                    }
+                });
+                return response;
             }
         },
         mixins: [componentHandler]
diff --git a/resources/views/pages/customers/paymentsBilling.blade.php b/resources/views/pages/customers/paymentsBilling.blade.php
new file mode 100644
index 00000000..99babb62
--- /dev/null
+++ b/resources/views/pages/customers/paymentsBilling.blade.php
@@ -0,0 +1,4 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+    <customer-payment-billing-section-component :company_module_id={{$company_module_id}}></customer-payment-billing-section-component>
+@endsection
\ No newline at end of file
diff --git a/resources/views/partials/menu.blade.php b/resources/views/partials/menu.blade.php
index 4b975eb4..05aac613 100644
--- a/resources/views/partials/menu.blade.php
+++ b/resources/views/partials/menu.blade.php
@@ -122,7 +122,7 @@
                                      style=" fill:#000000;"><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 fill="#000000"><path d="M32.25,19.35v133.3h47.59814c-0.1763,-0.87075 -0.29814,-1.75695 -0.29814,-2.6707v-1.6293h-43v-124.7h68.8v30.1h30.1v23.90195c1.39535,-0.15265 2.82295,-0.25195 4.3,-0.25195v-26.69023l-31.35977,-31.35977zM109.65,26.69023l22.75977,22.75977h-22.75977zM47.3,27.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,36.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,45.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,53.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,62.35c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM86.17637,62.35v4.12783c-8.0754,0.7482 -12.97978,5.32437 -12.97978,12.23232c0,5.8351 3.65238,9.8429 10.32168,11.54785l2.65811,0.68867v13.63906c-4.45695,-0.50955 -7.32693,-2.99253 -7.62578,-6.55078h-6.34082c0.02365,5.66095 3.61012,9.82731 9.57422,11.48066c1.849,-2.9928 4.77992,-5.51263 8.49082,-7.34443v-10.44766c5.08475,1.01695 7.44522,3.07924 7.44522,6.52139c0,0.5074 -0.05237,0.98248 -0.14697,1.43613c2.021,-0.4214 4.16791,-0.65746 6.39961,-0.73486c0.04515,-0.46225 0.12598,-0.90404 0.12598,-1.38994c0,-6.192 -3.53195,-9.98705 -11.03975,-11.8124l-2.78408,-0.62988v-12.8916c3.9474,0.47945 6.64034,3.04917 6.76074,6.34082h6.25264c-0.1806,-6.67145 -5.26693,-11.39735 -13.01338,-12.08535v-4.12783zM47.3,70.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM86.17637,72.19297v12.05596c-4.3086,-0.8686 -6.58018,-2.99112 -6.58018,-6.07207c0,-3.26155 2.75103,-5.77534 6.58018,-5.98389zM47.3,79.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM139.75,83.85c-5.07645,0 -9.69507,1.1317 -13.21494,3.11162c-3.51987,1.97993 -6.13506,5.00886 -6.13506,8.71338c0,0.04448 0.01185,0.08589 0.0126,0.13018h-0.0126v11.17412v2.6959c-0.57832,-0.43562 -1.18402,-0.84736 -1.83506,-1.21357c-3.51987,-1.97993 -8.13849,-3.11162 -13.21494,-3.11162c-5.07645,0 -9.69507,1.1317 -13.21494,3.11162c-3.51987,1.97993 -6.13506,5.00886 -6.13506,8.71338c0,0.04448 0.01185,0.08589 0.0126,0.13018h-0.0126v10.52324v0.65088v10.75v10.75c0,3.61346 2.669,6.48532 6.18125,8.34805c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c1.57399,-0.83477 2.96028,-1.883 4.03125,-3.09902c1.07097,1.21602 2.45726,2.26425 4.03125,3.09902c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c3.51225,-1.86273 6.18125,-4.73459 6.18125,-8.34805v-11.40088v-10.09912v-0.42412v-10.86338v-10.86338v-10.52324h-0.0126c0.00075,-0.04429 0.0126,-0.08569 0.0126,-0.13018c0,-3.70452 -2.61519,-6.73345 -6.13506,-8.71338c-3.51987,-1.97993 -8.13849,-3.11162 -13.21494,-3.11162zM47.3,88.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM139.75,88.15c4.42285,0 8.40163,1.03559 11.10693,2.55732c2.70531,1.52174 3.94307,3.32884 3.94307,4.96768c0,1.63884 -1.23776,3.44594 -3.94307,4.96768c-2.70531,1.52173 -6.68408,2.55732 -11.10693,2.55732c-4.42285,0 -8.40163,-1.03559 -11.10693,-2.55732c-2.70531,-1.52174 -3.94307,-3.32884 -3.94307,-4.96768c0,-1.63884 1.23776,-3.44594 3.94307,-4.96768c2.70531,-1.52173 6.68408,-2.55732 11.10693,-2.55732zM47.3,96.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM124.7,103.1748c0.57832,0.43562 1.18402,0.84736 1.83506,1.21357c3.51987,1.97993 8.13849,3.11162 13.21494,3.11162c5.07645,0 9.69507,-1.1317 13.21494,-3.11162c0.65104,-0.36621 1.25674,-0.77795 1.83506,-1.21357v3.15361v0.65088c0,1.42339 -1.18021,3.10896 -3.89268,4.54776c-2.71246,1.43879 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.65088zM47.3,105.35c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM105.35,109.65c4.42285,0 8.40163,1.03559 11.10693,2.55732c2.70531,1.52174 3.94307,3.32884 3.94307,4.96768c0,0.00549 0.00003,0.01131 0,0.0168c-0.00826,1.63447 -1.24682,3.43424 -3.94307,4.95088c-2.70531,1.52173 -6.68408,2.55732 -11.10693,2.55732c-4.42285,0 -8.40163,-1.03559 -11.10693,-2.55732c-2.70531,-1.52174 -3.94307,-3.32884 -3.94307,-4.96768c0,-1.63884 1.23776,-3.44594 3.94307,-4.96768c2.70531,-1.52173 6.68408,-2.55732 11.10693,-2.55732zM47.3,113.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM124.7,114.14736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.65642,-1.05958 13.16875,-2.92266c0.66636,-0.35346 1.28807,-0.75577 1.88125,-1.17998v3.58193c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.5375zM47.3,122.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM90.3,124.6748c0.57832,0.43562 1.18402,0.84736 1.83506,1.21357c3.51987,1.97993 8.13849,3.11162 13.21494,3.11162c5.07645,0 9.69507,-1.1317 13.21494,-3.11162c0.65104,-0.36621 1.25674,-0.77795 1.83506,-1.21357v3.15361v0.22676v0.42412c0,1.42339 -1.18021,3.10896 -3.89268,4.54776c-2.71246,1.43879 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.65088zM124.7,124.89736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c0.6667,-0.35359 1.2878,-0.7555 1.88125,-1.17998v3.15781v0.42412c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.65088zM47.3,131.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM90.3,135.64736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.65642,-1.05958 13.16875,-2.92266c0.66636,-0.35346 1.28807,-0.75577 1.88125,-1.17998v3.04443v0.5375c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.5375zM124.7,135.64736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c0.6667,-0.35359 1.2878,-0.7555 1.88125,-1.17998v2.93105v0.65088c0,1.42339 -1.18021,3.10896 -3.89268,4.54776c-2.71246,1.43879 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.5375v-0.11338zM47.3,139.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM90.3,146.39736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c0.6667,-0.35359 1.2878,-0.7555 1.88125,-1.17998v3.58193c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776zM124.7,146.39736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.65642,-1.05958 13.16875,-2.92266c0.66636,-0.35346 1.28807,-0.75577 1.88125,-1.17998v3.58193c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776z"></path></g></g></svg>
                             </div>
                             <div class="col">
-                                <a href="{{route('template.payments-and-billing')}}"><h6 class="no-margin light fs-18 all-caps">Payments & Billing</h6></a>
+                                <a href="{{route('template.payment-and-billing')}}"><h6 class="no-margin light fs-18 all-caps">Payments & Billing</h6></a>
                             </div>
                         </div>
                         <div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
diff --git a/routes/company.php b/routes/company.php
index 37448fe4..bce4d29c 100644
--- a/routes/company.php
+++ b/routes/company.php
@@ -33,4 +33,6 @@ Route::group(['prefix' => 'company', 'as' => 'company.', 'namespace' => 'Compani
     });
 
     Route::get('/module/list', 'ListCompanyModulesController@list')->name('module.list');
+
+    Route::get('/{company_module_id}/invoice/list', 'ListCompanyModuleInvoicesController@list')->name('invoice.list');
 });
diff --git a/routes/web.php b/routes/web.php
index 4ae06adc..42f94dd4 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -166,6 +166,12 @@ Route::get('/customer/{marking}/details', function ($marking) {
     return view('pages.customers.profile_details', ['id' => $id]);
 })->name('customer.profile.details');
 
+Route::get('/customer/{marking}/payment-and-billing', function ($marking) {
+    $connection = CompanyConnection::where('invitee_reference', $marking)->first();
+    $company_module_id = $connection->invitee->id;
+    return view('pages.customers.paymentsBilling', ['company_module_id' => $company_module_id]);
+})->name('customer.payment-and-billing');
+
 Route::get('/orders/refresh', function(\Illuminate\Http\Request $request){
     $packingLists = \App\Models\PackingList::where('type', \App\Classes\ValueObjects\Constants\PackingListType::WAREHOUSE_RECEIVE_LIST)->has('containers')->get();
     dd($packingLists);
@@ -204,9 +210,9 @@ Route::get('/order/{id}/download', 'Orders\DownloadOrderQrPdfController@download
 Route::get('/report/customclearance/{orderid}', 'Reports\CustomcClearanceReportController@download')->name('report.customclearance');
 
 Route::group(['prefix' => 'template', 'as' => 'template.'], function () {
-    Route::get('/payments-and-billing', function () {
+    Route::get('/payment-and-billing', function () {
         return view('pages.templates.paymentsBilling');
-    })->name('payments-and-billing');
+    })->name('payment-and-billing');
 
     Route::get('/shipping-queue', function () {
         return view('pages.templates.shippingQueue');