Merge entre a branch de meu notebook/desktop e a main
Formulários e actions para adição de clientes e usuário validados.
This commit is contained in:
lukidev
GitHub
commit
6f0ffa14d5
|
|
@ -1,23 +0,0 @@
|
|||
<?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);
|
||||
}
|
||||
}
|
||||
|
|
@ -15,6 +15,6 @@ public function logout(Request $request)
|
|||
$request->session()->invalidate();
|
||||
$request->session()->regenerateToken();
|
||||
|
||||
return redirect('/')->with('success', 'Logout efetuado com sucesso!');
|
||||
return redirect('/login')->with('success', 'Logout efetuado com sucesso!');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,57 @@
|
|||
<?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');
|
||||
}
|
||||
}
|
||||
|
|
@ -19,7 +19,7 @@ class CreateUser extends Component
|
|||
// Nota: Adicionei 'same:password' para garantir que as senhas batem.
|
||||
protected $rules = [
|
||||
'name' => 'required|string|max:255',
|
||||
'email' => 'required|email',
|
||||
'email' => 'required|email|unique:users,email',
|
||||
'password' => 'required|string|min:8',
|
||||
'password_confirm' => 'required|string|same:password', // <-- Regra importante!
|
||||
'permission_level' => 'required|boolean' // ou 'required|in:0,1'
|
||||
|
|
@ -28,6 +28,7 @@ class CreateUser extends Component
|
|||
protected $messages = [
|
||||
'name' => 'Nome 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_confirm' => 'As senhas não coincidem.',
|
||||
'permission_level' => 'Defina o nível de autorização do usuário.'
|
||||
|
|
@ -59,7 +60,8 @@ public function createUser(UserService $userService)
|
|||
$this->dispatch('user-created');
|
||||
|
||||
// Envia a mesma mensagem de sucesso do seu controller
|
||||
session()->flash('message', 'Usuário cadastrado com sucesso!');
|
||||
$this->dispatch('notify', message: 'Usuário cadastrado com sucesso!');
|
||||
|
||||
|
||||
// (Opcional) Se sua tabela de usuários for outro componente Livewire,
|
||||
// você pode mandar ela atualizar assim:
|
||||
|
|
@ -70,9 +72,6 @@ public function createUser(UserService $userService)
|
|||
// 7. O "Erro" (Tradução do Redirect de Erro)
|
||||
// Em vez de redirecionar, adicionamos o erro ao formulário
|
||||
// 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());
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,86 @@
|
|||
<?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.',
|
||||
];
|
||||
}
|
||||
}
|
||||
|
|
@ -10,5 +10,8 @@ class ClientService
|
|||
{
|
||||
|
||||
public function __construct(protected Client $client) {}
|
||||
public function addClient() {}
|
||||
public function addClient(array $client)
|
||||
{
|
||||
return Client::create($client);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,10 +11,6 @@ class UserService
|
|||
public function __construct(protected User $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);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
<?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');
|
||||
}
|
||||
}
|
||||
|
|
@ -379,29 +379,28 @@
|
|||
},
|
||||
{
|
||||
"name": "dragonmantank/cron-expression",
|
||||
"version": "v3.4.0",
|
||||
"version": "v3.6.0",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/dragonmantank/cron-expression.git",
|
||||
"reference": "8c784d071debd117328803d86b2097615b457500"
|
||||
"reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/8c784d071debd117328803d86b2097615b457500",
|
||||
"reference": "8c784d071debd117328803d86b2097615b457500",
|
||||
"url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/d61a8a9604ec1f8c3d150d09db6ce98b32675013",
|
||||
"reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"php": "^7.2|^8.0",
|
||||
"webmozart/assert": "^1.0"
|
||||
"php": "^8.2|^8.3|^8.4|^8.5"
|
||||
},
|
||||
"replace": {
|
||||
"mtdowling/cron-expression": "^1.0"
|
||||
},
|
||||
"require-dev": {
|
||||
"phpstan/extension-installer": "^1.0",
|
||||
"phpstan/phpstan": "^1.0",
|
||||
"phpunit/phpunit": "^7.0|^8.0|^9.0"
|
||||
"phpstan/extension-installer": "^1.4.3",
|
||||
"phpstan/phpstan": "^1.12.32|^2.1.31",
|
||||
"phpunit/phpunit": "^8.5.48|^9.0"
|
||||
},
|
||||
"type": "library",
|
||||
"extra": {
|
||||
|
|
@ -432,7 +431,7 @@
|
|||
],
|
||||
"support": {
|
||||
"issues": "https://github.com/dragonmantank/cron-expression/issues",
|
||||
"source": "https://github.com/dragonmantank/cron-expression/tree/v3.4.0"
|
||||
"source": "https://github.com/dragonmantank/cron-expression/tree/v3.6.0"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -440,7 +439,7 @@
|
|||
"type": "github"
|
||||
}
|
||||
],
|
||||
"time": "2024-10-09T13:47:03+00:00"
|
||||
"time": "2025-10-31T18:51:33+00:00"
|
||||
},
|
||||
{
|
||||
"name": "egulias/email-validator",
|
||||
|
|
@ -1055,16 +1054,16 @@
|
|||
},
|
||||
{
|
||||
"name": "laravel/framework",
|
||||
"version": "v12.35.1",
|
||||
"version": "v12.37.0",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/laravel/framework.git",
|
||||
"reference": "d6d6e3cb68238e2fb25b440f222442adef5a8a15"
|
||||
"reference": "3c3c4ad30f5b528b164a7c09aa4ad03118c4c125"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/laravel/framework/zipball/d6d6e3cb68238e2fb25b440f222442adef5a8a15",
|
||||
"reference": "d6d6e3cb68238e2fb25b440f222442adef5a8a15",
|
||||
"url": "https://api.github.com/repos/laravel/framework/zipball/3c3c4ad30f5b528b164a7c09aa4ad03118c4c125",
|
||||
"reference": "3c3c4ad30f5b528b164a7c09aa4ad03118c4c125",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -1270,7 +1269,7 @@
|
|||
"issues": "https://github.com/laravel/framework/issues",
|
||||
"source": "https://github.com/laravel/framework"
|
||||
},
|
||||
"time": "2025-10-23T15:25:03+00:00"
|
||||
"time": "2025-11-04T15:39:33+00:00"
|
||||
},
|
||||
{
|
||||
"name": "laravel/prompts",
|
||||
|
|
@ -2359,25 +2358,25 @@
|
|||
},
|
||||
{
|
||||
"name": "nette/schema",
|
||||
"version": "v1.3.2",
|
||||
"version": "v1.3.3",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/nette/schema.git",
|
||||
"reference": "da801d52f0354f70a638673c4a0f04e16529431d"
|
||||
"reference": "2befc2f42d7c715fd9d95efc31b1081e5d765004"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/nette/schema/zipball/da801d52f0354f70a638673c4a0f04e16529431d",
|
||||
"reference": "da801d52f0354f70a638673c4a0f04e16529431d",
|
||||
"url": "https://api.github.com/repos/nette/schema/zipball/2befc2f42d7c715fd9d95efc31b1081e5d765004",
|
||||
"reference": "2befc2f42d7c715fd9d95efc31b1081e5d765004",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"nette/utils": "^4.0",
|
||||
"php": "8.1 - 8.4"
|
||||
"php": "8.1 - 8.5"
|
||||
},
|
||||
"require-dev": {
|
||||
"nette/tester": "^2.5.2",
|
||||
"phpstan/phpstan-nette": "^1.0",
|
||||
"phpstan/phpstan-nette": "^2.0@stable",
|
||||
"tracy/tracy": "^2.8"
|
||||
},
|
||||
"type": "library",
|
||||
|
|
@ -2387,6 +2386,9 @@
|
|||
}
|
||||
},
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Nette\\": "src"
|
||||
},
|
||||
"classmap": [
|
||||
"src/"
|
||||
]
|
||||
|
|
@ -2415,9 +2417,9 @@
|
|||
],
|
||||
"support": {
|
||||
"issues": "https://github.com/nette/schema/issues",
|
||||
"source": "https://github.com/nette/schema/tree/v1.3.2"
|
||||
"source": "https://github.com/nette/schema/tree/v1.3.3"
|
||||
},
|
||||
"time": "2024-10-06T23:10:23+00:00"
|
||||
"time": "2025-10-30T22:57:59+00:00"
|
||||
},
|
||||
{
|
||||
"name": "nette/utils",
|
||||
|
|
@ -3493,16 +3495,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/console",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/console.git",
|
||||
"reference": "2b9c5fafbac0399a20a2e82429e2bd735dcfb7db"
|
||||
"reference": "c28ad91448f86c5f6d9d2c70f0cf68bf135f252a"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/console/zipball/2b9c5fafbac0399a20a2e82429e2bd735dcfb7db",
|
||||
"reference": "2b9c5fafbac0399a20a2e82429e2bd735dcfb7db",
|
||||
"url": "https://api.github.com/repos/symfony/console/zipball/c28ad91448f86c5f6d9d2c70f0cf68bf135f252a",
|
||||
"reference": "c28ad91448f86c5f6d9d2c70f0cf68bf135f252a",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -3567,7 +3569,7 @@
|
|||
"terminal"
|
||||
],
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/console/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/console/tree/v7.3.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -3587,20 +3589,20 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-22T15:31:00+00:00"
|
||||
"time": "2025-11-04T01:21:42+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/css-selector",
|
||||
"version": "v7.3.0",
|
||||
"version": "v7.3.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/css-selector.git",
|
||||
"reference": "601a5ce9aaad7bf10797e3663faefce9e26c24e2"
|
||||
"reference": "84321188c4754e64273b46b406081ad9b18e8614"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/css-selector/zipball/601a5ce9aaad7bf10797e3663faefce9e26c24e2",
|
||||
"reference": "601a5ce9aaad7bf10797e3663faefce9e26c24e2",
|
||||
"url": "https://api.github.com/repos/symfony/css-selector/zipball/84321188c4754e64273b46b406081ad9b18e8614",
|
||||
"reference": "84321188c4754e64273b46b406081ad9b18e8614",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -3636,7 +3638,7 @@
|
|||
"description": "Converts CSS selectors to XPath expressions",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/css-selector/tree/v7.3.0"
|
||||
"source": "https://github.com/symfony/css-selector/tree/v7.3.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -3647,12 +3649,16 @@
|
|||
"url": "https://github.com/fabpot",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://github.com/nicolas-grekas",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
|
||||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2024-09-25T14:21:43+00:00"
|
||||
"time": "2025-10-29T17:24:25+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/deprecation-contracts",
|
||||
|
|
@ -3723,16 +3729,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/error-handler",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/error-handler.git",
|
||||
"reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4"
|
||||
"reference": "bbe40bfab84323d99dab491b716ff142410a92a8"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/error-handler/zipball/99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
|
||||
"reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
|
||||
"url": "https://api.github.com/repos/symfony/error-handler/zipball/bbe40bfab84323d99dab491b716ff142410a92a8",
|
||||
"reference": "bbe40bfab84323d99dab491b716ff142410a92a8",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -3780,7 +3786,7 @@
|
|||
"description": "Provides tools to manage errors and ease debugging PHP code",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/error-handler/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/error-handler/tree/v7.3.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -3800,7 +3806,7 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-11T10:12:26+00:00"
|
||||
"time": "2025-10-31T19:12:50+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/event-dispatcher",
|
||||
|
|
@ -3964,16 +3970,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/finder",
|
||||
"version": "v7.3.2",
|
||||
"version": "v7.3.5",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/finder.git",
|
||||
"reference": "2a6614966ba1074fa93dae0bc804227422df4dfe"
|
||||
"reference": "9f696d2f1e340484b4683f7853b273abff94421f"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/finder/zipball/2a6614966ba1074fa93dae0bc804227422df4dfe",
|
||||
"reference": "2a6614966ba1074fa93dae0bc804227422df4dfe",
|
||||
"url": "https://api.github.com/repos/symfony/finder/zipball/9f696d2f1e340484b4683f7853b273abff94421f",
|
||||
"reference": "9f696d2f1e340484b4683f7853b273abff94421f",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -4008,7 +4014,7 @@
|
|||
"description": "Finds files and directories via an intuitive fluent interface",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/finder/tree/v7.3.2"
|
||||
"source": "https://github.com/symfony/finder/tree/v7.3.5"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -4028,20 +4034,20 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-07-15T13:41:35+00:00"
|
||||
"time": "2025-10-15T18:45:57+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/http-foundation",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/http-foundation.git",
|
||||
"reference": "c061c7c18918b1b64268771aad04b40be41dd2e6"
|
||||
"reference": "6379e490d6ecfc5c4224ff3a754b90495ecd135c"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/http-foundation/zipball/c061c7c18918b1b64268771aad04b40be41dd2e6",
|
||||
"reference": "c061c7c18918b1b64268771aad04b40be41dd2e6",
|
||||
"url": "https://api.github.com/repos/symfony/http-foundation/zipball/6379e490d6ecfc5c4224ff3a754b90495ecd135c",
|
||||
"reference": "6379e490d6ecfc5c4224ff3a754b90495ecd135c",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -4091,7 +4097,7 @@
|
|||
"description": "Defines an object-oriented layer for the HTTP specification",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/http-foundation/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/http-foundation/tree/v7.3.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -4111,20 +4117,20 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-16T08:38:17+00:00"
|
||||
"time": "2025-11-06T11:05:57+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/http-kernel",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/http-kernel.git",
|
||||
"reference": "b796dffea7821f035047235e076b60ca2446e3cf"
|
||||
"reference": "f9a34dc0196677250e3609c2fac9de9e1551a262"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/http-kernel/zipball/b796dffea7821f035047235e076b60ca2446e3cf",
|
||||
"reference": "b796dffea7821f035047235e076b60ca2446e3cf",
|
||||
"url": "https://api.github.com/repos/symfony/http-kernel/zipball/f9a34dc0196677250e3609c2fac9de9e1551a262",
|
||||
"reference": "f9a34dc0196677250e3609c2fac9de9e1551a262",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -4209,7 +4215,7 @@
|
|||
"description": "Provides a structured process for converting a Request into a Response",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/http-kernel/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/http-kernel/tree/v7.3.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -4229,20 +4235,20 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-27T12:32:17+00:00"
|
||||
"time": "2025-11-06T20:58:12+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/mailer",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.5",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/mailer.git",
|
||||
"reference": "ab97ef2f7acf0216955f5845484235113047a31d"
|
||||
"reference": "fd497c45ba9c10c37864e19466b090dcb60a50ba"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/mailer/zipball/ab97ef2f7acf0216955f5845484235113047a31d",
|
||||
"reference": "ab97ef2f7acf0216955f5845484235113047a31d",
|
||||
"url": "https://api.github.com/repos/symfony/mailer/zipball/fd497c45ba9c10c37864e19466b090dcb60a50ba",
|
||||
"reference": "fd497c45ba9c10c37864e19466b090dcb60a50ba",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -4293,7 +4299,7 @@
|
|||
"description": "Helps sending emails",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/mailer/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/mailer/tree/v7.3.5"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -4313,7 +4319,7 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-17T05:51:54+00:00"
|
||||
"time": "2025-10-24T14:27:20+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/mime",
|
||||
|
|
@ -5299,16 +5305,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/routing",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/routing.git",
|
||||
"reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c"
|
||||
"reference": "c97abe725f2a1a858deca629a6488c8fc20c3091"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/routing/zipball/8dc648e159e9bac02b703b9fbd937f19ba13d07c",
|
||||
"reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c",
|
||||
"url": "https://api.github.com/repos/symfony/routing/zipball/c97abe725f2a1a858deca629a6488c8fc20c3091",
|
||||
"reference": "c97abe725f2a1a858deca629a6488c8fc20c3091",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -5360,7 +5366,7 @@
|
|||
"url"
|
||||
],
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/routing/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/routing/tree/v7.3.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -5380,20 +5386,20 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-11T10:12:26+00:00"
|
||||
"time": "2025-11-05T07:57:47+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/service-contracts",
|
||||
"version": "v3.6.0",
|
||||
"version": "v3.6.1",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/service-contracts.git",
|
||||
"reference": "f021b05a130d35510bd6b25fe9053c2a8a15d5d4"
|
||||
"reference": "45112560a3ba2d715666a509a0bc9521d10b6c43"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/service-contracts/zipball/f021b05a130d35510bd6b25fe9053c2a8a15d5d4",
|
||||
"reference": "f021b05a130d35510bd6b25fe9053c2a8a15d5d4",
|
||||
"url": "https://api.github.com/repos/symfony/service-contracts/zipball/45112560a3ba2d715666a509a0bc9521d10b6c43",
|
||||
"reference": "45112560a3ba2d715666a509a0bc9521d10b6c43",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -5447,7 +5453,7 @@
|
|||
"standards"
|
||||
],
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/service-contracts/tree/v3.6.0"
|
||||
"source": "https://github.com/symfony/service-contracts/tree/v3.6.1"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -5458,12 +5464,16 @@
|
|||
"url": "https://github.com/fabpot",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://github.com/nicolas-grekas",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
|
||||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-04-25T09:37:31+00:00"
|
||||
"time": "2025-07-15T11:30:57+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/string",
|
||||
|
|
@ -5657,16 +5667,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/translation-contracts",
|
||||
"version": "v3.6.0",
|
||||
"version": "v3.6.1",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/translation-contracts.git",
|
||||
"reference": "df210c7a2573f1913b2d17cc95f90f53a73d8f7d"
|
||||
"reference": "65a8bc82080447fae78373aa10f8d13b38338977"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/translation-contracts/zipball/df210c7a2573f1913b2d17cc95f90f53a73d8f7d",
|
||||
"reference": "df210c7a2573f1913b2d17cc95f90f53a73d8f7d",
|
||||
"url": "https://api.github.com/repos/symfony/translation-contracts/zipball/65a8bc82080447fae78373aa10f8d13b38338977",
|
||||
"reference": "65a8bc82080447fae78373aa10f8d13b38338977",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -5715,7 +5725,7 @@
|
|||
"standards"
|
||||
],
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/translation-contracts/tree/v3.6.0"
|
||||
"source": "https://github.com/symfony/translation-contracts/tree/v3.6.1"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -5726,12 +5736,16 @@
|
|||
"url": "https://github.com/fabpot",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://github.com/nicolas-grekas",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
|
||||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2024-09-27T08:32:26+00:00"
|
||||
"time": "2025-07-15T13:41:35+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/uid",
|
||||
|
|
@ -5809,16 +5823,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/var-dumper",
|
||||
"version": "v7.3.4",
|
||||
"version": "v7.3.5",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/var-dumper.git",
|
||||
"reference": "b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb"
|
||||
"reference": "476c4ae17f43a9a36650c69879dcf5b1e6ae724d"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/var-dumper/zipball/b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb",
|
||||
"reference": "b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb",
|
||||
"url": "https://api.github.com/repos/symfony/var-dumper/zipball/476c4ae17f43a9a36650c69879dcf5b1e6ae724d",
|
||||
"reference": "476c4ae17f43a9a36650c69879dcf5b1e6ae724d",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -5872,7 +5886,7 @@
|
|||
"dump"
|
||||
],
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/var-dumper/tree/v7.3.4"
|
||||
"source": "https://github.com/symfony/var-dumper/tree/v7.3.5"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -5892,7 +5906,7 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-11T10:12:26+00:00"
|
||||
"time": "2025-09-27T09:00:46+00:00"
|
||||
},
|
||||
{
|
||||
"name": "tijsverkoyen/css-to-inline-styles",
|
||||
|
|
@ -6106,64 +6120,6 @@
|
|||
}
|
||||
],
|
||||
"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": [
|
||||
|
|
@ -6499,16 +6455,16 @@
|
|||
},
|
||||
{
|
||||
"name": "laravel/sail",
|
||||
"version": "v1.46.0",
|
||||
"version": "v1.47.0",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/laravel/sail.git",
|
||||
"reference": "eb90c4f113c4a9637b8fdd16e24cfc64f2b0ae6e"
|
||||
"reference": "9a11e822238167ad8b791e4ea51155d25cf4d8f2"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/laravel/sail/zipball/eb90c4f113c4a9637b8fdd16e24cfc64f2b0ae6e",
|
||||
"reference": "eb90c4f113c4a9637b8fdd16e24cfc64f2b0ae6e",
|
||||
"url": "https://api.github.com/repos/laravel/sail/zipball/9a11e822238167ad8b791e4ea51155d25cf4d8f2",
|
||||
"reference": "9a11e822238167ad8b791e4ea51155d25cf4d8f2",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -6521,7 +6477,7 @@
|
|||
},
|
||||
"require-dev": {
|
||||
"orchestra/testbench": "^7.0|^8.0|^9.0|^10.0",
|
||||
"phpstan/phpstan": "^1.10"
|
||||
"phpstan/phpstan": "^2.0"
|
||||
},
|
||||
"bin": [
|
||||
"bin/sail"
|
||||
|
|
@ -6558,7 +6514,7 @@
|
|||
"issues": "https://github.com/laravel/sail/issues",
|
||||
"source": "https://github.com/laravel/sail"
|
||||
},
|
||||
"time": "2025-09-23T13:44:39+00:00"
|
||||
"time": "2025-10-28T13:55:29+00:00"
|
||||
},
|
||||
{
|
||||
"name": "mockery/mockery",
|
||||
|
|
@ -7257,16 +7213,16 @@
|
|||
},
|
||||
{
|
||||
"name": "phpunit/phpunit",
|
||||
"version": "11.5.42",
|
||||
"version": "11.5.43",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/sebastianbergmann/phpunit.git",
|
||||
"reference": "1c6cb5dfe412af3d0dfd414cfd110e3b9cfdbc3c"
|
||||
"reference": "c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/1c6cb5dfe412af3d0dfd414cfd110e3b9cfdbc3c",
|
||||
"reference": "1c6cb5dfe412af3d0dfd414cfd110e3b9cfdbc3c",
|
||||
"url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924",
|
||||
"reference": "c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -7338,7 +7294,7 @@
|
|||
"support": {
|
||||
"issues": "https://github.com/sebastianbergmann/phpunit/issues",
|
||||
"security": "https://github.com/sebastianbergmann/phpunit/security/policy",
|
||||
"source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.42"
|
||||
"source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.43"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -7362,7 +7318,7 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-09-28T12:09:13+00:00"
|
||||
"time": "2025-10-30T08:39:39+00:00"
|
||||
},
|
||||
{
|
||||
"name": "sebastian/cli-parser",
|
||||
|
|
@ -8404,16 +8360,16 @@
|
|||
},
|
||||
{
|
||||
"name": "symfony/yaml",
|
||||
"version": "v7.3.3",
|
||||
"version": "v7.3.5",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/symfony/yaml.git",
|
||||
"reference": "d4f4a66866fe2451f61296924767280ab5732d9d"
|
||||
"reference": "90208e2fc6f68f613eae7ca25a2458a931b1bacc"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/symfony/yaml/zipball/d4f4a66866fe2451f61296924767280ab5732d9d",
|
||||
"reference": "d4f4a66866fe2451f61296924767280ab5732d9d",
|
||||
"url": "https://api.github.com/repos/symfony/yaml/zipball/90208e2fc6f68f613eae7ca25a2458a931b1bacc",
|
||||
"reference": "90208e2fc6f68f613eae7ca25a2458a931b1bacc",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
|
|
@ -8456,7 +8412,7 @@
|
|||
"description": "Loads and dumps YAML files",
|
||||
"homepage": "https://symfony.com",
|
||||
"support": {
|
||||
"source": "https://github.com/symfony/yaml/tree/v7.3.3"
|
||||
"source": "https://github.com/symfony/yaml/tree/v7.3.5"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
|
|
@ -8476,7 +8432,7 @@
|
|||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2025-08-27T11:34:33+00:00"
|
||||
"time": "2025-09-27T09:00:46+00:00"
|
||||
},
|
||||
{
|
||||
"name": "theseer/tokenizer",
|
||||
|
|
@ -8538,5 +8494,5 @@
|
|||
"php": "^8.2"
|
||||
},
|
||||
"platform-dev": [],
|
||||
"plugin-api-version": "2.3.0"
|
||||
"plugin-api-version": "2.6.0"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,14 +5,40 @@
|
|||
@source '../**/*.blade.php';
|
||||
@source '../**/*.js';
|
||||
|
||||
@import './toast.css';
|
||||
@import './client-form.css';
|
||||
@import './user-form-modal.css';
|
||||
@import './header.css';
|
||||
@import './client-cards.css';
|
||||
|
||||
@theme {
|
||||
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.forget-password>a {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.navbar-items>a {
|
||||
color: black !important;
|
||||
}
|
||||
}
|
||||
|
||||
@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 {
|
||||
@apply bg-white h-screen w-screen;
|
||||
|
|
@ -23,129 +49,6 @@ @layer components {
|
|||
|
||||
/*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-title {
|
||||
|
|
@ -157,7 +60,16 @@ @layer components {
|
|||
|
||||
.container {
|
||||
/* Deixe APENAS as classes de largura, margem e padding */
|
||||
@apply w-full mx-auto px-4 sm:px-6 lg:px-8 mt-10 mb-10;
|
||||
@apply w-full mx-auto px-4 sm:px-6 lg:px-8 mt-15 mb-10;
|
||||
}
|
||||
|
||||
.container-form {
|
||||
@apply w-full h-full mx-auto;
|
||||
@apply flex justify-center items-center;
|
||||
}
|
||||
|
||||
.messages {
|
||||
@apply flex justify-center;
|
||||
}
|
||||
|
||||
.form-class {
|
||||
|
|
@ -173,73 +85,12 @@ @layer components {
|
|||
@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 {
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,375 @@
|
|||
@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;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
@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 */
|
||||
}
|
||||
|
|
@ -0,0 +1,149 @@
|
|||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,157 @@
|
|||
@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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<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>
|
||||
|
|
@ -1,10 +1,8 @@
|
|||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<h1>Dashboard</h1>
|
||||
|
||||
<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">
|
||||
|
||||
|
|
@ -116,276 +114,6 @@ class="w-32 h-32 rounded-full object-cover">
|
|||
</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>
|
||||
|
||||
@endsection
|
||||
|
|
@ -63,6 +63,12 @@
|
|||
</a>
|
||||
</li>
|
||||
|
||||
<li class="profile-items">
|
||||
<a @click="$dispatch('open-add-client')" class="profile-link">
|
||||
Adicionar clientes
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
@endauth
|
||||
|
|
@ -73,6 +79,9 @@
|
|||
</nav>
|
||||
</header>
|
||||
|
||||
<!--Apresenta mensagens em formato de toasts -->
|
||||
<x-flash-messages />
|
||||
|
||||
<body>
|
||||
@yield('content')
|
||||
@livewireScripts
|
||||
|
|
|
|||
|
|
@ -0,0 +1,192 @@
|
|||
<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: {"bi": 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>
|
||||
|
|
@ -1,125 +1,103 @@
|
|||
<div x-data="{ showModal: false }" x-on:create-user.window="showModal = false" x-on:open-create-user.window="showModal = true">
|
||||
<!-- create-user.blade.php -->
|
||||
<div x-data="{ showModal: false }"
|
||||
x-on:user-created.window="showModal = false"
|
||||
x-on:open-create-user.window="showModal = true">
|
||||
|
||||
@if (session('message'))
|
||||
<div class="p-3 bg-green-100 text-green-700 rounded mb-4">
|
||||
{{ session('message') }}
|
||||
</div>
|
||||
@endif
|
||||
<div x-show="showModal" class="modal-overlay">
|
||||
<div x-on:click.outside="showModal = false"
|
||||
x-show="showModal"
|
||||
x-transition:enter="transition-enter"
|
||||
x-transition:enter-start="transition-enter-start"
|
||||
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">
|
||||
|
||||
<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">
|
||||
<h3 class="modal-title">Novo Usuário Nexus</h3>
|
||||
|
||||
<form wire:submit.prevent="createUser" class="form-wrapper">
|
||||
@error('general')
|
||||
<div class="p-3 bg-red-100 text-red-700 rounded">
|
||||
<div class="error-box">
|
||||
<strong>Erro:</strong> {{ $message }}
|
||||
</div>
|
||||
@enderror
|
||||
|
||||
<div>
|
||||
<label for="name" class="block text-sm ...">Nome</label>
|
||||
<input type="text" wire:model.defer="name" id="name"
|
||||
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
|
||||
<label for="name" class="form-label">Nome</label>
|
||||
<input type="text" wire:model.defer="name" id="name" class="form-input">
|
||||
@error('name') <span class="error-text">{{ $message }}</span> @enderror
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="email" class="block text-sm ...">Email</label>
|
||||
<input type="email" wire:model.defer="email" id="email"
|
||||
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
|
||||
<label for="email" class="form-label">Email</label>
|
||||
<input type="email" wire:model.defer="email" id="email" class="form-input">
|
||||
@error('email') <span class="error-text">{{ $message }}</span> @enderror
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="password" class="block text-sm ...">Senha</label>
|
||||
<input type="password" wire:model.defer="password" id="password"
|
||||
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
|
||||
<label for="password" class="form-label">Senha</label>
|
||||
<input type="password" wire:model.defer="password" id="password" class="form-input">
|
||||
@error('password') <span class="error-text">{{ $message }}</span> @enderror
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="password_confirm" class="block text-sm ...">Confirmar Senha</label>
|
||||
<input type="password" wire:model="password_confirm" id="password_confirm"
|
||||
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
|
||||
<label for="password_confirm" class="form-label">Confirmar Senha</label>
|
||||
<input type="password" wire:model="password_confirm" id="password_confirm" class="form-input">
|
||||
@error('password_confirm') <span class="error-text">{{ $message }}</span> @enderror
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="permissions" class="block text-sm font-medium text-gray-700">Permissões</label>
|
||||
<label for="permissions" class="form-label">Permissões</label>
|
||||
|
||||
<div x-data="{
|
||||
open: false,
|
||||
selected: @entangle('permission_level'),
|
||||
options: { '0': 'Usuário', '1': 'Admin' }
|
||||
}" x-on:click.outside="open = false" class="relative mt-1">
|
||||
<button type="button" x-on:click="open = true"
|
||||
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>
|
||||
}"
|
||||
x-on:click.outside="open = false"
|
||||
class="select-wrapper">
|
||||
|
||||
<span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
|
||||
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20" fill="currentColor">
|
||||
<button type="button" x-on:click="open = true" class="select-button">
|
||||
<span class="select-text" x-text="options[selected]"></span>
|
||||
<span class="select-icon">
|
||||
<svg class="select-svg" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-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" />
|
||||
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>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<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-show="open" x-transition style="display: none;" class="select-options">
|
||||
<div x-on:click="selected = '0'; open = false"
|
||||
class="relative cursor-default select-none py-2 pl-10 pr-4 text-gray-900 hover:bg-blue-100"
|
||||
:class="{ 'bg-blue-50': selected == '0' }">
|
||||
<span class="block truncate"
|
||||
: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>
|
||||
class="select-option"
|
||||
:class="{ 'selected-option': selected == '0' }">
|
||||
<span class="option-label"
|
||||
:class="{ 'font-semibold': selected == '0' }">Usuário</span>
|
||||
</div>
|
||||
|
||||
<div x-on:click="selected = '1'; open = false"
|
||||
class="relative cursor-default select-none py-2 pl-10 pr-4 text-gray-900 hover:bg-blue-100"
|
||||
:class="{ 'bg-blue-50': selected == '1' }">
|
||||
<span class="block truncate" :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>
|
||||
class="select-option"
|
||||
:class="{ 'selected-option': selected == '1' }">
|
||||
<span class="option-label"
|
||||
:class="{ 'font-semibold': selected == '1' }">Admin</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@error('permission_level') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
|
||||
@error('permission_level') <span class="error-text">{{ $message }}</span> @enderror
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end space-x-3 pt-4">
|
||||
<button type="button" @click="showModal = false"
|
||||
class="cursor-pointer px-4 py-2 rounded-md bg-gray-200 ...">
|
||||
<div class="form-footer">
|
||||
<button type="button" @click="showModal = false" class="btn-cancel">
|
||||
Cancelar
|
||||
</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 wire:target="createUser" class="cursor-progress">Salvando...</span>
|
||||
<span wire:loading wire:target="createUser" class="loading">Salvando...</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -2,36 +2,47 @@
|
|||
@section('title', 'Login')
|
||||
@section('content')
|
||||
|
||||
<div class="container">
|
||||
<div class="container-title">
|
||||
<div class="container-form">
|
||||
<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>
|
||||
|
||||
<h1>Efetue seu login</h1>
|
||||
|
||||
@if ($errors->any())
|
||||
<div class="messages">
|
||||
@if ($errors->any())
|
||||
<div class="alert alert-danger">
|
||||
{{ $errors->first() }}
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if (session('error'))
|
||||
@if (session('error'))
|
||||
<div class="alert alert-danger">
|
||||
{{ session('error') }}
|
||||
</div>
|
||||
|
||||
@endif
|
||||
|
||||
<form action="{{ route('login-post') }}" class="form-class" method="POST">
|
||||
@csrf
|
||||
<input class="form-input-class" type="email" name="email" placeholder="E-mail">
|
||||
<input class="form-input-class" type="password" name="password" placeholder="Senha">
|
||||
<div class="flex justify-center">
|
||||
<button class="form-button-class" type="submit">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="forget-password">
|
||||
<a href="#">Esqueceu sua senha?</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@csrf
|
||||
<input class="form-input-class" type="email" name="email" placeholder="E-mail">
|
||||
<input class="form-input-class" type="password" name="password" placeholder="Senha">
|
||||
<div class="flex justify-center">
|
||||
<button class="form-button-class" type="submit">Login</button>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="forget-password">
|
||||
<a href="#">Esqueceu sua senha?</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -26,11 +26,9 @@
|
|||
Route::post('/logout', [LogoutController::class, 'logout'])->name('logout');
|
||||
});
|
||||
|
||||
Route::get('/create-users', function () {
|
||||
return view('users.create-users');
|
||||
})->name('users.create')->middleware('authorization');
|
||||
|
||||
Route::get('/add-client', [AddClientController::class, 'addClient']);
|
||||
// Route::get('/add-client', function () {
|
||||
// return view('clients.add-client');
|
||||
// })->name('clients.add')->middleware('authorization');
|
||||
});
|
||||
|
||||
Route::controller(LoginController::class)->group(function () {
|
||||
|
|
|
|||
Loading…
Reference in New Issue