LukiBeg
/
Nexus-InglineSystems
mirror of https://github.com/Lukibeg/Nexus-InglineSystems.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: LukiBeg:6f0ffa14d504e119c8ea7ea1ed72b51fe538adcc
Branches Tags
LukiBeg:main
LukiBeg:notebook
..
compare: LukiBeg:8cd8cbe2837151f3c1a4c380d2c318ffc3499a9e
Branches Tags
LukiBeg:main
LukiBeg:notebook

No commits in common. "6f0ffa14d504e119c8ea7ea1ed72b51fe538adcc" and "8cd8cbe2837151f3c1a4c380d2c318ffc3499a9e" have entirely different histories.
6f0ffa14d5 ... 8cd8cbe283

22 changed files with 767 additions and 1552 deletions
Show Stats Expand all files Collapse all files

23
app/Http/Controllers/AddClientController.php Normal file
View File

@ -0,0 +1,23 @@
<?php
namespace App\Http\Controllers;
use App\Services\ClientService;
use Illuminate\Http\Request;
class AddClientController extends Controller
{
private ClientService $clientService;
public function __construct(ClientService $clientService)
{
$this->clientService = $clientService;
}
public function addClient(Request $request)
{
dd($this->clientService);
}
}

2
app/Http/Controllers/LogoutController.php
View File

@ -15,6 +15,6 @@ public function logout(Request $request)
$request->session()->invalidate(); $request->session()->invalidate();
$request->session()->regenerateToken(); $request->session()->regenerateToken();
return redirect('/login')->with('success', 'Logout efetuado com sucesso!'); return redirect('/')->with('success', 'Logout efetuado com sucesso!');
} }
} }

57
app/Livewire/Admin/AddClient.php
View File

@ -1,57 +0,0 @@
<?php
namespace App\Livewire\Admin;
use App\Models\Client;
use App\Livewire\Forms\ClientForm; // 1. Importa seu Form Object
use Livewire\Component;
use Livewire\WithFileUploads;
use Livewire\Attributes\On;
class AddClient extends Component
{
use WithFileUploads;
// 1. Declara as propriedades principais
public ClientForm $form;
/**
* Método principal chamado pelo wire:submit="save".
*/
public function save()
{
// 2. Valida os dados usando as 'rules' do ClientForm.php
$this->form->validate();
try {
$data = $this->form->all();
$data['name'] = $data['client_name'];
// 4. Lida com o upload do arquivo de imagem
if ($this->form->profile_image_path) {
$path = $this->form->profile_image_path->store('client_logos', 'public');
$data['profile_image_path'] = $path;
}
// 5. Cria o cliente no banco de dados
Client::create($data);
// 6. Despacha um evento para atualizar outros componentes (ex: o grid de clientes)
$this->dispatch('client-added');
// (Opcional) Envia uma notificação de sucesso
$this->dispatch('notify', message: 'Cliente adicionado com sucesso!');
} catch (\Exception $e) {
dd($e);
$this->dispatch('notify', message: 'Ocorreu um erro inesperado ao salvar.', type: 'error');
}
// 3. Pega todos os dados validados
}
/**
* Renderiza a view do modal.
*/
public function render()
{
return view('livewire.admin.add-client');
}
}

9
app/Livewire/Admin/CreateUser.php
View File

@ -19,7 +19,7 @@ class CreateUser extends Component
// Nota: Adicionei 'same:password' para garantir que as senhas batem. // Nota: Adicionei 'same:password' para garantir que as senhas batem.
protected $rules = [ protected $rules = [
'name' => 'required|string|max:255', 'name' => 'required|string|max:255',
'email' => 'required|email|unique:users,email', 'email' => 'required|email',
'password' => 'required|string|min:8', 'password' => 'required|string|min:8',
'password_confirm' => 'required|string|same:password', // <-- Regra importante! 'password_confirm' => 'required|string|same:password', // <-- Regra importante!
'permission_level' => 'required|boolean' // ou 'required|in:0,1' 'permission_level' => 'required|boolean' // ou 'required|in:0,1'
@ -28,7 +28,6 @@ class CreateUser extends Component
protected $messages = [ protected $messages = [
'name' => 'Nome precisa ser informado.', 'name' => 'Nome precisa ser informado.',
'email' => 'O email precisa ser informado.', 'email' => 'O email precisa ser informado.',
'email.unique' => 'O email informado já foi cadastrado anteriormente.',
'password' => 'A senha precisa ter 8 ou mais caracteres.', 'password' => 'A senha precisa ter 8 ou mais caracteres.',
'password_confirm' => 'As senhas não coincidem.', 'password_confirm' => 'As senhas não coincidem.',
'permission_level' => 'Defina o nível de autorização do usuário.' 'permission_level' => 'Defina o nível de autorização do usuário.'
@ -60,8 +59,7 @@ public function createUser(UserService $userService)
$this->dispatch('user-created'); $this->dispatch('user-created');
// Envia a mesma mensagem de sucesso do seu controller // Envia a mesma mensagem de sucesso do seu controller
$this->dispatch('notify', message: 'Usuário cadastrado com sucesso!'); session()->flash('message', 'Usuário cadastrado com sucesso!');
// (Opcional) Se sua tabela de usuários for outro componente Livewire, // (Opcional) Se sua tabela de usuários for outro componente Livewire,
// você pode mandar ela atualizar assim: // você pode mandar ela atualizar assim:
@ -72,6 +70,9 @@ public function createUser(UserService $userService)
// 7. O "Erro" (Tradução do Redirect de Erro) // 7. O "Erro" (Tradução do Redirect de Erro)
// Em vez de redirecionar, adicionamos o erro ao formulário // Em vez de redirecionar, adicionamos o erro ao formulário
// para que o usuário veja na tela, sem refresh. // para que o usuário veja na tela, sem refresh.
if ($e->getMessage() == 'O e-mail já está cadastrado.') {
$this->addError('email', $e->getMessage());
}
$this->addError('general', $e->getMessage()); $this->addError('general', $e->getMessage());
} }

86
app/Livewire/Forms/ClientForm.php
View File

@ -1,86 +0,0 @@
<?php
namespace App\Livewire\Forms;
use Livewire\Form;
use App\Models\Client;
class ClientForm extends Form
{
// 2. ATRIBUTOS REMOVIDOS: Os #[Rule(...)] foram removidos daqui
public $client_name = '';
public $legal_name = '';
public $cnpj = '';
public $profile_image_path;
public $pbx_hosting = '';
public $activation_date;
public $carrier = '';
public $access_type = '';
public $server_ip = '';
public $root_password = '';
public $has_call_center = false;
public $has_voice_gateway = false;
public $has_fop2 = false;
public $modules = '';
public $whatsapp_number = '';
public $whatsapp_activation_date;
// Método para preencher o formulário (para edição futura)
public function addClient(Client $client)
{
$data = $client->toArray();
$data['has_call_center'] = (bool) $client->has_call_center;
$data['has_voice_gateway'] = (bool) $client->has_voice_gateway;
$data['has_fop2'] = (bool) $client->has_fop2;
$this->fill($data);
}
// 4. ADICIONADO: Método de Regras
/**
* Define as regras de validação para o formulário.
*/
public function rules()
{
return [
'client_name' => 'required|string|max:255',
'legal_name' => 'required|string|max:255',
'cnpj' => 'required|string|max:20|unique:clients,cnpj',
'profile_image_path' => 'nullable|file|mimes:jpeg,png,bmp,gif,svg,webp|max:2048', // 2MB Max 'pbx_hosting' => 'nullable|string|max:255',
'activation_date' => 'nullable|date',
'carrier' => 'nullable|string|max:255',
'access_type' => 'nullable|string|max:255',
'server_ip' => 'nullable|ip',
'root_password' => 'nullable|string',
'has_call_center' => 'boolean',
'has_voice_gateway' => 'boolean',
'has_fop2' => 'boolean',
'modules' => 'nullable|json',
'whatsapp_number' => 'nullable|string|max:20',
'whatsapp_activation_date' => 'nullable|date',
];
}
// 5. ADICIONADO: Método de Mensagens Customizadas
/**
* Define as mensagens de erro customizadas.
*/
public function messages()
{
return [
'client_name.required' => 'O campo Nome Fantasia é obrigatório.',
'client_name.max' => 'O Nome Fantasia não pode ter mais que 255 caracteres.',
'cnpj.unique' => 'Este CNPJ já está cadastrado em outro cliente.',
'profile_image_path.image' => 'O arquivo deve ser uma imagem válida (jpg, png, etc.).',
'profile_image_path.max' => 'A imagem não pode ser maior que 2MB.',
'server_ip.ip' => 'Por favor, insira um endereço de IP válido.',
'modules.json' => 'O campo módulos deve conter um formato JSON válido.',
'*.date' => 'Por favor, insira uma data válida.',
'*.boolean' => 'Este campo deve ser verdadeiro ou falso.',
];
}
}

5
app/Services/ClientService.php
View File

@ -10,8 +10,5 @@ class ClientService
{ {
public function __construct(protected Client $client) {} public function __construct(protected Client $client) {}
public function addClient(array $client) public function addClient() {}
{
return Client::create($client);
}
} }

4
app/Services/UserService.php
View File

@ -11,6 +11,10 @@ class UserService
public function __construct(protected User $user) {} public function __construct(protected User $user) {}
public function createUser(array $user) public function createUser(array $user)
{ {
if (User::where('email', '=', $user['email'])) {
throw new \Exception('O e-mail já está cadastrado.');
}
return User::create($user); return User::create($user);
} }
} }

26
app/View/Components/FlashMessages.php
View File

@ -1,26 +0,0 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\View\Component;
use Illuminate\Contracts\View\View;
class FlashMessages extends Component
{
/**
* Create a new component instance.
*/
public function __construct()
{
//
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view('components.flash-messages');
}
}

290
composer.lock generated
View File

@ -379,28 +379,29 @@
}, },
{ {
"name": "dragonmantank/cron-expression", "name": "dragonmantank/cron-expression",
"version": "v3.6.0", "version": "v3.4.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/dragonmantank/cron-expression.git", "url": "https://github.com/dragonmantank/cron-expression.git",
"reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013" "reference": "8c784d071debd117328803d86b2097615b457500"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/d61a8a9604ec1f8c3d150d09db6ce98b32675013", "url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/8c784d071debd117328803d86b2097615b457500",
"reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013", "reference": "8c784d071debd117328803d86b2097615b457500",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
"php": "^8.2|^8.3|^8.4|^8.5" "php": "^7.2|^8.0",
"webmozart/assert": "^1.0"
}, },
"replace": { "replace": {
"mtdowling/cron-expression": "^1.0" "mtdowling/cron-expression": "^1.0"
}, },
"require-dev": { "require-dev": {
"phpstan/extension-installer": "^1.4.3", "phpstan/extension-installer": "^1.0",
"phpstan/phpstan": "^1.12.32|^2.1.31", "phpstan/phpstan": "^1.0",
"phpunit/phpunit": "^8.5.48|^9.0" "phpunit/phpunit": "^7.0|^8.0|^9.0"
}, },
"type": "library", "type": "library",
"extra": { "extra": {
@ -431,7 +432,7 @@
], ],
"support": { "support": {
"issues": "https://github.com/dragonmantank/cron-expression/issues", "issues": "https://github.com/dragonmantank/cron-expression/issues",
"source": "https://github.com/dragonmantank/cron-expression/tree/v3.6.0" "source": "https://github.com/dragonmantank/cron-expression/tree/v3.4.0"
}, },
"funding": [ "funding": [
{ {
@ -439,7 +440,7 @@
"type": "github" "type": "github"
} }
], ],
"time": "2025-10-31T18:51:33+00:00" "time": "2024-10-09T13:47:03+00:00"
}, },
{ {
"name": "egulias/email-validator", "name": "egulias/email-validator",
@ -1054,16 +1055,16 @@
}, },
{ {
"name": "laravel/framework", "name": "laravel/framework",
"version": "v12.37.0", "version": "v12.35.1",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/laravel/framework.git", "url": "https://github.com/laravel/framework.git",
"reference": "3c3c4ad30f5b528b164a7c09aa4ad03118c4c125" "reference": "d6d6e3cb68238e2fb25b440f222442adef5a8a15"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/laravel/framework/zipball/3c3c4ad30f5b528b164a7c09aa4ad03118c4c125", "url": "https://api.github.com/repos/laravel/framework/zipball/d6d6e3cb68238e2fb25b440f222442adef5a8a15",
"reference": "3c3c4ad30f5b528b164a7c09aa4ad03118c4c125", "reference": "d6d6e3cb68238e2fb25b440f222442adef5a8a15",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -1269,7 +1270,7 @@
"issues": "https://github.com/laravel/framework/issues", "issues": "https://github.com/laravel/framework/issues",
"source": "https://github.com/laravel/framework" "source": "https://github.com/laravel/framework"
}, },
"time": "2025-11-04T15:39:33+00:00" "time": "2025-10-23T15:25:03+00:00"
}, },
{ {
"name": "laravel/prompts", "name": "laravel/prompts",
@ -2358,25 +2359,25 @@
}, },
{ {
"name": "nette/schema", "name": "nette/schema",
"version": "v1.3.3", "version": "v1.3.2",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/nette/schema.git", "url": "https://github.com/nette/schema.git",
"reference": "2befc2f42d7c715fd9d95efc31b1081e5d765004" "reference": "da801d52f0354f70a638673c4a0f04e16529431d"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/nette/schema/zipball/2befc2f42d7c715fd9d95efc31b1081e5d765004", "url": "https://api.github.com/repos/nette/schema/zipball/da801d52f0354f70a638673c4a0f04e16529431d",
"reference": "2befc2f42d7c715fd9d95efc31b1081e5d765004", "reference": "da801d52f0354f70a638673c4a0f04e16529431d",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
"nette/utils": "^4.0", "nette/utils": "^4.0",
"php": "8.1 - 8.5" "php": "8.1 - 8.4"
}, },
"require-dev": { "require-dev": {
"nette/tester": "^2.5.2", "nette/tester": "^2.5.2",
"phpstan/phpstan-nette": "^2.0@stable", "phpstan/phpstan-nette": "^1.0",
"tracy/tracy": "^2.8" "tracy/tracy": "^2.8"
}, },
"type": "library", "type": "library",
@ -2386,9 +2387,6 @@
} }
}, },
"autoload": { "autoload": {
"psr-4": {
"Nette\\": "src"
},
"classmap": [ "classmap": [
"src/" "src/"
] ]
@ -2417,9 +2415,9 @@
], ],
"support": { "support": {
"issues": "https://github.com/nette/schema/issues", "issues": "https://github.com/nette/schema/issues",
"source": "https://github.com/nette/schema/tree/v1.3.3" "source": "https://github.com/nette/schema/tree/v1.3.2"
}, },
"time": "2025-10-30T22:57:59+00:00" "time": "2024-10-06T23:10:23+00:00"
}, },
{ {
"name": "nette/utils", "name": "nette/utils",
@ -3495,16 +3493,16 @@
}, },
{ {
"name": "symfony/console", "name": "symfony/console",
"version": "v7.3.6", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/console.git", "url": "https://github.com/symfony/console.git",
"reference": "c28ad91448f86c5f6d9d2c70f0cf68bf135f252a" "reference": "2b9c5fafbac0399a20a2e82429e2bd735dcfb7db"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/console/zipball/c28ad91448f86c5f6d9d2c70f0cf68bf135f252a", "url": "https://api.github.com/repos/symfony/console/zipball/2b9c5fafbac0399a20a2e82429e2bd735dcfb7db",
"reference": "c28ad91448f86c5f6d9d2c70f0cf68bf135f252a", "reference": "2b9c5fafbac0399a20a2e82429e2bd735dcfb7db",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -3569,7 +3567,7 @@
"terminal" "terminal"
], ],
"support": { "support": {
"source": "https://github.com/symfony/console/tree/v7.3.6" "source": "https://github.com/symfony/console/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -3589,20 +3587,20 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-11-04T01:21:42+00:00" "time": "2025-09-22T15:31:00+00:00"
}, },
{ {
"name": "symfony/css-selector", "name": "symfony/css-selector",
"version": "v7.3.6", "version": "v7.3.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/css-selector.git", "url": "https://github.com/symfony/css-selector.git",
"reference": "84321188c4754e64273b46b406081ad9b18e8614" "reference": "601a5ce9aaad7bf10797e3663faefce9e26c24e2"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/css-selector/zipball/84321188c4754e64273b46b406081ad9b18e8614", "url": "https://api.github.com/repos/symfony/css-selector/zipball/601a5ce9aaad7bf10797e3663faefce9e26c24e2",
"reference": "84321188c4754e64273b46b406081ad9b18e8614", "reference": "601a5ce9aaad7bf10797e3663faefce9e26c24e2",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -3638,7 +3636,7 @@
"description": "Converts CSS selectors to XPath expressions", "description": "Converts CSS selectors to XPath expressions",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/css-selector/tree/v7.3.6" "source": "https://github.com/symfony/css-selector/tree/v7.3.0"
}, },
"funding": [ "funding": [
{ {
@ -3649,16 +3647,12 @@
"url": "https://github.com/fabpot", "url": "https://github.com/fabpot",
"type": "github" "type": "github"
}, },
{
"url": "https://github.com/nicolas-grekas",
"type": "github"
},
{ {
"url": "https://tidelift.com/funding/github/packagist/symfony/symfony", "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-10-29T17:24:25+00:00" "time": "2024-09-25T14:21:43+00:00"
}, },
{ {
"name": "symfony/deprecation-contracts", "name": "symfony/deprecation-contracts",
@ -3729,16 +3723,16 @@
}, },
{ {
"name": "symfony/error-handler", "name": "symfony/error-handler",
"version": "v7.3.6", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/error-handler.git", "url": "https://github.com/symfony/error-handler.git",
"reference": "bbe40bfab84323d99dab491b716ff142410a92a8" "reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/error-handler/zipball/bbe40bfab84323d99dab491b716ff142410a92a8", "url": "https://api.github.com/repos/symfony/error-handler/zipball/99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
"reference": "bbe40bfab84323d99dab491b716ff142410a92a8", "reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -3786,7 +3780,7 @@
"description": "Provides tools to manage errors and ease debugging PHP code", "description": "Provides tools to manage errors and ease debugging PHP code",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/error-handler/tree/v7.3.6" "source": "https://github.com/symfony/error-handler/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -3806,7 +3800,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-10-31T19:12:50+00:00" "time": "2025-09-11T10:12:26+00:00"
}, },
{ {
"name": "symfony/event-dispatcher", "name": "symfony/event-dispatcher",
@ -3970,16 +3964,16 @@
}, },
{ {
"name": "symfony/finder", "name": "symfony/finder",
"version": "v7.3.5", "version": "v7.3.2",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/finder.git", "url": "https://github.com/symfony/finder.git",
"reference": "9f696d2f1e340484b4683f7853b273abff94421f" "reference": "2a6614966ba1074fa93dae0bc804227422df4dfe"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/finder/zipball/9f696d2f1e340484b4683f7853b273abff94421f", "url": "https://api.github.com/repos/symfony/finder/zipball/2a6614966ba1074fa93dae0bc804227422df4dfe",
"reference": "9f696d2f1e340484b4683f7853b273abff94421f", "reference": "2a6614966ba1074fa93dae0bc804227422df4dfe",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -4014,7 +4008,7 @@
"description": "Finds files and directories via an intuitive fluent interface", "description": "Finds files and directories via an intuitive fluent interface",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/finder/tree/v7.3.5" "source": "https://github.com/symfony/finder/tree/v7.3.2"
}, },
"funding": [ "funding": [
{ {
@ -4034,20 +4028,20 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-10-15T18:45:57+00:00" "time": "2025-07-15T13:41:35+00:00"
}, },
{ {
"name": "symfony/http-foundation", "name": "symfony/http-foundation",
"version": "v7.3.6", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/http-foundation.git", "url": "https://github.com/symfony/http-foundation.git",
"reference": "6379e490d6ecfc5c4224ff3a754b90495ecd135c" "reference": "c061c7c18918b1b64268771aad04b40be41dd2e6"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/http-foundation/zipball/6379e490d6ecfc5c4224ff3a754b90495ecd135c", "url": "https://api.github.com/repos/symfony/http-foundation/zipball/c061c7c18918b1b64268771aad04b40be41dd2e6",
"reference": "6379e490d6ecfc5c4224ff3a754b90495ecd135c", "reference": "c061c7c18918b1b64268771aad04b40be41dd2e6",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -4097,7 +4091,7 @@
"description": "Defines an object-oriented layer for the HTTP specification", "description": "Defines an object-oriented layer for the HTTP specification",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/http-foundation/tree/v7.3.6" "source": "https://github.com/symfony/http-foundation/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -4117,20 +4111,20 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-11-06T11:05:57+00:00" "time": "2025-09-16T08:38:17+00:00"
}, },
{ {
"name": "symfony/http-kernel", "name": "symfony/http-kernel",
"version": "v7.3.6", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/http-kernel.git", "url": "https://github.com/symfony/http-kernel.git",
"reference": "f9a34dc0196677250e3609c2fac9de9e1551a262" "reference": "b796dffea7821f035047235e076b60ca2446e3cf"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/http-kernel/zipball/f9a34dc0196677250e3609c2fac9de9e1551a262", "url": "https://api.github.com/repos/symfony/http-kernel/zipball/b796dffea7821f035047235e076b60ca2446e3cf",
"reference": "f9a34dc0196677250e3609c2fac9de9e1551a262", "reference": "b796dffea7821f035047235e076b60ca2446e3cf",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -4215,7 +4209,7 @@
"description": "Provides a structured process for converting a Request into a Response", "description": "Provides a structured process for converting a Request into a Response",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/http-kernel/tree/v7.3.6" "source": "https://github.com/symfony/http-kernel/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -4235,20 +4229,20 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-11-06T20:58:12+00:00" "time": "2025-09-27T12:32:17+00:00"
}, },
{ {
"name": "symfony/mailer", "name": "symfony/mailer",
"version": "v7.3.5", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/mailer.git", "url": "https://github.com/symfony/mailer.git",
"reference": "fd497c45ba9c10c37864e19466b090dcb60a50ba" "reference": "ab97ef2f7acf0216955f5845484235113047a31d"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/mailer/zipball/fd497c45ba9c10c37864e19466b090dcb60a50ba", "url": "https://api.github.com/repos/symfony/mailer/zipball/ab97ef2f7acf0216955f5845484235113047a31d",
"reference": "fd497c45ba9c10c37864e19466b090dcb60a50ba", "reference": "ab97ef2f7acf0216955f5845484235113047a31d",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -4299,7 +4293,7 @@
"description": "Helps sending emails", "description": "Helps sending emails",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/mailer/tree/v7.3.5" "source": "https://github.com/symfony/mailer/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -4319,7 +4313,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-10-24T14:27:20+00:00" "time": "2025-09-17T05:51:54+00:00"
}, },
{ {
"name": "symfony/mime", "name": "symfony/mime",
@ -5305,16 +5299,16 @@
}, },
{ {
"name": "symfony/routing", "name": "symfony/routing",
"version": "v7.3.6", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/routing.git", "url": "https://github.com/symfony/routing.git",
"reference": "c97abe725f2a1a858deca629a6488c8fc20c3091" "reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/routing/zipball/c97abe725f2a1a858deca629a6488c8fc20c3091", "url": "https://api.github.com/repos/symfony/routing/zipball/8dc648e159e9bac02b703b9fbd937f19ba13d07c",
"reference": "c97abe725f2a1a858deca629a6488c8fc20c3091", "reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -5366,7 +5360,7 @@
"url" "url"
], ],
"support": { "support": {
"source": "https://github.com/symfony/routing/tree/v7.3.6" "source": "https://github.com/symfony/routing/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -5386,20 +5380,20 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-11-05T07:57:47+00:00" "time": "2025-09-11T10:12:26+00:00"
}, },
{ {
"name": "symfony/service-contracts", "name": "symfony/service-contracts",
"version": "v3.6.1", "version": "v3.6.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/service-contracts.git", "url": "https://github.com/symfony/service-contracts.git",
"reference": "45112560a3ba2d715666a509a0bc9521d10b6c43" "reference": "f021b05a130d35510bd6b25fe9053c2a8a15d5d4"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/service-contracts/zipball/45112560a3ba2d715666a509a0bc9521d10b6c43", "url": "https://api.github.com/repos/symfony/service-contracts/zipball/f021b05a130d35510bd6b25fe9053c2a8a15d5d4",
"reference": "45112560a3ba2d715666a509a0bc9521d10b6c43", "reference": "f021b05a130d35510bd6b25fe9053c2a8a15d5d4",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -5453,7 +5447,7 @@
"standards" "standards"
], ],
"support": { "support": {
"source": "https://github.com/symfony/service-contracts/tree/v3.6.1" "source": "https://github.com/symfony/service-contracts/tree/v3.6.0"
}, },
"funding": [ "funding": [
{ {
@ -5464,16 +5458,12 @@
"url": "https://github.com/fabpot", "url": "https://github.com/fabpot",
"type": "github" "type": "github"
}, },
{
"url": "https://github.com/nicolas-grekas",
"type": "github"
},
{ {
"url": "https://tidelift.com/funding/github/packagist/symfony/symfony", "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-07-15T11:30:57+00:00" "time": "2025-04-25T09:37:31+00:00"
}, },
{ {
"name": "symfony/string", "name": "symfony/string",
@ -5667,16 +5657,16 @@
}, },
{ {
"name": "symfony/translation-contracts", "name": "symfony/translation-contracts",
"version": "v3.6.1", "version": "v3.6.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/translation-contracts.git", "url": "https://github.com/symfony/translation-contracts.git",
"reference": "65a8bc82080447fae78373aa10f8d13b38338977" "reference": "df210c7a2573f1913b2d17cc95f90f53a73d8f7d"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/translation-contracts/zipball/65a8bc82080447fae78373aa10f8d13b38338977", "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/df210c7a2573f1913b2d17cc95f90f53a73d8f7d",
"reference": "65a8bc82080447fae78373aa10f8d13b38338977", "reference": "df210c7a2573f1913b2d17cc95f90f53a73d8f7d",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -5725,7 +5715,7 @@
"standards" "standards"
], ],
"support": { "support": {
"source": "https://github.com/symfony/translation-contracts/tree/v3.6.1" "source": "https://github.com/symfony/translation-contracts/tree/v3.6.0"
}, },
"funding": [ "funding": [
{ {
@ -5736,16 +5726,12 @@
"url": "https://github.com/fabpot", "url": "https://github.com/fabpot",
"type": "github" "type": "github"
}, },
{
"url": "https://github.com/nicolas-grekas",
"type": "github"
},
{ {
"url": "https://tidelift.com/funding/github/packagist/symfony/symfony", "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-07-15T13:41:35+00:00" "time": "2024-09-27T08:32:26+00:00"
}, },
{ {
"name": "symfony/uid", "name": "symfony/uid",
@ -5823,16 +5809,16 @@
}, },
{ {
"name": "symfony/var-dumper", "name": "symfony/var-dumper",
"version": "v7.3.5", "version": "v7.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/var-dumper.git", "url": "https://github.com/symfony/var-dumper.git",
"reference": "476c4ae17f43a9a36650c69879dcf5b1e6ae724d" "reference": "b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/var-dumper/zipball/476c4ae17f43a9a36650c69879dcf5b1e6ae724d", "url": "https://api.github.com/repos/symfony/var-dumper/zipball/b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb",
"reference": "476c4ae17f43a9a36650c69879dcf5b1e6ae724d", "reference": "b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -5886,7 +5872,7 @@
"dump" "dump"
], ],
"support": { "support": {
"source": "https://github.com/symfony/var-dumper/tree/v7.3.5" "source": "https://github.com/symfony/var-dumper/tree/v7.3.4"
}, },
"funding": [ "funding": [
{ {
@ -5906,7 +5892,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-09-27T09:00:46+00:00" "time": "2025-09-11T10:12:26+00:00"
}, },
{ {
"name": "tijsverkoyen/css-to-inline-styles", "name": "tijsverkoyen/css-to-inline-styles",
@ -6120,6 +6106,64 @@
} }
], ],
"time": "2024-11-21T01:49:47+00:00" "time": "2024-11-21T01:49:47+00:00"
},
{
"name": "webmozart/assert",
"version": "1.12.0",
"source": {
"type": "git",
"url": "https://github.com/webmozarts/assert.git",
"reference": "541057574806f942c94662b817a50f63f7345360"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/webmozarts/assert/zipball/541057574806f942c94662b817a50f63f7345360",
"reference": "541057574806f942c94662b817a50f63f7345360",
"shasum": ""
},
"require": {
"ext-ctype": "*",
"ext-date": "*",
"ext-filter": "*",
"php": "^7.2 || ^8.0"
},
"suggest": {
"ext-intl": "",
"ext-simplexml": "",
"ext-spl": ""
},
"type": "library",
"extra": {
"branch-alias": {
"dev-master": "1.10-dev"
}
},
"autoload": {
"psr-4": {
"Webmozart\\Assert\\": "src/"
}
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT"
],
"authors": [
{
"name": "Bernhard Schussek",
"email": "bschussek@gmail.com"
}
],
"description": "Assertions to validate method input/output with nice error messages.",
"keywords": [
"assert",
"check",
"validate"
],
"support": {
"issues": "https://github.com/webmozarts/assert/issues",
"source": "https://github.com/webmozarts/assert/tree/1.12.0"
},
"time": "2025-10-20T12:43:39+00:00"
} }
], ],
"packages-dev": [ "packages-dev": [
@ -6455,16 +6499,16 @@
}, },
{ {
"name": "laravel/sail", "name": "laravel/sail",
"version": "v1.47.0", "version": "v1.46.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/laravel/sail.git", "url": "https://github.com/laravel/sail.git",
"reference": "9a11e822238167ad8b791e4ea51155d25cf4d8f2" "reference": "eb90c4f113c4a9637b8fdd16e24cfc64f2b0ae6e"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/laravel/sail/zipball/9a11e822238167ad8b791e4ea51155d25cf4d8f2", "url": "https://api.github.com/repos/laravel/sail/zipball/eb90c4f113c4a9637b8fdd16e24cfc64f2b0ae6e",
"reference": "9a11e822238167ad8b791e4ea51155d25cf4d8f2", "reference": "eb90c4f113c4a9637b8fdd16e24cfc64f2b0ae6e",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -6477,7 +6521,7 @@
}, },
"require-dev": { "require-dev": {
"orchestra/testbench": "^7.0|^8.0|^9.0|^10.0", "orchestra/testbench": "^7.0|^8.0|^9.0|^10.0",
"phpstan/phpstan": "^2.0" "phpstan/phpstan": "^1.10"
}, },
"bin": [ "bin": [
"bin/sail" "bin/sail"
@ -6514,7 +6558,7 @@
"issues": "https://github.com/laravel/sail/issues", "issues": "https://github.com/laravel/sail/issues",
"source": "https://github.com/laravel/sail" "source": "https://github.com/laravel/sail"
}, },
"time": "2025-10-28T13:55:29+00:00" "time": "2025-09-23T13:44:39+00:00"
}, },
{ {
"name": "mockery/mockery", "name": "mockery/mockery",
@ -7213,16 +7257,16 @@
}, },
{ {
"name": "phpunit/phpunit", "name": "phpunit/phpunit",
"version": "11.5.43", "version": "11.5.42",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/sebastianbergmann/phpunit.git", "url": "https://github.com/sebastianbergmann/phpunit.git",
"reference": "c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924" "reference": "1c6cb5dfe412af3d0dfd414cfd110e3b9cfdbc3c"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924", "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/1c6cb5dfe412af3d0dfd414cfd110e3b9cfdbc3c",
"reference": "c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924", "reference": "1c6cb5dfe412af3d0dfd414cfd110e3b9cfdbc3c",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -7294,7 +7338,7 @@
"support": { "support": {
"issues": "https://github.com/sebastianbergmann/phpunit/issues", "issues": "https://github.com/sebastianbergmann/phpunit/issues",
"security": "https://github.com/sebastianbergmann/phpunit/security/policy", "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
"source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.43" "source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.42"
}, },
"funding": [ "funding": [
{ {
@ -7318,7 +7362,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-10-30T08:39:39+00:00" "time": "2025-09-28T12:09:13+00:00"
}, },
{ {
"name": "sebastian/cli-parser", "name": "sebastian/cli-parser",
@ -8360,16 +8404,16 @@
}, },
{ {
"name": "symfony/yaml", "name": "symfony/yaml",
"version": "v7.3.5", "version": "v7.3.3",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/symfony/yaml.git", "url": "https://github.com/symfony/yaml.git",
"reference": "90208e2fc6f68f613eae7ca25a2458a931b1bacc" "reference": "d4f4a66866fe2451f61296924767280ab5732d9d"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/symfony/yaml/zipball/90208e2fc6f68f613eae7ca25a2458a931b1bacc", "url": "https://api.github.com/repos/symfony/yaml/zipball/d4f4a66866fe2451f61296924767280ab5732d9d",
"reference": "90208e2fc6f68f613eae7ca25a2458a931b1bacc", "reference": "d4f4a66866fe2451f61296924767280ab5732d9d",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -8412,7 +8456,7 @@
"description": "Loads and dumps YAML files", "description": "Loads and dumps YAML files",
"homepage": "https://symfony.com", "homepage": "https://symfony.com",
"support": { "support": {
"source": "https://github.com/symfony/yaml/tree/v7.3.5" "source": "https://github.com/symfony/yaml/tree/v7.3.3"
}, },
"funding": [ "funding": [
{ {
@ -8432,7 +8476,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2025-09-27T09:00:46+00:00" "time": "2025-08-27T11:34:33+00:00"
}, },
{ {
"name": "theseer/tokenizer", "name": "theseer/tokenizer",
@ -8494,5 +8538,5 @@
"php": "^8.2" "php": "^8.2"
}, },
"platform-dev": [], "platform-dev": [],
"plugin-api-version": "2.6.0" "plugin-api-version": "2.3.0"
} }

235
resources/css/app.css
View File

@ -5,40 +5,14 @@
@source '../**/*.blade.php'; @source '../**/*.blade.php';
@source '../**/*.js'; @source '../**/*.js';
@import './toast.css';
@import './client-form.css';
@import './user-form-modal.css';
@import './header.css';
@import './client-cards.css';
@theme { @theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji'; 'Segoe UI Symbol', 'Noto Color Emoji';
} }
@layer utilities {
.forget-password>a {
color: black !important;
}
.navbar-items>a {
color: black !important;
}
}
@layer components { @layer components {
/* Estilos globais */
h1 {
@apply text-black font-semibold;
@apply border-b border-blue-500 rounded-md shadow-md shadow-blue-400;
@apply p-4 transition-all duration-300 transform hover:scale-105;
}
* {}
/* Fim estilos globais */
/* body */ /* body */
body { body {
@apply bg-white h-screen w-screen; @apply bg-white h-screen w-screen;
@ -49,6 +23,129 @@ @layer components {
/*End body */ /*End body */
/* Header - Navbar */
.nav-bar {
@apply flex flex-nowrap justify-center items-center mx-auto px-4 sm:px-6 lg:px-8 h-10;
@apply relative;
@apply bg-transparent text-black;
@apply fixed z-50 w-full;
/* 1. ADICIONADO: A borda agora mora aqui */
@apply border-b;
/* 2. ESTADO BASE (Topo): A borda começa transparente */
@apply border-transparent;
/* 3. ADICIONADO: Também transiciona a cor da borda */
@apply transition-colors duration-700 ease-in-out;
}
.nav-bar::before {
content: '';
@apply absolute top-0 left-0 w-full h-full;
/* 2. ESTADO BASE (Topo): Fundo e Sombra */
@apply bg-white;
@apply shadow-md shadow-blue-400;
/* 4. REMOVIDO: As classes 'border-b border-white' saíram daqui */
/* 3. TRANSIÇÃO (Correto) */
@apply transition-all duration-700 ease-in-out;
@apply -z-10;
}
.navbar-scrolled {
@apply border-white shadow-md;
}
.navbar-scrolled::before {
@apply opacity-0;
@apply shadow-none;
}
.nav-bar>.navbar-items>a:hover,
.nav-bar>.navbar-items>a {
@apply transition-all duration-300 transform hover:scale-105;
@apply mr-7;
@apply hover:border hover:shadow-md shadow-blue-400 border-blue-300 rounded-md p-1 transition-all duration-250 transform hover:scale-105;
}
.nav-bar-logo {
/* Garante que a largura não ultrapasse 100% */
@apply rounded-md max-w-25 mr-10;
height: auto;
/* Altura proporcional à largura */
}
.navbar-items {
@apply flex flex-nowrap justify-center items-center px-4 sm:px-6 lg:px-8 h-10;
}
.profile-menu {
@apply absolute right-5;
@apply rounded-xl;
@apply max-w-7 max-h-7;
}
.profile-list-items {
/* 1. Posicionamento (Correto) */
@apply absolute top-full right-0 ml-4 mt-2;
@apply block w-full;
/* Adicionei mt-2 para descolar do ícone */
/* 2. Largura Fixa (Mais limpo) */
@apply w-56;
/* 3. Estilos do Contêiner (Profissional) */
@apply bg-white p-2 rounded-md shadow-xl;
/* Sombra mais forte */
@apply border border-gray-200;
/* 4. Divisórias Sutis entre os <li> */
@apply divide-y divide-gray-100;
}
.profile-link {
/* Você pode aplicar isso direto no <a> */
/* 1. FAZ O LINK PREENCHER O <li> */
@apply block w-full;
}
.profile-items {
/* 1. Limpeza (Classes antigas removidas) */
/* 2. Espaçamento Interno (Respiro) */
@apply px-4 py-2;
/* 3. Estilos de Texto */
@apply text-sm text-gray-700;
/* 4. Interatividade */
@apply hover:bg-blue-100 cursor-pointer;
/* 5. Transição Suave */
@apply transition-colors duration-150 ease-in-out;
/* 6. Cantos do Hover */
@apply rounded-md;
}
.nav-bar-logo img {
@apply w-full;
/* Largura 100% para se ajustar ao container */
height: auto;
/* Mantém a proporção original da imagem */
}
.nav-bar>.navbar-items>form>button {
@apply hover:border hover:shadow-md hover:scale-105 hover:cursor-pointer shadow-blue-400 border-blue-300 rounded-md p-1 transition-all duration-250 transform;
}
/*End Header - Navbar */
/* Container */ /* Container */
.container-title { .container-title {
@ -60,16 +157,7 @@ @layer components {
.container { .container {
/* Deixe APENAS as classes de largura, margem e padding */ /* Deixe APENAS as classes de largura, margem e padding */
@apply w-full mx-auto px-4 sm:px-6 lg:px-8 mt-15 mb-10; @apply w-full mx-auto px-4 sm:px-6 lg:px-8 mt-10 mb-10;
}
.container-form {
@apply w-full h-full mx-auto;
@apply flex justify-center items-center;
}
.messages {
@apply flex justify-center;
} }
.form-class { .form-class {
@ -85,12 +173,73 @@ @layer components {
@apply bg-blue-500 text-white rounded-md p-2 cursor-pointer hover:bg-blue-800 w-1/2; @apply bg-blue-500 text-white rounded-md p-2 cursor-pointer hover:bg-blue-800 w-1/2;
} }
.forget-password {
@apply flex justify-center w-1/2;
@apply shadow-lg rounded-md;
@apply transition scale-80 hover:scale-95;
}
.container h1 { .container h1 {
@apply text-2xl font-bold transition-all duration-300 transform hover:scale-105 mb-4; @apply text-2xl font-bold transition-all duration-300 transform hover:scale-105 mb-4;
} }
/* Estilos para o card do cliente */
/* CONTAINER PRINCIPAL DO CARD */
.client-card {
/* Layout: Flex-col (vertical) */
@apply flex flex-col justify-between;
@apply hover:transition duration-150 ease-in-out hover:scale-120;
/* Estilo: Sombra, borda, fundo branco */
@apply bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 ease-in-out;
@apply border border-gray-100;
/* Garante que o conteúdo não vaze */
@apply overflow-hidden;
}
/* O "RETÂNGULO" SUPERIOR (Avatar + Opções) */
.client-card-header {
/* 1. POSIÇÃO: 'relative' para ancorar o menu de opções */
@apply relative;
/* 2. LAYOUT: Centraliza o avatar */
@apply flex justify-center items-center;
/* 3. ESPAÇAMENTO: Padding interno */
@apply p-6;
/* 4. (Opcional) Fundo sutil para o retângulo */
@apply bg-gray-50;
}
/* AVATAR DO CLIENTE */
.client-avatar {
/* A imagem <img> interna já tem as classes de tamanho (w-32 h-32) */
}
/* MENU DE OPÇÕES (Três Pontinhos) */
.client-options-menu {
/* 1. POSIÇÃO: Flutua sobre o header */
@apply absolute top-4 right-4;
}
.client-options-button {
@apply p-2 rounded-full hover:bg-gray-200 transition-colors;
@apply focus:outline-none focus:ring-2 focus:ring-blue-500;
}
/* LISTA DE OPÇÕES (Dropdown) */
.client-options-list {
@apply absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg py-1 z-10;
@apply divide-y divide-gray-100;
}
.client-option-item {
@apply block px-4 py-2 text-sm text-gray-700 hover:bg-blue-100 hover:text-blue-800 transition-colors;
@apply cursor-pointer;
}
/* NOME DO CLIENTE (Área inferior) */
.client-card-name {
@apply text-lg font-semibold text-gray-800 text-center;
/* Espaçamento e uma borda sutil no topo */
@apply p-4 border-t border-gray-100;
}
}

69
resources/css/client-cards.css
View File

@ -1,69 +0,0 @@
@layer components {
/* Estilos para o card do cliente */
/* CONTAINER PRINCIPAL DO CARD */
.client-card {
/* Layout: Flex-col (vertical) */
@apply flex flex-col justify-between;
@apply hover:transition duration-150 ease-in-out hover:scale-110;
/* Estilo: Sombra, borda, fundo branco */
@apply bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 ease-in-out;
@apply border border-gray-100;
/* Garante que o conteúdo não vaze */
@apply overflow-hidden;
}
/* O "RETÂNGULO" SUPERIOR (Avatar + Opções) */
.client-card-header {
/* 1. POSIÇÃO: 'relative' para ancorar o menu de opções */
@apply relative;
/* 2. LAYOUT: Centraliza o avatar */
@apply flex justify-center items-center;
/* 3. ESPAÇAMENTO: Padding interno */
@apply p-6;
/* 4. (Opcional) Fundo sutil para o retângulo */
@apply bg-gray-50;
}
/* AVATAR DO CLIENTE */
.client-avatar {
/* A imagem <img> interna já tem as classes de tamanho (w-32 h-32) */
}
/* MENU DE OPÇÕES (Três Pontinhos) */
.client-options-menu {
/* 1. POSIÇÃO: Flutua sobre o header */
@apply absolute top-4 right-4;
}
.client-options-button {
@apply p-2 rounded-full hover:bg-gray-200 transition-colors;
@apply focus:outline-none focus:ring-2 focus:ring-blue-500;
}
/* LISTA DE OPÇÕES (Dropdown) */
.client-options-list {
@apply absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg py-1 z-10;
@apply divide-y divide-gray-100;
}
.client-option-item {
@apply block px-4 py-2 text-sm text-gray-700 hover:bg-blue-100 hover:text-blue-800 transition-colors;
@apply cursor-pointer;
}
/* NOME DO CLIENTE (Área inferior) */
.client-card-name {
@apply text-lg font-semibold text-gray-800 text-center;
/* Espaçamento e uma borda sutil no topo */
@apply p-4 border-t border-gray-100;
}
}
}

375
resources/css/client-form.css
View File

@ -1,375 +0,0 @@
@layer components {
/* ================================================================== */
/* Estilos do Formulário do Modal (Slide-Over) - Versão Aprimorada */
/* ================================================================== */
/* Define o layout de duas colunas com gap responsivo */
.form-grid-container {
@apply lg:grid lg:grid-cols-3 lg:gap-8;
animation: fadeIn 0.3s ease-out;
}
/* Coluna principal que ocupa 2/3 do espaço */
.form-main-panel-modal {
@apply lg:col-span-2;
}
/* Coluna da sidebar que ocupa 1/3 do espaço */
.form-sidebar-column {
@apply lg:col-span-1;
}
/* Faz a sidebar "grudar" no topo ao rolar a página com transição suave */
.form-sticky-sidebar-modal {
@apply lg:sticky lg:top-6;
transition: top 0.2s ease-out;
}
/* Wrapper principal dentro do modal com padding otimizado */
.form-wrapper-modal {
@apply flex-1 px-4 py-6 sm:px-6;
}
/* Bloco de um grupo de campos com espaçamento melhorado */
.form-group {
@apply py-5;
animation: slideInUp 0.4s ease-out;
}
/* Título de uma seção com melhor hierarquia visual */
.form-section-title {
@apply text-base font-semibold leading-6 text-gray-900 text-gray-100;
letter-spacing: -0.01em;
}
/* Divisor com gradiente azul-roxo inspirado na imagem */
.form-divider {
@apply my-4;
background: linear-gradient(to right, transparent, #5bb5f0, #a8a3e8, transparent);
height: 1px;
border: none;
opacity: 0.3;
}
/* Card com borda azul suave */
.form-section-card {
@apply rounded-lg p-4;
border: 1px solid #e3f2fd;
background: linear-gradient(135deg, #f8fbff 0%, #f5f8ff 100%);
backdrop-filter: blur(8px);
transition: all 0.2s ease;
}
.form-section-card:hover {
border-color: #bbdefb;
box-shadow: 0 2px 8px rgba(91, 181, 240, 0.1);
}
/* Dark mode para card */
@media (prefers-color-scheme: dark) {
.form-section-card {
background: linear-gradient(135deg, rgba(91, 181, 240, 0.05) 0%, rgba(168, 163, 232, 0.05) 100%);
border-color: rgba(91, 181, 240, 0.2);
}
.form-section-card:hover {
border-color: rgba(91, 181, 240, 0.3);
}
}
/* ================================================================== */
/* Estilos dos Campos de Formulário */
/* ================================================================== */
/* Rótulo (Label) padrão dos campos com melhor contraste */
.form-label {
/* Ajustado para texto mais escuro e melhor contraste */
@apply block text-sm font-medium leading-6 text-gray-700 text-gray-300 mb-2;
transition: color 0.15s ease;
}
/* Input com cores do tema azul-roxo */
.form-input {
/* Campos agora são brancos/claros com texto escuro para melhor contraste */
@apply block w-full rounded-md border-0 py-2 px-3 text-gray-900 text-gray-400 shadow-sm placeholder:text-gray-400 placeholder:text-gray-500 sm:text-sm sm:leading-6;
background-color: #ffffff;
ring-color: #bbdefb;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
input[type="date"] {
outline: none;
border: none;
color: black;
}
.form-input:focus {
outline: none;
ring-width: 2px;
ring-color: #5bb5f0;
box-shadow: 0 0 0 3px rgba(91, 181, 240, 0.15);
}
.form-input:hover:not(:focus) {
ring-color: #90caf9;
}
@media (prefers-color-scheme: dark) {
.form-input {
background-color: rgba(255, 255, 255, 0.05);
ring-color: rgba(91, 181, 240, 0.3);
}
.form-input:focus {
ring-color: #5bb5f0;
}
.form-input:hover:not(:focus) {
ring-color: rgba(91, 181, 240, 0.4);
}
}
/* Input de arquivo com tema azul-roxo */
.form-file-input {
@apply block w-full text-sm text-gray-900 rounded-lg cursor-pointer bg-gray-50;
border: 1px solid #bbdefb;
transition: all 0.2s ease;
}
.form-file-input::file-selector-button {
margin-right: 1rem;
padding: 0.5rem 1rem;
border: none;
border-radius: 0.5rem 0 0 0.5rem;
font-size: 0.875rem;
font-weight: 600;
background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
color: #1976d2;
transition: all 0.2s ease;
}
.form-file-input:hover::file-selector-button {
background: linear-gradient(135deg, #bbdefb 0%, #e1bee7 100%);
}
.form-file-input:focus {
outline: none;
border-color: #5bb5f0;
box-shadow: 0 0 0 2px rgba(91, 181, 240, 0.2);
}
@media (prefers-color-scheme: dark) {
.form-file-input {
border-color: rgba(91, 181, 240, 0.3);
}
.form-file-input::file-selector-button {
background: linear-gradient(135deg, rgba(91, 181, 240, 0.15) 0%, rgba(168, 163, 232, 0.15) 100%);
color: #90caf9;
}
.form-file-input:hover::file-selector-button {
background: linear-gradient(135deg, rgba(91, 181, 240, 0.25) 0%, rgba(168, 163, 232, 0.25) 100%);
}
}
/* Grupo de checkboxes com melhor espaçamento */
.form-checkbox-group {
@apply space-y-3 mt-2;
}
/* Item individual do checkbox com hover suave */
.form-checkbox-item {
@apply flex items-center gap-x-3 p-2 rounded-md;
transition: background-color 0.15s ease;
}
.form-checkbox-item:hover {
background-color: rgba(91, 181, 240, 0.05);
}
@media (prefers-color-scheme: dark) {
.form-checkbox-item:hover {
background-color: rgba(91, 181, 240, 0.1);
}
}
/* Checkbox com cores azul-roxo */
.form-checkbox {
@apply h-4 w-4 rounded cursor-pointer;
border: 2px solid #90caf9;
transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
accent-color: #5bb5f0;
}
.form-checkbox:checked {
background-color: #5bb5f0;
border-color: #5bb5f0;
animation: checkboxPop 0.2s ease;
}
.form-checkbox:hover {
border-color: #5bb5f0;
}
.form-checkbox:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(91, 181, 240, 0.2);
}
@media (prefers-color-scheme: dark) {
.form-checkbox {
border-color: rgba(91, 181, 240, 0.4);
}
}
/* ================================================================== */
/* Estilos dos Botões do Modal */
/* ================================================================== */
/* Botão Primário com gradiente azul-roxo */
.form-button-primary {
@apply inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-semibold text-white shadow-sm;
background: linear-gradient(135deg, #5bb5f0 0%, #2e9ae5 50%, #a8a3e8 100%);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.form-button-primary::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);
opacity: 0;
transition: opacity 0.2s ease;
}
.form-button-primary:hover {
box-shadow: 0 4px 12px rgba(91, 181, 240, 0.4);
transform: translateY(-1px);
}
.form-button-primary:hover::before {
opacity: 1;
}
.form-button-primary:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(91, 181, 240, 0.3);
}
.form-button-primary:focus-visible {
outline: 2px solid #5bb5f0;
outline-offset: 2px;
}
.form-button-primary:disabled {
background: linear-gradient(135deg, #bbdefb 0%, #e1bee7 100%);
cursor: not-allowed;
transform: none;
opacity: 0.6;
}
/* Botão Secundário com borda azul */
.form-button-secondary {
@apply rounded-md bg-white bg-gray-800 px-4 py-2 text-sm font-semibold text-gray-900 text-gray-100 shadow-sm;
border: 1px solid #bbdefb;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-button-secondary:hover {
background: linear-gradient(135deg, #f8fbff 0%, #f5f8ff 100%);
border-color: #5bb5f0;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(91, 181, 240, 0.15);
}
.form-button-secondary:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(91, 181, 240, 0.1);
}
.form-button-secondary:focus-visible {
outline: 2px solid #5bb5f0;
outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
.form-button-secondary {
border-color: rgba(91, 181, 240, 0.3);
}
.form-button-secondary:hover {
background: linear-gradient(135deg, rgba(91, 181, 240, 0.05) 0%, rgba(168, 163, 232, 0.05) 100%);
border-color: #5bb5f0;
}
}
/* ================================================================== */
/* Animações */
/* ================================================================== */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes checkboxPop {
0% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
100% {
transform: scale(1);
}
}
/* ================================================================== */
/* Estados de Validação */
/* ================================================================== */
.form-input.is-invalid {
ring-color: #ef5350;
}
.form-input.is-valid {
ring-color: #66bb6a;
}
.form-error-message {
@apply mt-2 text-sm;
color: #ef5350;
animation: slideInUp 0.2s ease-out;
}
.form-helper-text {
@apply mt-2 text-sm text-gray-500 text-gray-400;
}
}

122
resources/css/header.css
View File

@ -1,122 +0,0 @@
@layer components {
/* Header - Navbar */
.nav-bar {
@apply flex flex-nowrap justify-center items-center mx-auto px-4 sm:px-6 lg:px-8 h-10;
/* REMOVIDO: @apply relative; */
/* 1. ADICIONADO: 'top-0 left-0' para "colar" no topo */
@apply fixed top-0 left-0 z-50 w-full;
@apply bg-transparent text-black;
@apply border-b border-transparent;
@apply transition-colors duration-700 ease-in-out;
}
.nav-bar::before {
content: '';
@apply absolute top-0 left-0 w-full h-full;
/* 2. ESTADO BASE (Topo): Fundo e Sombra */
@apply bg-white;
@apply shadow-md shadow-blue-400;
/* 4. REMOVIDO: As classes 'border-b border-white' saíram daqui */
/* 3. TRANSIÇÃO (Correto) */
@apply transition-all duration-700 ease-in-out;
@apply -z-10;
}
.navbar-scrolled {
@apply border-white shadow-md;
}
.navbar-scrolled::before {
@apply opacity-0;
@apply shadow-none;
}
.nav-bar>.navbar-items>a:hover,
.nav-bar>.navbar-items>a {
@apply transition-all duration-300 transform hover:scale-105;
@apply mr-7;
@apply hover:border hover:shadow-md shadow-blue-400 border-blue-300 rounded-md p-1 transition-all duration-250 transform hover:scale-105;
}
.nav-bar-logo {
/* Garante que a largura não ultrapasse 100% */
@apply rounded-md max-w-25 mr-10;
height: auto;
/* Altura proporcional à largura */
}
.navbar-items {
@apply flex flex-nowrap justify-center items-center px-4 sm:px-6 lg:px-8 h-10;
}
.profile-menu {
@apply absolute right-5;
@apply rounded-xl;
@apply max-w-7 max-h-7;
}
.profile-list-items {
/* 1. Posicionamento (Correto) */
@apply absolute top-full right-0 ml-4 mt-2;
@apply block w-full;
/* Adicionei mt-2 para descolar do ícone */
/* 2. Largura Fixa (Mais limpo) */
@apply w-56;
/* 3. Estilos do Contêiner (Profissional) */
@apply bg-white p-2 rounded-md shadow-xl;
/* Sombra mais forte */
@apply border border-gray-200;
/* 4. Divisórias Sutis entre os <li> */
@apply divide-y divide-gray-100;
}
.profile-link {
/* Você pode aplicar isso direto no <a> */
/* 1. FAZ O LINK PREENCHER O <li> */
@apply block w-full;
}
.profile-items {
/* 1. Limpeza (Classes antigas removidas) */
/* 2. Espaçamento Interno (Respiro) */
@apply px-4 py-2;
/* 3. Estilos de Texto */
@apply text-sm text-gray-700;
/* 4. Interatividade */
@apply hover:bg-blue-100 cursor-pointer;
/* 5. Transição Suave */
@apply transition-colors duration-150 ease-in-out;
/* 6. Cantos do Hover */
@apply rounded-md;
}
.nav-bar-logo img {
@apply w-full;
/* Largura 100% para se ajustar ao container */
height: auto;
/* Mantém a proporção original da imagem */
}
.nav-bar>.navbar-items>form>button {
@apply hover:border hover:shadow-md hover:scale-105 hover:cursor-pointer shadow-blue-400 border-blue-300 rounded-md p-1 transition-all duration-250 transform;
}
/*End Header - Navbar */
}

149
resources/css/toast.css
View File

@ -1,149 +0,0 @@
@layer components {
/* ================================================================== */
/* Estilos Aprimorados do Componente TOAST */
/* resources/css/toast.css */
/* ================================================================== */
.toast-card {
@apply pointer-events-auto flex w-full max-w-sm items-start gap-x-3.5 rounded-xl bg-white shadow-xl ring-1 ring-black/5;
animation: toast-slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
backdrop-filter: blur(8px);
transition: all 0.2s ease;
}
.toast-card:hover {
@apply shadow-2xl ring-black/10;
transform: translateY(-2px);
}
@keyframes toast-slide-in {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Estilo do Toast de Sucesso (Verde) */
.toast-success {
@apply p-4 relative overflow-hidden;
}
.toast-success::before {
content: "";
@apply absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-green-400 to-green-600;
}
.toast-success .toast-icon-success {
@apply flex-shrink-0 text-green-600 transition-transform duration-200;
filter: drop-shadow(0 2px 4px rgb(34 197 94 / 0.2));
}
.toast-success:hover .toast-icon-success {
transform: scale(1.1) rotate(5deg);
}
.toast-success .toast-message {
@apply w-0 flex-1 text-sm font-semibold text-gray-900 leading-relaxed;
}
.toast-success .toast-close-button {
@apply inline-flex flex-shrink-0 rounded-lg bg-green-50 text-green-600 hover:bg-green-100 hover:text-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 transition-all duration-200;
padding: 0.375rem;
}
.toast-success .toast-close-button:active {
transform: scale(0.95);
}
/* Estilo do Toast de Erro (Vermelho) */
.toast-error {
@apply p-4 relative overflow-hidden;
}
.toast-error::before {
content: "";
@apply absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-red-400 to-red-600;
}
.toast-error .toast-icon-error {
@apply flex-shrink-0 text-red-600 transition-transform duration-200;
filter: drop-shadow(0 2px 4px rgb(239 68 68 / 0.2));
}
.toast-error:hover .toast-icon-error {
transform: scale(1.1) rotate(-5deg);
}
.toast-error .toast-message {
@apply w-0 flex-1 text-sm font-semibold text-gray-900 leading-relaxed;
}
.toast-error .toast-close-button {
@apply inline-flex flex-shrink-0 rounded-lg bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition-all duration-200;
padding: 0.375rem;
}
.toast-error .toast-close-button:active {
transform: scale(0.95);
}
/* Animação de saída */
.toast-exit {
animation: toast-slide-out 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;
}
@keyframes toast-slide-out {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(100%);
}
}
/* Variantes Adicionais (Opcional) */
.toast-info {
@apply p-4 relative overflow-hidden;
}
.toast-info::before {
content: "";
@apply absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-blue-400 to-blue-600;
}
.toast-warning {
@apply p-4 relative overflow-hidden;
}
.toast-warning::before {
content: "";
@apply absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-amber-400 to-amber-600;
}
/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
.toast-card {
@apply bg-white ring-black/2;
}
.toast-success .toast-message,
.toast-error .toast-message {
@apply text-black;
}
.toast-success .toast-close-button {
@apply bg-blue-900/30 text-blue-400 hover:bg-blue-900/50;
}
.toast-error .toast-close-button {
@apply bg-red-900/30 text-red-400 hover:bg-red-900/50;
}
}
}

157
resources/css/user-form-modal.css
View File

@ -1,157 +0,0 @@
@layer components {
/* Modal Overlay */
.modal-overlay {
position: fixed;
inset: 0;
z-index: 50;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.35);
}
/* Modal Container */
.modal-container {
background-color: white;
border-radius: 0.5rem;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 32rem;
padding: 1.5rem;
}
/* Titles */
.modal-title {
font-size: 1.125rem;
font-weight: 500;
color: #111827;
}
/* Forms */
.form-wrapper {
margin-top: 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
/* Inputs */
.form-input {
display: block;
width: 100%;
border: 2px solid #e5e7eb;
border-radius: 0.375rem;
outline: none;
transition: all 0.3s ease-in-out;
}
.form-input:hover,
.form-input:focus {
border-color: #93c5fd;
}
/* Labels */
.form-label {
display: block;
font-size: 0.875rem;
color: #374151;
}
/* Errors */
.error-text {
color: #ef4444;
font-size: 0.75rem;
}
.error-box {
padding: 0.75rem;
background-color: #fee2e2;
color: #b91c1c;
border-radius: 0.375rem;
}
/* Buttons */
.btn-cancel {
background-color: #e5e7eb;
padding: 0.5rem 1rem;
border-radius: 0.375rem;
}
.btn-submit {
background-color: #2563eb;
color: white;
padding: 0.5rem 1rem;
border-radius: 0.375rem;
}
.loading {
cursor: progress;
}
/* Select Component */
.select-wrapper {
position: relative;
margin-top: 0.25rem;
}
.select-button {
height: 2.5rem;
width: 10rem;
background: white;
border: 1px solid #d1d5db;
border-radius: 0.5rem;
padding: 0.5rem 2.5rem 0.5rem 0.75rem;
text-align: left;
position: relative;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.select-icon {
position: absolute;
right: 0.5rem;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.select-svg {
width: 1.25rem;
height: 1.25rem;
color: #9ca3af;
}
.select-options {
position: absolute;
z-index: 10;
margin-top: 0.25rem;
width: 100%;
max-height: 15rem;
overflow-y: auto;
background-color: white;
border-radius: 0.375rem;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.select-option {
padding: 0.5rem 2.5rem;
cursor: pointer;
}
.select-option:hover {
background-color: #dbeafe;
}
.selected-option {
background-color: #eff6ff;
}
.form-footer {
display: flex;
justify-content: flex-end;
gap: 0.75rem;
padding-top: 1rem;
}
}

46
resources/views/components/flash-messages.blade.php
View File

@ -1,46 +0,0 @@
<div x-data="{
toasts: [],
addToast(message, type = 'success') {
let id = Date.now();
this.toasts.push({ id, message, type });
// Remove o toast após 3 segundos
setTimeout(() => this.removeToast(id), 7000);
},
removeToast(id) {
this.toasts = this.toasts.filter(toast => toast.id !== id);
}
}" @notify.window="addToast($event.detail.message, $event.detail.type || 'success')"
@notifyError.window="addToast($event.detail.message, $event.detail.type || 'error')"
class="fixed top-5 right-5 z-50 flex w-full max-w-xs flex-col space-y-3">
<template x-for="toast in toasts" :key="toast.id">
<div x-show="true" x-transition:enter="transform ease-out duration-300 transition"
x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" class="toast-card"
:class="{ 'toast-success': toast.type === 'success', 'toast-error': toast.type === 'error' }">
<div x-show="toast.type === 'success'" class="toast-icon-success">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<div x-show="toast.type === 'error'" class="toast-icon-error">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
</svg>
</div>
<p class="toast-message" x-text="toast.message"></p>
<button @click="removeToast(toast.id)" class="toast-close-button">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
<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>
</template>
</div>

274
resources/views/dashboard.blade.php
View File

@ -1,8 +1,10 @@
@extends('layouts.app') @extends('layouts.app')
@section('content') @section('content')
<h1>Dashboard</h1>
<livewire:admin.create-user /> <livewire:admin.create-user />
<livewire:admin.add-client />
<div class="container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
@ -114,6 +116,276 @@ class="w-32 h-32 rounded-full object-cover">
</div> </div>
</div> </div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
<div class="client-card">
<div class="client-card-header">
<div class="client-avatar">
<img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
class="w-32 h-32 rounded-full object-cover">
</div>
<div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
<button @click="open = !open" class="client-options-button">
<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">Ver Detalhes</a></li>
<li><a href="#" class="client-option-item">Editar Cliente</a></li>
<li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
</ul>
</div>
</div>
<div class="client-card-name">
Cliente 4
</div>
</div>
</div> </div>
@endsection @endsection

9
resources/views/layouts/app.blade.php
View File

@ -63,12 +63,6 @@
</a> </a>
</li> </li>
<li class="profile-items">
<a @click="$dispatch('open-add-client')" class="profile-link">
Adicionar clientes
</a>
</li>
</ul> </ul>
</div> </div>
@endauth @endauth
@ -79,9 +73,6 @@
</nav> </nav>
</header> </header>
<!--Apresenta mensagens em formato de toasts -->
<x-flash-messages />
<body> <body>
@yield('content') @yield('content')
@livewireScripts @livewireScripts

192
resources/views/livewire/admin/add-client.blade.php
View File

@ -1,192 +0,0 @@
<div x-data="{ showClientModal: false }" x-cloak @keydown.escape.window="showClientModal = false"
x-on:open-add-client.window="showClientModal = true" x-on:client-added.window="showClientModal = false"
class="relative z-50">
<div x-show="showClientModal" 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="showClientModal" 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="showClientModal = false">
<div class="w-screen max-w-3xl">
<form wire:submit="save" 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">
Adicionar Novo Cliente
</h2>
<button type="button" @click="showClientModal = 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="form.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="form.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="form.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="form.profile_image_path" id="profile_image_path"
class="form-file-input">
<div wire:loading wire:target="form.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="form.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="form.activation_date" id="activation_date"
class="form-input">
</div>
<div>
<label for="carrier" class="form-label">Operadora</label>
<input type="text" wire:model="form.carrier" id="carrier" class="form-input">
</div>
<div>
<label for="access_type" class="form-label">Tipo de Acesso</label>
<input type="text" wire:model="form.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="form.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="form.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="form.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="form.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="form.has_call_center"
class="form-checkbox">
<span>Possui Call Center?</span>
</label>
<label class="form-checkbox-item">
<input type="checkbox" wire:model="form.has_voice_gateway"
class="form-checkbox">
<span>Possui Gateway de Voz?</span>
</label>
<label class="form-checkbox-item">
<input type="checkbox" wire:model="form.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="form.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="showClientModal = false" class="form-button-secondary">
Cancelar
</button>
<button type="submit" class="form-button-primary">
Salvar Cliente
<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>

136
resources/views/livewire/admin/create-user.blade.php
View File

@ -1,106 +1,128 @@
<!-- create-user.blade.php --> <div x-data="{ showModal: false }" x-on:create-user.window="showModal = false" x-on:open-create-user.window="showModal = true">
<div x-data="{ showModal: false }"
x-on:user-created.window="showModal = false"
x-on:open-create-user.window="showModal = true">
<div x-show="showModal" class="modal-overlay"> @if (session('message'))
<div x-on:click.outside="showModal = false" <div class="p-3 bg-green-100 text-green-700 rounded mb-4">
x-show="showModal" {{ session('message') }}
x-transition:enter="transition-enter" </div>
x-transition:enter-start="transition-enter-start" @endif
x-transition:enter-end="transition-enter-end"
x-transition:leave="transition-leave"
x-transition:leave-start="transition-leave-start"
x-transition:leave-end="transition-leave-end"
class="modal-container">
<h3 class="modal-title">Novo Usuário Nexus</h3> <div x-show="showModal" class="fixed inset-0 z-50 flex items-center justify-center bg-white/35">
<div x-on:click.outside="showModal = false" x-show="showModal"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-90"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90"
class="bg-white rounded-lg shadow-xl w-full max-w-lg p-6">
<h3 class="text-lg font-medium text-gray-900">Novo Usuário Nexus</h3>
<form wire:submit.prevent="createUser" class="mt-4 space-y-4">
<form wire:submit.prevent="createUser" class="form-wrapper">
@error('general') @error('general')
<div class="error-box"> <div class="p-3 bg-red-100 text-red-700 rounded">
<strong>Erro:</strong> {{ $message }} <strong>Erro:</strong> {{ $message }}
</div> </div>
@enderror @enderror
<div> <div>
<label for="name" class="form-label">Nome</label> <label for="name" class="block text-sm ...">Nome</label>
<input type="text" wire:model.defer="name" id="name" class="form-input"> <input type="text" wire:model.defer="name" id="name"
@error('name') <span class="error-text">{{ $message }}</span> @enderror class="mt-1 block w-full border-2 border-gray-200 rounded-md outline-none hover:border-blue-200 transition delay-150 duration-300 ease-in-out focus:border-blue-200">
@error('name') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div> </div>
<div> <div>
<label for="email" class="form-label">Email</label> <label for="email" class="block text-sm ...">Email</label>
<input type="email" wire:model.defer="email" id="email" class="form-input"> <input type="email" wire:model.defer="email" id="email"
@error('email') <span class="error-text">{{ $message }}</span> @enderror class="mt-1 block w-full border-2 border-gray-200 rounded-md outline-none hover:border-blue-200 transition delay-150 duration-300 ease-in-out focus:border-blue-200">
@error('email') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div> </div>
<div> <div>
<label for="password" class="form-label">Senha</label> <label for="password" class="block text-sm ...">Senha</label>
<input type="password" wire:model.defer="password" id="password" class="form-input"> <input type="password" wire:model.defer="password" id="password"
@error('password') <span class="error-text">{{ $message }}</span> @enderror class="mt-1 block w-full border-2 border-gray-200 rounded-md outline-none hover:border-blue-200 transition delay-150 duration-300 ease-in-out focus:border-blue-200">
@error('password') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div> </div>
<div> <div>
<label for="password_confirm" class="form-label">Confirmar Senha</label> <label for="password_confirm" class="block text-sm ...">Confirmar Senha</label>
<input type="password" wire:model="password_confirm" id="password_confirm" class="form-input"> <input type="password" wire:model="password_confirm" id="password_confirm"
@error('password_confirm') <span class="error-text">{{ $message }}</span> @enderror class="mt-1 block w-full border-2 border-gray-200 rounded-md outline-none hover:border-blue-200 transition delay-150 duration-300 ease-in-out focus:border-blue-200">
@error('password_confirm') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div> </div>
<div> <div>
<label for="permissions" class="form-label">Permissões</label> <label for="permissions" class="block text-sm font-medium text-gray-700">Permissões</label>
<div x-data="{ <div x-data="{
open: false, open: false,
selected: @entangle('permission_level'), selected: @entangle('permission_level'),
options: { '0': 'Usuário', '1': 'Admin' } options: { '0': 'Usuário', '1': 'Admin' }
}" }" x-on:click.outside="open = false" class="relative mt-1">
x-on:click.outside="open = false" <button type="button" x-on:click="open = true"
class="select-wrapper"> class="relative h-10 w-40 cursor-default rounded-lg border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm p-2">
<span class="block truncate" x-text="options[selected]"></span>
<button type="button" x-on:click="open = true" class="select-button"> <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
<span class="select-text" x-text="options[selected]"></span> <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg"
<span class="select-icon"> viewBox="0 0 20 20" fill="currentColor">
<svg class="select-svg" xmlns="http://www.w3.org/2000/svg" <path fill-rule="evenodd"
viewBox="0 0 20 20" fill="currentColor"> d="M10 3a.75.75 0 01.53.22l3.5 3.5a.75.75 0 01-1.06 1.06L10 4.81 6.53 8.28a.75.75 0 01-1.06-1.06l3.5-3.5A.75.75 0 0110 3zm-3.5 9.28a.75.75 0 011.06 0L10 15.19l3.47-3.47a.75.75 0 111.06 1.06l-3.5 3.5a.75.75 0 01-1.06 0l-3.5-3.5a.75.75 0 010-1.06z"
<path fill-rule="evenodd" clip-rule="evenodd" />
d="M10 3a.75.75 0 01.53.22l3.5 3.5a.75.75 0 01-1.06 1.06L10 4.81 6.53 8.28a.75.75 0 01-1.06-1.06l3.5-3.5A.75.75 0 0110 3zm-3.5 9.28a.75.75 0 011.06 0L10 15.19l3.47-3.47a.75.75 0 111.06 1.06l-3.5 3.5a.75.75 0 01-1.06 0l-3.5-3.5a.75.75 0 010-1.06z"
clip-rule="evenodd" />
</svg> </svg>
</span> </span>
</button> </button>
<div x-show="open" x-transition style="display: none;" class="select-options"> <div x-show="open" x-transition style="display: none;"
class="absolute z-10 mt-1 w-full max-h-60 overflow-auto rounded-md bg-white py-1 shadow-lg">
<div x-on:click="selected = '0'; open = false" <div x-on:click="selected = '0'; open = false"
class="select-option" class="relative cursor-default select-none py-2 pl-10 pr-4 text-gray-900 hover:bg-blue-100"
:class="{ 'selected-option': selected == '0' }"> :class="{ 'bg-blue-50': selected == '0' }">
<span class="option-label" <span class="block truncate"
:class="{ 'font-semibold': selected == '0' }">Usuário</span> :class="{ 'font-semibold': selected == '0' }">Usuário</span>
<span x-show="selected == '0'"
class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
</div> </div>
<div x-on:click="selected = '1'; open = false" <div x-on:click="selected = '1'; open = false"
class="select-option" class="relative cursor-default select-none py-2 pl-10 pr-4 text-gray-900 hover:bg-blue-100"
:class="{ 'selected-option': selected == '1' }"> :class="{ 'bg-blue-50': selected == '1' }">
<span class="option-label" <span class="block truncate" :class="{ 'font-semibold': selected == '1' }">Admin</span>
:class="{ 'font-semibold': selected == '1' }">Admin</span> <span x-show="selected == '1'"
class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
</div> </div>
</div> </div>
</div> </div>
@error('permission_level') <span class="error-text">{{ $message }}</span> @enderror @error('permission_level') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
</div> </div>
<div class="form-footer"> <div class="flex justify-end space-x-3 pt-4">
<button type="button" @click="showModal = false" class="btn-cancel"> <button type="button" @click="showModal = false"
class="cursor-pointer px-4 py-2 rounded-md bg-gray-200 ...">
Cancelar Cancelar
</button> </button>
<button type="submit" class="cursor-pointer px-4 py-2 bg-blue-600 rounded-md text-white ...">
<button type="submit" class="btn-submit">
<span wire:loading.remove wire:target="createUser">Salvar</span> <span wire:loading.remove wire:target="createUser">Salvar</span>
<span wire:loading wire:target="createUser" class="loading">Salvando...</span> <span wire:loading wire:target="createUser" class="cursor-progress">Salvando...</span>
</button> </button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>

45
resources/views/login.blade.php
View File

@ -2,47 +2,36 @@
@section('title', 'Login') @section('title', 'Login')
@section('content') @section('content')
<div class="container-form"> <div class="container">
<div class="container-title"> <div class="container-title">
</div>
<form action="{{ route('login-post') }}" class="form-class" method="POST">
<div class="flex justify-center">
<h1>Efetue seu login</h1>
</div> </div>
<h1>Efetue seu login</h1>
<div class="messages"> @if ($errors->any())
@if ($errors->any())
<div class="alert alert-danger"> <div class="alert alert-danger">
{{ $errors->first() }} {{ $errors->first() }}
</div> </div>
@endif @endif
@if (session('error')) @if (session('error'))
<div class="alert alert-danger"> <div class="alert alert-danger">
{{ session('error') }} {{ session('error') }}
</div> </div>
@endif @endif
</div>
@csrf <form action="{{ route('login-post') }}" class="form-class" method="POST">
<input class="form-input-class" type="email" name="email" placeholder="E-mail"> @csrf
<input class="form-input-class" type="password" name="password" placeholder="Senha"> <input class="form-input-class" type="email" name="email" placeholder="E-mail">
<div class="flex justify-center"> <input class="form-input-class" type="password" name="password" placeholder="Senha">
<button class="form-button-class" type="submit">Login</button> <div class="flex justify-center">
</div> <button class="form-button-class" type="submit">Login</button>
<div class="flex justify-center">
<div class="forget-password">
<a href="#">Esqueceu sua senha?</a>
</div> </div>
</form>
<div class="forget-password">
<a href="#">Esqueceu sua senha?</a>
</div> </div>
</div>
</form>
</div>
@endsection @endsection

8
routes/web.php
View File

@ -26,9 +26,11 @@
Route::post('/logout', [LogoutController::class, 'logout'])->name('logout'); Route::post('/logout', [LogoutController::class, 'logout'])->name('logout');
}); });
// Route::get('/add-client', function () { Route::get('/create-users', function () {
// return view('clients.add-client'); return view('users.create-users');
// })->name('clients.add')->middleware('authorization'); })->name('users.create')->middleware('authorization');
Route::get('/add-client', [AddClientController::class, 'addClient']);
}); });
Route::controller(LoginController::class)->group(function () { Route::controller(LoginController::class)->group(function () {