diff --git a/app/Http/Controllers/Api/InvoiceController.php b/app/Http/Controllers/Api/InvoiceController.php
index 11dd1c2..bb5893d 100644
--- a/app/Http/Controllers/Api/InvoiceController.php
+++ b/app/Http/Controllers/Api/InvoiceController.php
@@ -16,7 +16,7 @@ class InvoiceController extends Controller
     {
         $from = $from . ' 00:00:00';
         $end = $end . ' 23:59:59';
-        return response()->json(Invoice::whereBetween('created_at', [$from, $end])->with('address')->orderBy('created_at', 'desc')->get());
+        return response()->json(Invoice::whereBetween('created_at', [$from, $end])->with(['address', 'customer'])->orderBy('created_at', 'desc')->get());
     }
 
     public function open(): JsonResponse
diff --git a/resources/views/invoice/index.blade.php b/resources/views/invoice/index.blade.php
index fb4219a..511e45b 100644
--- a/resources/views/invoice/index.blade.php
+++ b/resources/views/invoice/index.blade.php
@@ -42,22 +42,22 @@
 
                         <summary class="cursor-pointer flex flex-row w-full mt-4">
                             <div class="w-1/6 font-bold border-b-2">{{ __('invoice.Invoice Number') }}</div>
-                            <div class="w-1/6 font-bold border-b-2">{{ __('common.Name') }}</div>
-                            <div class="w-1/4 font-bold border-b-2">{{ __('common.Email') }}</div>
+                            <div class="w-1/3 font-bold border-b-2">{{ __('customer.Customer') }}</div>
+                            <div class="w-1/4 font-bold border-b-2">{{ __('common.Name') }}</div>
                             <div class="w-1/12 font-bold border-b-2">{{ __('invoice.State') }}</div>
-                            <div class="w-1/6 font-bold border-b-2 text-right">{{ __('invoice.Sum') }}</div>
-                            <div class="w-1/6 font-bold border-b-2 text-right">{{ __('common.Created at') }}</div>
+                            <div class="w-1/12 font-bold border-b-2 text-right">{{ __('invoice.Sum') }}</div>
+                            <div class="w-1/12 font-bold border-b-2 text-right">{{ __('common.Created at') }}</div>
                         </summary>
 
                         <template x-for="invoice in invoices">
                             <details class="even:bg-gray-100 odd:bg-white">
                                 <summary class="cursor-pointer flex flex-row w-full" @click="window.location.href='/invoice/' + invoice.id;">
                                     <div class="w-1/6" x-text="invoice.number"></div>
-                                    <div class="w-1/6" x-text="invoice.address.name"></div>
-                                    <div class="w-1/4" x-text="invoice.address.email"></div>
+                                    <div class="w-1/3" x-text="invoice.customer.name"></div>
+                                    <div class="w-1/4" x-text="invoice.address.name"></div>
                                     <div class="w-1/12" x-text="invoice.localized_state"></div>
-                                    <div class="w-1/6 text-right" x-text="invoice.sum + ' €'"></div>
-                                    <div class="w-1/6 text-right" x-text="invoice.created"></div>
+                                    <div class="w-1/12 text-right" x-text="invoice.sum + ' €'"></div>
+                                    <div class="w-1/12 text-right" x-text="invoice.created"></div>
                                 </summary>
                             </details>
                         </template>
diff --git a/resources/views/payment/index.blade.php b/resources/views/payment/index.blade.php
index be0511f..276a782 100644
--- a/resources/views/payment/index.blade.php
+++ b/resources/views/payment/index.blade.php
@@ -57,6 +57,17 @@
                             </details>
                         </template>
 
+                        <div class="w-full  border-t-2"></div>
+
+                        <div class="w-1/2 grid grid-cols-2">
+                            <div>{{ __('invoice.Net') }}</div>
+                            <div class="text-right" x-text="(sum - tax).toFixed(2) + ' €'"></div>
+                            <div>{{ __('invoice.Tax') }}</div>
+                            <div class="text-right" x-text="tax + ' €'"></div>
+                            <div class="font-bold">{{ __('invoice.Sum') }}</div>
+                            <div class="font-bold text-right" x-text="sum + ' €'"></div>
+                        </div>
+
                     </section>
                 </div>
             </div>
@@ -72,6 +83,7 @@
             end: "{{ \Illuminate\Support\Facades\Date::now()->format('Y-m-d') }}",
             payments: [],
             sum: 0,
+            tax: 0,
 
             init() {
                 this.fetchPayments();
@@ -91,10 +103,13 @@
 
             calculateSum() {
                 this.sum = 0;
+                this.tax = 0;
                 for (const [key, payment] of Object.entries(this.payments)) {
-                    this.sum += parseFloat(payment.sum);
+                    this.sum += parseFloat(payment.paid_amount);
+                    this.tax += payment.invoice.tax * payment.paid_amount / payment.invoice.sum;
                 }
                 this.sum = this.sum.toFixed(2);
+                this.tax = this.tax.toFixed(2);
             }
         }
     }