Update show-usuarios.blade.php

This commit is contained in:
lizandrogd
2025-07-07 16:22:54 -05:00
parent 5a73ef6662
commit fbe14cab91
@@ -518,59 +518,63 @@
</div> </div>
{{-- editar usuario --}} {{-- Editar usuario --}}
<div x-cloak x-show="editar" x-transition:enter="transition duration-350" <div x-cloak x-show="editar"
x-transition:enter-start="opacity-0 scale-100" x-transition:enter-end="opacity-100 scale-100" x-transition:enter="transition duration-350"
x-transition:leave="transition duration-350" x-transition:leave-start="opacity-100 scale-100" x-transition:enter-start="opacity-0 scale-100"
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition duration-350"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-100" x-transition:leave-end="opacity-0 scale-100"
class="absolute backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full"> class="fixed inset-0 z-50 backdrop-blur-sm bg-black/20">
<div class="grid h-full place-items-center"> <div class="grid h-full place-items-center">
<form> <form>
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md"> <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md w-[20rem] sm:w-[24rem]">
<!-- Nombre -->
<div class="mb-4"> <div class="mb-4">
<label for="nombre_edit" <label for="nombre_edit" class="block text-gray-700 text-sm font-bold mb-2">Nombre:</label>
class="block text-gray-700 text-sm font-bold mb-2">Nombre:</label>
<input type="text" id="nombre_edit" wire:model="nombre_edit" <input type="text" id="nombre_edit" wire:model="nombre_edit"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"> class="border-2 border-neutral-200 rounded-[0.8rem] shadow appearance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
@error('nombre_edit') @error('nombre_edit')
<span class="text-red-400 text-sm">Requerido*</span> <span class="text-red-400 text-sm">Requerido*</span>
@enderror @enderror
</div> </div>
<!-- Email -->
<div class="mb-4"> <div class="mb-4">
<label for="email_edit" class="block text-gray-700 text-sm font-bold mb-2">Email:</label> <label for="email_edit" class="block text-gray-700 text-sm font-bold mb-2">Email:</label>
<input type="text" id="email_edit" wire:model="email_edit" <input type="text" id="email_edit" wire:model="email_edit"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"> class="border-2 border-neutral-200 rounded-[0.8rem] shadow appearance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
@error('email_edit') @error('email_edit')
<span class="text-red-400 text-sm">Requerido*</span> <span class="text-red-400 text-sm">Requerido*</span>
@enderror @enderror
</div> </div>
<!-- Rol -->
<div class="mb-4"> <div class="mb-4">
<label class="select-none text-gray-700 text-sm font-bold mb-2">Selecciona rol:</label> <label for="rol_edit" class="block text-gray-700 text-sm font-bold mb-2">Selecciona rol:</label>
<select name="rol_edit" id="rol_edit" wire:model="rol_edit" <select id="rol_edit" wire:model="rol_edit"
class="w-full border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none ring-0 focus:ring-0 focus:border-neutral-300 py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"> class="w-full border-2 border-neutral-200 rounded-[0.8rem] shadow appearance-none ring-0 focus:ring-0 focus:border-neutral-300 py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
<option selected>Rol</option> <option selected disabled>Rol</option>
@foreach ($roles as $rol) @foreach ($roles as $rol)
<option value="{{ $rol->id }}">{{ $rol->nombre }}</option> <option value="{{ $rol->id }}">{{ $rol->nombre }}</option>
@endforeach @endforeach
</select> </select>
@error('rol_edit') @error('rol_edit')
<span class="text-red-400 text-sm">Requerido*</span> <span class="text-red-400 text-sm">Requerido*</span>
@enderror @enderror
</div> </div>
<div <!-- Botones -->
class="bg-white px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:justify-evenly gap-5 mt-4"> <div class="px-4 py-3 sm:px-6 flex flex-col sm:flex-row-reverse sm:justify-evenly gap-3 mt-4">
<span>
<button wire:click="actualizar" type="button" <button wire:click="actualizar" type="button"
class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Guardar</button> class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out text-sm">
</span> Guardar
<span> </button>
<button wire:click="limpiarInputEdit" type="button" <button wire:click="limpiarInputEdit" type="button"
class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 text-white bg-[#585858] hover:bg-[#3a3a3a] ease-in-out sm-text-sm sm-leading-5">Cerrar</button> class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 text-white bg-[#585858] hover:bg-[#3a3a3a] ease-in-out text-sm">
</span> Cerrar
</button>
</div> </div>
</div> </div>
</form> </form>