From 2d4ef3d6e11386fd2e2a38942129ee1397f6d8a6 Mon Sep 17 00:00:00 2001
From: Matt Young <matt@mattyoung.us>
Date: Wed, 28 Jan 2026 04:13:08 -0600
Subject: [PATCH] Menu for each client dropdown

---
 resources/views/clients/index.blade.php         |  4 +++-
 .../views/components/⚡client-list.blade.php    | 17 ++++++++++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/resources/views/clients/index.blade.php b/resources/views/clients/index.blade.php
index 29fbec5..4919eb7 100644
--- a/resources/views/clients/index.blade.php
+++ b/resources/views/clients/index.blade.php
@@ -1,3 +1,5 @@
 <x-layouts::app :title="__('Clients')">
-    <livewire:client-list />
+    <div class="max-w-7xl mx-auto">
+        <livewire:client-list/>
+    </div>
 </x-layouts::app>
diff --git a/resources/views/components/⚡client-list.blade.php b/resources/views/components/⚡client-list.blade.php
index 54add0b..61b5569 100644
--- a/resources/views/components/⚡client-list.blade.php
+++ b/resources/views/components/⚡client-list.blade.php
@@ -30,7 +30,7 @@ new class extends Component {
 };
 ?>
 
-<!--suppress RequiredAttributes -->
+    <!--suppress RequiredAttributes -->
 <div>
     <flux:table :paginate="$this->clients">
         <flux:table.columns>
@@ -54,6 +54,7 @@ new class extends Component {
                                wire:click="sort('created_at')">
                 Created
             </flux:table.column>
+            <flux:table.column></flux:table.column>
         </flux:table.columns>
 
         <flux:table.rows>
@@ -68,6 +69,20 @@ new class extends Component {
                         </flux:badge>
                     </flux:table.cell>
                     <flux:table.cell>{{ $client->created_at->local()->format('m/d/Y | g:i A') }}</flux:table.cell>
+                    <flux:table.cell>
+                        <flux:dropdown position="bottom" align="start">
+                            <flux:button variant="ghost" size="sm" icon="ellipsis-horizontal"
+                                         inset="top bottom"></flux:button>
+
+                            <flux:navmenu>
+                                <flux:menu.group heading="{{ $client->abbreviation }}">
+                                    <flux:navmenu.separator></flux:navmenu.separator>
+                                    <flux:navmenu.item href="#" icon="pencil">Edit</flux:navmenu.item>
+                                </flux:menu.group>
+                            </flux:navmenu>
+                        </flux:dropdown>
+
+                    </flux:table.cell>
                 </flux:table.row>
             @endforeach
         </flux:table.rows>