diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 26cccd04..e38b6dee 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -3,14 +3,15 @@
 namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
+use App\Http\Views\HomeView;
 
 class HomeController extends Controller
 {
-    public function __invoke()
+    public function __invoke(Request $request)
     {
         session()->put('menu', 'dashboard');
         session()->put('title', 'Dashboard');
-        
-        return \Inertia::render('Home', []);
+
+        return \Inertia::render('home/Index', app(HomeView::class)->index($request));
     }
 }
diff --git a/app/Http/Views/HomeView.php b/app/Http/Views/HomeView.php
new file mode 100644
index 00000000..1c27f607
--- /dev/null
+++ b/app/Http/Views/HomeView.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Views;
+
+use App\Member\MemberResource;
+use App\Member\Member;
+use Illuminate\Http\Request;
+use App\Payment\Status;
+use App\Payment\Subscription;
+use App\Payment\PaymentResource;
+use App\Payment\Payment;
+
+class HomeView {
+    public function index(Request $request) {
+        $amount = Payment::whereNeedsPayment()->selectRaw('sum(subscriptions.amount) AS a')->join('subscriptions', 'subscriptions.id', 'payments.subscription_id')->first()->a;
+        $members = Member::whereHasPendingPayment()->count();
+
+        return [
+            'data' => [
+                'payments' => [
+                    'users' => $members,
+                    'all_users' => Member::count(),
+                    'amount' => number_format($amount / 100, 2, ',', '.').' €'
+                ]
+            ]
+        ];
+    }
+
+}
diff --git a/app/Member/Member.php b/app/Member/Member.php
index 578eeb36..cb78baf2 100644
--- a/app/Member/Member.php
+++ b/app/Member/Member.php
@@ -154,6 +154,12 @@ class Member extends Model
         ]);
     }
 
+    public function scopeWhereHasPendingPayment($q) {
+        return $q->whereHas('payments', function($q) {
+            return $q->whereNeedsPayment();
+        });
+    }
+
     public function scopePayable($q) {
         $q->where('bill_kind_id', '!=', null)->where('subscription_id', '!=', null);
     }
@@ -164,4 +170,8 @@ class Member extends Model
         });
     }
 
+    public function scopeForDashboard($q) {
+        return $q->selectRaw('SUM(id)');
+    }
+
 }
diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
deleted file mode 100644
index b384f399..00000000
--- a/resources/js/views/Home.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-    <div class="gap-6 grid-cols-4 grid p-6">
-
-        <!-- 
-        <inertia-link v-for="block, index in blocks" class="items-center text-gray-800 bg-gray-100 hover:bg-gray-300 p-6 shadow flex flex-col" :href="block.href" :key="index">
-            <span class="flex-grow mb-4">
-                <span :class="block.icon" class="fa fa-lg text-gray-700"></span>
-            </span>
-            <span v-html="block.label"></span>
-        </inertia-link>
-        -->
-    </div>
-</template>
-
-<script>
-import App from '../layouts/App';
-
-export default {
-    layout: App,
-
-    props: {
-        blocks: {}
-    }
-
-};
-</script>
diff --git a/resources/js/views/home/Block.vue b/resources/js/views/home/Block.vue
new file mode 100644
index 00000000..bcacf8ad
--- /dev/null
+++ b/resources/js/views/home/Block.vue
@@ -0,0 +1,16 @@
+<template>
+    <div class="rounded-lg bg-gray-700 text-gray-400 p-3">
+        <div class="text-base pb-2 leading-none" v-html="title"></div>
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        title: {
+            required: true
+        }
+    }
+};
+</script>
diff --git a/resources/js/views/home/Index.vue b/resources/js/views/home/Index.vue
new file mode 100644
index 00000000..f99fc2fb
--- /dev/null
+++ b/resources/js/views/home/Index.vue
@@ -0,0 +1,27 @@
+<template>
+    <div class="gap-6 grid-cols-4 grid p-6">
+        <block title="Ausstehende Mitgliedsbeiträge">
+            <div class="text-gray-100">
+                <span class="text-xl mr-1 font-semibold" v-text="data.payments.amount"></span>
+                <span class="text-sm" v-text="`von ${data.payments.users} / ${data.payments.all_users} Mitgliedern`"></span>
+            </div>
+        </block>
+    </div>
+</template>
+
+<script>
+import App from '../../layouts/App';
+import Block from './Block.vue';
+
+export default {
+    layout: App,
+
+    components: { Block },
+
+    props: {
+        data: {},
+        blocks: {}
+    }
+
+};
+</script>