From 79292f7b8f60a8920034e4c102d37dbaaf313502 Mon Sep 17 00:00:00 2001
From: LukiBeg <lucas.santoscv25@gmail.com>
Date: Wed, 10 Dec 2025 16:25:25 -0300
Subject: [PATCH 1/4] feat: Exibe detalhes ao clicar na imagem ou nome do
 cliente.

---
 resources/views/livewire/admin/show-client.blade.php | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/resources/views/livewire/admin/show-client.blade.php b/resources/views/livewire/admin/show-client.blade.php
index 7561221..e757efb 100644
--- a/resources/views/livewire/admin/show-client.blade.php
+++ b/resources/views/livewire/admin/show-client.blade.php
@@ -3,11 +3,11 @@
     <div class="client-card">
         <div class="client-card-header">
             <div class="client-avatar">
-                <img src="{{ asset('storage/' . $client->profile_image_path) }}" alt="Avatar do Cliente"
-                    class="w-32 h-32 rounded-full object-cover">
+                <img src="{{ asset('storage/' . $client->profile_image_path) }}" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })" alt="Avatar do Cliente"
+                    class="w-32 h-32 rounded-full object-cover cursor-pointer">
             </div>
             <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
-                <button @click="open = !open" class="client-options-button">
+                <button @click="open = !open" class="client-options-button cursor-pointer">
                     <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                         viewBox="0 0 20 20" fill="currentColor">
                         <path
@@ -16,9 +16,6 @@ class="w-32 h-32 rounded-full object-cover">
                 </button>
 
                 <ul x-show="open" class="client-options-list" x-transition>
-                    <li><a href="#" class="client-option-item"
-                            x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">Ver Detalhes</a>
-                    </li>
                     <li><a href="#" class="client-option-item"
                             x-on:click.prevent="$dispatch('update-client', { id: '{{ $client->id }}' })">Editar
                             Cliente</a></li>
@@ -29,7 +26,7 @@ class="w-32 h-32 rounded-full object-cover">
 
             </div>
         </div>
-        <div class="client-card-name">
+        <div class="client-card-name cursor-pointer" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">
             {{ $client->name }}
         </div>
     </div>

From 38ea1f7385aad9fceb90aeb8de89d1eea435e675 Mon Sep 17 00:00:00 2001
From: LukiBeg <lucas.santoscv25@gmail.com>
Date: Wed, 10 Dec 2025 18:02:37 -0300
Subject: [PATCH 2/4] feat: Ajustes

---
 app/Livewire/Admin/Client/EditClient.php | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/Livewire/Admin/Client/EditClient.php b/app/Livewire/Admin/Client/EditClient.php
index 3b906d7..a8ff7fe 100644
--- a/app/Livewire/Admin/Client/EditClient.php
+++ b/app/Livewire/Admin/Client/EditClient.php
@@ -41,7 +41,6 @@ public function edit(ClientService $clientService)
             $this->authorize('editClient', Auth::user());
             $data = $this->clientForm->validate();
 
-
             if ($this->clientForm->profile_image_path) {
                 $path = $this->clientForm->profile_image_path->store('client_logos', 'public');
                 $data['profile_image_path'] = $path;

From 1c8f03a45d6e91fb21a62624df7e92d32eb43900 Mon Sep 17 00:00:00 2001
From: LukiBeg <lucas.santoscv25@gmail.com>
Date: Wed, 10 Dec 2025 18:04:05 -0300
Subject: [PATCH 3/4] feat: Filtro adicionado.

---
 app/Livewire/ShowClient.php | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/Livewire/ShowClient.php b/app/Livewire/ShowClient.php
index 3565f20..ea11573 100644
--- a/app/Livewire/ShowClient.php
+++ b/app/Livewire/ShowClient.php
@@ -8,16 +8,33 @@
 
 class ShowClient extends Component
 {
+    public $filters = '';
+    public $clients;
+
+    public function mount()
+    {
+        $this->clients = Client::all();
+    }
+
+    #[On('filters-added')]
+
+    public function updatedFilters()
+    {
+        $this->clients = Client::where('name', 'LIKE', '%' . $this->filters . '%')->get();
+    }
 
     #[On('client-deleted')]
     #[On('client-updated')]
     #[On('client-added')]
+    public function refreshClients()
+    {
+        $this->clients = Client::all();
+    }
+
     public function render()
     {
-        $clients = Client::all();
-
         return view('livewire.admin.show-client', [
-            'clients' => $clients
+            'clients' => $this->clients
         ]);
     }
 }

From 6b3886507432c9cf77fb153928e567f80e94960b Mon Sep 17 00:00:00 2001
From: LukiBeg <lucas.santoscv25@gmail.com>
Date: Wed, 10 Dec 2025 18:06:26 -0300
Subject: [PATCH 4/4] feat: Filtra clientes.

---
 .../livewire/admin/show-client.blade.php      | 95 +++++++++++++------
 1 file changed, 68 insertions(+), 27 deletions(-)

diff --git a/resources/views/livewire/admin/show-client.blade.php b/resources/views/livewire/admin/show-client.blade.php
index e757efb..93c2963 100644
--- a/resources/views/livewire/admin/show-client.blade.php
+++ b/resources/views/livewire/admin/show-client.blade.php
@@ -1,34 +1,75 @@
-<div class="container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
-    @foreach ($clients as $client)
-    <div class="client-card">
-        <div class="client-card-header">
-            <div class="client-avatar">
-                <img src="{{ asset('storage/' . $client->profile_image_path) }}" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })" alt="Avatar do Cliente"
-                    class="w-32 h-32 rounded-full object-cover cursor-pointer">
-            </div>
-            <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
-                <button @click="open = !open" class="client-options-button cursor-pointer">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
-                        viewBox="0 0 20 20" fill="currentColor">
-                        <path
-                            d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
+<div class="container">
+
+    <div class="flex justify-center">
+        <div class="w-full max-w-md mb-6">
+            <div x-data="{ query: @entangle('filters') }" class="relative rounded-md shadow-sm">
+
+                <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+                    <svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                        <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd" />
                     </svg>
-                </button>
+                </div>
 
-                <ul x-show="open" class="client-options-list" x-transition>
-                    <li><a href="#" class="client-option-item"
-                            x-on:click.prevent="$dispatch('update-client', { id: '{{ $client->id }}' })">Editar
-                            Cliente</a></li>
-                    <li><a href="#" class="client-option-item text-red-600"
-                            x-on:click.prevent="$dispatch('sure', { id: '{{ $client->id }}' })"> Excluir Cliente</a>
-                    </li>
-                </ul>
+                <input
+                    type="text"
+                    wire:model.live.debounce.10ms="filters"
+                    x-model="query"
+                    name="search"
+                    id="search"
+                    class="block w-full outline-none rounded-md bg-white border-0 py-2 pl-10 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+                    placeholder="Buscar por nome, email..." 
+                     @keyup.enter="$dispatch('filters-added')"
+                    >
 
+                <div
+                    x-show="query"
+                    style="display: none;"
+                    class="absolute inset-y-0 right-0 flex items-center pr-3">
+                    <button
+                        @click="query = ''; $wire.set('filters', '')"
+                        type="button"
+                        class="text-gray-400 hover:text-gray-600 focus:outline-none">
+                        <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" />
+                        </svg>
+                    </button>
+                </div>
             </div>
         </div>
-        <div class="client-card-name cursor-pointer" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">
-            {{ $client->name }}
-        </div>
     </div>
-    @endforeach
+
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+        @foreach ($clients as $client)
+        <div class="client-card" wire:transition.scale.origin.top.duration.300ms>
+            <div class="client-card-header">
+                <div class="client-avatar">
+                    <img src="{{ asset('storage/' . $client->profile_image_path) }}" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })" alt="Avatar do Cliente"
+                        class="w-32 h-32 rounded-full object-cover cursor-pointer">
+                </div>
+                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
+                    <button @click="open = !open" class="client-options-button cursor-pointer">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
+                            viewBox="0 0 20 20" fill="currentColor">
+                            <path
+                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
+                        </svg>
+                    </button>
+
+                    <ul x-show="open" class="client-options-list" x-transition>
+                        <li><a href="#" class="client-option-item"
+                                x-on:click.prevent="$dispatch('update-client', { id: '{{ $client->id }}' })">Editar
+                                Cliente</a></li>
+                        <li><a href="#" class="client-option-item text-red-600"
+                                x-on:click.prevent="$dispatch('sure', { id: '{{ $client->id }}' })"> Excluir Cliente</a>
+                        </li>
+                    </ul>
+
+                </div>
+            </div>
+            <div class="client-card-name cursor-pointer" x-on:click.prevent="$dispatch('client-detail', { id: '{{ $client->id }}' })">
+                {{ $client->name }}
+            </div>
+        </div>
+        @endforeach
+    </div>
 </div>
\ No newline at end of file