From c6ba9bb6d1577bdb06213abb2b9c28be164a9f71 Mon Sep 17 00:00:00 2001
From: Juan Felipe Duarte <70235683+DuarteJFelipe@users.noreply.github.com>
Date: Fri, 17 Oct 2025 13:50:25 -0500
Subject: [PATCH] update

---
 resources/views/layouts/navigation.blade.php  | 17 +++++++++++++---
 .../views/livewire/show-perfil.blade.php      | 20 +++++++++----------
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
index dcd5883..0afbe57 100755
--- a/resources/views/layouts/navigation.blade.php
+++ b/resources/views/layouts/navigation.blade.php
@@ -21,9 +21,20 @@
 
     <div class="flex-1 overflow-y-auto select-none">
         <div class="text-center py-4 ms:py-6">
-            <div class="font-medium text-base text-white">{{ Auth::user()->name ?? ''}}</div>
-            <div class="font-medium text-sm text-gray-500">{{ Auth::user()->email ?? ''}}</div>
-            <div class="font-semibold text-sm text-gray-500 capitalize">{{ Auth::user()->rol->nombre ?? ''}}</div>
+            <div class="flex items-center justify-center w-full">
+                <a href="{{ route('perfil') }}" class="rounded-full border-2 border-neutral-200 shadow-sm w-10 h-10 overflow-hidden mb-2">
+                    @if (Auth::user()->img_perfil)
+                        <img src="{{ Auth::user()->img_perfil }}" alt="" class="w-10 h-10 object-contain">
+                    @else
+                        <img src="https://ui-avatars.com/api/?name={{ Auth::user()->name ?? 'no name' }}" alt="" class="w-10 h-10 object-cover">
+                    @endif
+                </a>
+            </div>
+
+                <div class="font-medium text-base text-white">{{ Auth::user()->name ?? ''}}</div>
+                <div class="font-medium text-sm text-gray-500">{{ Auth::user()->email ?? ''}}</div>
+                <div class="font-semibold text-sm text-gray-500 capitalize">{{ Auth::user()->rol->nombre ?? ''}}</div>
+
             <!-- Items del menú -->
             <nav class="px-4 mt-2 space-y-2 pb-4">
                 <a href="{{ route('dashboard') }}" class="flex items-center justify-start gap-2 py-2 px-3 rounded text-white text-left {{ request()->routeIs('dashboard') ? 'bg-white/20' : 'hover:bg-white/10' }}">
diff --git a/resources/views/livewire/show-perfil.blade.php b/resources/views/livewire/show-perfil.blade.php
index db1e2ab..0658598 100755
--- a/resources/views/livewire/show-perfil.blade.php
+++ b/resources/views/livewire/show-perfil.blade.php
@@ -13,13 +13,13 @@
 
         <div class="mb-4">
             <div class="flex justify-center gap-6 mb-2">
-                <div class="rounded-full border-2 border-neutral-200 shadow-sm w-24 h-24  overflow-hidden">
+                <div class="rounded-full border-2 border-neutral-200 shadow-sm w-24 h-24 overflow-hidden">
                     @if ($url_imagen)
                         <img src="{{ $url_imagen->temporaryUrl() }}" alt="" class="w-24 h-24 object-contain">
                     @elseif($url_imagen_d)
                         <img src="{{ $url_imagen_d }}" alt="" class="w-24 h-24 object-contain">
                     @else
-                        <img src="/" class="w-24 h-24 object-contain">
+                        <img src="https://ui-avatars.com/api/?name={{ Auth::user()->name ?? 'no name' }}" class="w-24 h-24 object-cover">
                     @endif
                 </div>
             </div>
@@ -38,13 +38,13 @@
         <div class="mb-4">
             <label for="email" class="block text-gray-700 text-sm font-bold mb-2">Email:</label>
             <input type="text" id="email" wire:model="email"   class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
-        </div>  
+        </div>
 
         <div class="mb-4">
             <label for="celular" class="block text-gray-700 text-sm font-bold mb-2">Celular:</label>
             <input type="text" id="celular" wire:model="celular" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none  focus:ring-0 focus:border-neutral-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
         </div>
-        
+
         <div class="mb-4">
             <label for="cedula" class="block text-gray-700 text-sm font-bold mb-2">Cedula:</label>
             <input type="text" id="cedula" wire:model="cedula" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none  focus:ring-0 focus:border-neutral-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
@@ -69,7 +69,7 @@
     </div>
 
     {{-- Modal contraseña --}}
-    <div x-cloak x-show="modalPassword" 
+    <div x-cloak x-show="modalPassword"
     x-transition:enter="transition duration-350"
     x-transition:enter-start="opacity-0 scale-100"
     x-transition:enter-end="opacity-100 scale-100"
@@ -78,7 +78,7 @@
     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">
         <div class="grid h-full  place-items-center">
             <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md">
-                
+
                 <div class="mb-4 mt-4">
                     <label for="newPassword" class="block text-gray-700 text-sm font-bold mb-2">Nueva contraseña:</label>
                     <input type="text" id="newPassword" wire:model="newPassword" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none  focus:ring-0 focus:border-neutral-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
@@ -93,8 +93,8 @@
                         <button wire:click="limpiarContra" 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] focus:shadow-outline-green  ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
                     </span>
                 </div>
-            </div>    
-        </div>    
-    </div>    
-    
+            </div>
+        </div>
+    </div>
+
 </div>