diff --git a/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
new file mode 100644
index 00000000..86535a80
--- /dev/null
+++ b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+
+
+
{{item.country.id}}05052021
+
+
+
Invoice Date Invoice Date
+
+
+
Status
+
+
+
Amount
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Carrier Tracking Number
+
+
+
+
+
#1zbr06tw403742920
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This package was delivered by
+
+
+
+
+
#1zbr06tw403742920
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Invoice No
+
+
+
Invoice Date
+
+
+
Status
+
+
+
Amount
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
2 Invoice Selected
+
+
+
+
+
+
+
x1
+
+
+
lorem ipsum
+
+
+
52x62x635 CM
+
+
+
+
+
x1
+
+
+
lorem ipsum
+
+
+
52x62x635 CM
+
+
+
+
+
+
+
+
Shipping Fee
+
+
+
RM 212.15
+
+
+
+
+
Serrvice Fee
+
+
+
RM 41.25
+
+
+
+
+
Discount
+
+
+
RM 0.00
+
+
+
+
+
+
Total Payments
+
+
+
RM 3300.00
+
+
+
+
+
+
+
+
diff --git a/routes/web.php b/routes/web.php
index b1370bfe..f2180626 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -80,4 +80,8 @@ Route::get('/test', function(){
$address->street_two = (new \App\Classes\Modules\Addresses\Services\CleansOldAddress())->cleanAddress($address->street_two, $address->district, $address->postcode);
$address->save();
}
-})->name('test');
\ No newline at end of file
+})->name('test');
+
+Route::get('/payments-and-billing', function () {
+ return view('pages.templates.paymentsBilling');
+})->name('payments-and-billing');
\ No newline at end of file