From e858d8b34d138d7ecdd43f348f0dd73f1ab867c6 Mon Sep 17 00:00:00 2001
From: LukiBeg <lucas.santoscv25@gmail.com>
Date: Mon, 17 Nov 2025 17:26:47 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20Componentes=20para=20edi=C3=A7=C3=A3o?=
 =?UTF-8?q?=20dos=20clientes.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Livewire/Admin/EditClient.php             |  45 ++++
 .../livewire/admin/edit-client.blade.php      | 192 ++++++++++++++++++
 2 files changed, 237 insertions(+)
 create mode 100644 app/Livewire/Admin/EditClient.php
 create mode 100644 resources/views/livewire/admin/edit-client.blade.php

diff --git a/app/Livewire/Admin/EditClient.php b/app/Livewire/Admin/EditClient.php
new file mode 100644
index 0000000..0ac03ad
--- /dev/null
+++ b/app/Livewire/Admin/EditClient.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Livewire\Admin;
+
+use App\Livewire\Forms\ClientForm;
+use App\Models\Client;
+use Livewire\Attributes\On;
+use Livewire\Component;
+use Exception;
+
+class EditClient extends Component
+{
+
+    public Client $client;
+    public ClientForm $clientForm;
+
+    #[On('update-client')]
+    public function loadClient($id)
+    {
+        try {
+            $this->client = Client::find($id);
+
+            if ($this->client) {
+                $this->clientForm->addClient($this->client);
+            }
+        } catch (Exception $e) {
+            $this->dispatch('notify', message: 'Ocorreu um erro inesperado ao editar o cliente. ' + $e);
+        }
+    }
+    public function edit($clientId)
+    {
+        $this->clientForm->validate();
+
+        try {
+            $this->clientForm->updateClient($this->client);
+            $this->dispatch('notify', message: $this->client->client_name + ' atualizado com sucesso!');
+        } catch (Exception $e) {
+            $this->dispatch('notify', message: 'Ocorreu um erro inesperado ao tentar confirmar edição do cliente. ' + $e);
+        }
+    }
+    public function render()
+    {
+        return view('livewire.admin.edit-client');
+    }
+}
diff --git a/resources/views/livewire/admin/edit-client.blade.php b/resources/views/livewire/admin/edit-client.blade.php
new file mode 100644
index 0000000..ae753fd
--- /dev/null
+++ b/resources/views/livewire/admin/edit-client.blade.php
@@ -0,0 +1,192 @@
+<div x-data="{ showEditClientModal: false, clientId: null  }" x-cloak @keydown.escape.window="showEditClientModal = false"
+    x-on:update-client.window="showEditClientModal = true, clientId = $event.detail.id" x-on:client-updated.window="showEditClientModal = false"
+    class="relative z-50">
+
+    <div x-show="showEditClientModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0"
+        x-transition:enter-end="opacity-25" x-transition:leave="ease-in duration-200"
+        x-transition:leave-start="opacity-0" x-transition:leave-end="opacity-0"
+        class="fixed inset-0 bg-white/50 transition-opacity"></div>
+
+    <div x-show="showEditClientModal" x-transition:enter="transform transition ease-in-out duration-300 sm:duration-500"
+        x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0"
+        x-transition:leave="transform transition ease-in-out duration-300 sm:duration-500"
+        x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full"
+        class="fixed inset-y-0 right-0 flex max-w-full pl-10" @click.away="showEditClientModal = false">
+        <div class="w-screen max-w-3xl">
+
+            <form wire:submit="edit(clientId)" class="flex h-full flex-col overflow-y-scroll bg-white shadow-xl">
+
+                <div class="bg-white px-4 py-6 sm:px-6">
+                    <div class="flex items-center justify-between">
+                        <h2 class="text-lg font-semibold leading-6 text-black" id="slide-over-title">
+                            Edição de cliente
+                        </h2>
+                        <button type="button" @click="showEditClientModal = false"
+                            class="rounded-md text-blue-200 hover:text-white cursor-pointer focus:outline-none focus:ring-2 focus:ring-white">
+                            <span class="sr-only">Fechar painel</span>
+                            <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                stroke-width="1.5" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="form-wrapper-modal">
+                    <div class="form-grid-container">
+
+                        <div class="form-main-panel-modal">
+
+                            <div class="form-group">
+                                <h2 class="form-section-title">Informações Principais</h2>
+
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                    <div>
+                                        <label for="client_name" class="form-label">Nome Fantasia *</label>
+                                        <input type="text" wire:model="clientForm.client_name" id="client_name"
+                                            class="form-input">
+                                        @error('form.client_name') <span
+                                            class="text-red-500 text-sm">{{ $message }}</span>
+                                        @enderror
+                                    </div>
+                                    <div>
+                                        <label for="legal_name" class="form-label">Razão Social *</label>
+                                        <input type="text" wire:model="clientForm.legal_name" id="legal_name"
+                                            class="form-input">
+                                        @error('form.legal_name') <span
+                                            class="text-red-500 text-sm">{{ $message }}</span> @enderror
+                                    </div>
+                                </div>
+                                <div class="mt-4">
+                                    <label for="cnpj" class="form-label">CNPJ *</label>
+                                    <input type="text" wire:model="clientForm.cnpj" id="cnpj" class="form-input">
+                                    @error('form.cnpj') <span class="text-red-500 text-sm">{{ $message }}</span>
+                                    @enderror
+                                </div>
+                                <div class="mt-4">
+                                    <label for="profile_image_path" class="form-label">Logo do Cliente</label>
+                                    <input type="file" wire:model="clientForm.profile_image_path" id="profile_image_path"
+                                        class="form-file-input">
+
+                                    <div wire:loading wire:target="clientForm.profile_image_path"
+                                        class="text-sm text-blue-600 mt-1">
+                                        Enviando...
+                                    </div>
+                                    @error('form.profile_image_path') <span
+                                        class="text-red-500 text-sm">{{ $message }}</span> @enderror
+                                </div>
+                            </div>
+
+                            <hr class="form-divider">
+
+                            <div class="form-group">
+                                <h2 class="form-section-title">Detalhes do Servidor PBX</h2>
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                    <div>
+                                        <label for="pbx_hosting" class="form-label">Hospedagem PBX</label>
+                                        <input type="text" wire:model="clientForm.pbx_hosting" id="pbx_hosting"
+                                            class="form-input" placeholder="Ex: Vultr, Local, AWS">
+                                    </div>
+                                    <div>
+                                        <label for="activation_date" class="form-label">Data de Ativação</label>
+                                        <input type="date" wire:model="clientForm.activation_date" id="activation_date"
+                                            class="form-input">
+                                    </div>
+                                    <div>
+                                        <label for="carrier" class="form-label">Operadora</label>
+                                        <input type="text" wire:model="clientForm.carrier" id="carrier" class="form-input">
+                                    </div>
+                                    <div>
+                                        <label for="access_type" class="form-label">Tipo de Acesso</label>
+                                        <input type="text" wire:model="clientForm.access_type" id="access_type"
+                                            class.="form-input" placeholder="Ex: SSH, AnyDesk, VPN">
+                                    </div>
+                                    <div>
+                                        <label for="server_ip" class="form-label">IP do Servidor</label>
+                                        <input type="text" wire:model="clientForm.server_ip" id="server_ip"
+                                            class="form-input">
+                                        @error('form.server_ip') <span
+                                            class="text-red-500 text-sm">{{ $message }}</span> @enderror
+                                    </div>
+                                    <div>
+                                        <label for="root_password" class="form-label">Senha (root)</label>
+                                        <input type="password" wire:model="clientForm.root_password" id="root_password"
+                                            class="form-input">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <hr class="form-divider">
+
+                            <div class="form-group">
+                                <h2 class="form-section-title">WhatsApp</h2>
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                    <div>
+                                        <label for="whatsapp_number" class="form-label">Número do WhatsApp</label>
+                                        <input type="text" wire:model="clientForm.whatsapp_number" id="whatsapp_number"
+                                            class="form-input">
+                                    </div>
+                                    <div>
+                                        <label for="whatsapp_activation_date" class="form-label">Data Ativação
+                                            WhatsApp</label>
+                                        <input type="date" wire:model="clientForm.whatsapp_activation_date"
+                                            id="whatsapp_activation_date" class="form-input">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="form-sidebar-column">
+                            <div class="form-sticky-sidebar-modal">
+                                <div class="form-section-card">
+                                    <h2 class="form-section-title">Módulos & Recursos</h2>
+                                    <div class="form-checkbox-group">
+                                        <label class="form-checkbox-item">
+                                            <input type="checkbox" wire:model="clientForm.has_call_center"
+                                                class="form-checkbox">
+                                            <span>Possui Call Center?</span>
+                                        </label>
+                                        <label class="form-checkbox-item">
+                                            <input type="checkbox" wire:model="clientForm.has_voice_gateway"
+                                                class="form-checkbox">
+                                            <span>Possui Gateway de Voz?</span>
+                                        </label>
+                                        <label class="form-checkbox-item">
+                                            <input type="checkbox" wire:model="clientForm.has_fop2" class="form-checkbox">
+                                            <span>Possui FOP2?</span>
+                                        </label>
+                                    </div>
+                                    <div class="mt-4">
+                                        <label for="modules" class="form-label">Módulos Adicionais (JSON)</label>
+                                        <textarea wire:model="clientForm.modules" id="modules" rows="3" class="form-input"
+                                            placeholder="Ex: {&quot;bi&quot;: true}"></textarea>
+                                        @error('form.modules') <span class="text-red-500 text-sm">{{ $message }}</span>
+                                        @enderror
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="flex-shrink-0 border-t border-gray-200 px-4 py-4 sm:px-6">
+                    <div class="flex justify-end space-x-3">
+
+                        <button type="button" @click="showEditClientModal = false" class="form-button-secondary">
+                            Cancelar
+                        </button>
+
+                        <button type="submit" class="form-button-primary">
+                            Salvar Edição
+
+                            <div wire:loading wire:target="save"
+                                class="ml-2 h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent">
+                            </div>
+                        </button>
+                    </div>
+                </div>
+
+            </form>
+        </div>
+    </div>
+
+
+</div>
\ No newline at end of file