From d25988bb9a6d266e54a68e7b7f519a3d2487ec1b Mon Sep 17 00:00:00 2001
From: Matt Young <matt@mattyoung.us>
Date: Fri, 30 Jan 2026 18:07:44 -0600
Subject: [PATCH] Show open invoices on the dashboard.

---
 .../components/⚡open-invoices.blade.php      | 100 ++++++++++++++++++
 resources/views/dashboard.blade.php           |   4 +-
 2 files changed, 102 insertions(+), 2 deletions(-)
 create mode 100644 resources/views/components/⚡open-invoices.blade.php

diff --git a/resources/views/components/⚡open-invoices.blade.php b/resources/views/components/⚡open-invoices.blade.php
new file mode 100644
index 0000000..2b82563
--- /dev/null
+++ b/resources/views/components/⚡open-invoices.blade.php
@@ -0,0 +1,100 @@
+<?php
+
+use App\Enums\InvoiceStatus;
+use App\Models\Invoice;
+use Illuminate\Support\Facades\Cache;
+use Livewire\Component;
+
+new class extends Component {
+    public ?array $invoices = null;
+    public float $totalOpen = 0;
+
+    public function mount(): void
+    {
+        $this->loadInvoices();
+    }
+
+    public function loadInvoices(): void
+    {
+        $data = Cache::remember('open_invoices', now()->addMinutes(15), function () {
+            $allOpen = Invoice::where('status', InvoiceStatus::POSTED)->with('client')->get();
+
+            return [
+                'total' => $allOpen->sum('balance_due'),
+                'invoices' => $allOpen
+                    ->sortBy('invoice_date')
+                    ->take(5)
+                    ->map(fn($invoice) => [
+                        'uuid' => $invoice->uuid,
+                        'invoice_number' => $invoice->invoice_number,
+                        'client_name' => $invoice->client?->abbreviation ?? $invoice->client?->name ?? 'Unknown',
+                        'invoice_date' => $invoice->invoice_date?->format('M j, Y'),
+                        'days_old' => $invoice->invoice_date?->diffInDays(now()),
+                        'balance_due' => $invoice->balance_due,
+                    ])
+                    ->values()
+                    ->toArray(),
+            ];
+        });
+
+        // Handle stale cache format
+        if (!isset($data['total'])) {
+            Cache::forget('open_invoices');
+            $this->loadInvoices();
+            return;
+        }
+
+        $this->totalOpen = $data['total'];
+        $this->invoices = $data['invoices'];
+    }
+
+    public function refresh(): void
+    {
+        Cache::forget('open_invoices');
+        $this->loadInvoices();
+    }
+};
+?>
+
+<div class="flex h-full flex-col p-4">
+    <div class="flex items-center justify-between">
+        <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400">Open Invoices</h3>
+        <button wire:click="refresh" wire:loading.attr="disabled" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
+            <flux:icon.arrow-path class="size-4" wire:loading.class="animate-spin" />
+        </button>
+    </div>
+    <p class="text-xl font-semibold text-gray-900 dark:text-white mb-1">${{ number_format($totalOpen, 0) }}</p>
+
+    @if(empty($invoices))
+        <div class="flex flex-1 items-center justify-center">
+            <p class="text-sm text-gray-500">No open invoices</p>
+        </div>
+    @else
+        <div class="flex-1 overflow-auto -mx-1">
+            <table class="w-full text-xs">
+                <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+                    @foreach($invoices as $invoice)
+                        <tr class="hover:bg-gray-50 dark:hover:bg-neutral-700/50">
+                            <td class="py-1 px-1">
+                                <a href="{{ route('invoices.edit', $invoice['uuid']) }}" class="text-blue-600 hover:underline dark:text-blue-400">
+                                    {{ $invoice['invoice_number'] }}
+                                </a>
+                            </td>
+                            <td class="py-1 px-1 text-gray-600 dark:text-gray-300 truncate max-w-[80px]" title="{{ $invoice['client_name'] }}">
+                                {{ $invoice['client_name'] }}
+                            </td>
+                            <td class="py-1 px-1 text-right font-medium text-gray-900 dark:text-white">
+                                ${{ number_format($invoice['balance_due'], 0) }}
+                            </td>
+                            <td class="py-1 px-1 text-right text-gray-500">
+                                {{ $invoice['days_old'] }}d
+                            </td>
+                        </tr>
+                    @endforeach
+                </tbody>
+            </table>
+        </div>
+    @endif
+
+    <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">Cached for 15 min</p>
+</div>
\ No newline at end of file
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 47b2ffe..1325aad 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -7,8 +7,8 @@
             <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-800">
                 <livewire:stripe-payout />
             </div>
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-800">
+                <livewire:open-invoices />
             </div>
         </div>
         <div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">