Mas ajustes de estilos y iconos

This commit is contained in:
2025-01-26 02:21:06 -03:00
parent e33d1ddade
commit 6a1458304a
24 changed files with 208 additions and 63 deletions

View File

@@ -8,29 +8,65 @@
</div>
<form wire:submit.prevent="save">
<x-card class="space-y-4">
<x-input label="Nombre" wire:model="name"/>
<x-input label="Correo Electrónico" wire:model="email"/>
<x-select.styled label="Roles" :options="$this->availableRoles" select="label:title|value:id" multiple
wire:model="roles"/>
<label class="form-control">
<div class="label">
<span class="label-text">Nombre</span>
</div>
<input class="input input-bordered" wire:model="name"/>
</label>
@if($this->user)
<x-checkbox label="Cambiar contraseña" wire:model.live="change_password"/>
@endif
<label class="form-control">
<div class="label">
<span class="label-text">Correo Electrónico</span>
</div>
<input type="email" class="input input-bordered" wire:model="email"/>
</label>
@if(!$this->user || $change_password)
<x-password label="Contraseña" wire:model="password"/>
<x-password label="Confirmación de la contraseña" wire:model="password_confirmation"/>
@endif
<x-slot:footer>
<x-button wire:navigate :href="route('usuarios.index')" icon="arrow-left" color="secondary">
Volver
</x-button>
<x-button type="submit" icon="plus">
Guardar
</x-button>
</x-slot:footer>
</x-card>
<label class="form-control">
<div class="label">
<span class="label-text">Roles</span>
</div>
<select class="select select-bordered" required wire:model="roles" multiple>
@foreach($this->availableRoles as $role)
<option value="{{$role->id}}">{{$role->title}}</option>
@endforeach
</select>
</label>
@if($this->user)
<div class="form-control">
<label class="label cursor-pointer w-0 whitespace-nowrap space-x-4">
<span class="label-text">Cambiar contraseña</span>
<input type="checkbox" class="toggle" wire:model.live="change_password"/>
</label>
</div>
@endif
@if(!$this->user || $change_password)
<label class="form-control">
<div class="label">
<span class="label-text">Contraseña</span>
</div>
<input type="password" class="input input-bordered" wire:model="password"/>
</label>
<label class="form-control">
<div class="label">
<span class="label-text">Confirmación de la contraseña</span>
</div>
<input type="password" class="input input-bordered" wire:model="password_confirmation"/>
</label>
@endif
<div class="flex justify-end gap-2 mt-4">
<a wire:navigate href="{{route('usuarios.index')}}" class="btn">
<x-icons.arrow-left/>
Volver
</a>
<button type="submit" class="btn btn-primary">
<x-icons.plus/>
Guardar
</button>
</div>
</form>
</div>