|
@ -234,42 +234,17 @@ |
|
|
<!-- Navbar modernizado --> |
|
|
<!-- Navbar modernizado --> |
|
|
<header class="bg-white/80 backdrop-blur-md shadow-sm"> |
|
|
<header class="bg-white/80 backdrop-blur-md shadow-sm"> |
|
|
<div class="flex items-center justify-between px-8 py-4"> |
|
|
<div class="flex items-center justify-between px-8 py-4"> |
|
|
<button class="md:hidden text-gray-500 hover:text-gray-700 transition-colors duration-200"> |
|
|
<div class="flex items-center bg-gray-100 rounded-full px-3 py-1 shadow-sm"> |
|
|
<i class="fas fa-bars text-xl"></i> |
|
|
<img src="https://ui-avatars.com/api/?name={{ Auth::user()->name }}&background=E5E7EB&color=374151&rounded=true&size=32" alt="Avatar" class="w-8 h-8 rounded-full mr-2"> |
|
|
</button> |
|
|
<span class="font-semibold text-gray-800">{{ Auth::user()->name }}</span> |
|
|
|
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: inline; margin: 0;"> |
|
|
<div class="relative" x-data="{ open: false }"> |
|
|
|
|
|
<button @click="open = !open" |
|
|
|
|
|
class="flex items-center space-x-3 text-gray-700 hover:text-gray-900 px-4 py-2 rounded-full hover:bg-gray-100 transition-all duration-200"> |
|
|
|
|
|
<img src="https://ui-avatars.com/api/?name={{ Auth::check() ? Auth::user()->name : 'Usuario' }}" |
|
|
|
|
|
alt="Profile" |
|
|
|
|
|
class="w-8 h-8 rounded-full ring-2 ring-blue-500/20"> |
|
|
|
|
|
<span class="font-medium">{{ Auth::check() ? Auth::user()->name : 'Usuario' }}</span> |
|
|
|
|
|
<i class="fas fa-chevron-down text-sm transition-transform duration-200" |
|
|
|
|
|
:class="{ 'transform rotate-180': open }"></i> |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Menú desplegable modernizado --> |
|
|
|
|
|
<div x-show="open" |
|
|
|
|
|
x-transition:enter="transition ease-out duration-200" |
|
|
|
|
|
x-transition:enter-start="opacity-0 transform scale-95" |
|
|
|
|
|
x-transition:enter-end="opacity-100 transform scale-100" |
|
|
|
|
|
x-transition:leave="transition ease-in duration-150" |
|
|
|
|
|
x-transition:leave-start="opacity-100 transform scale-100" |
|
|
|
|
|
x-transition:leave-end="opacity-0 transform scale-95" |
|
|
|
|
|
@click.away="open = false" |
|
|
|
|
|
class="absolute right-0 mt-2 w-48 bg-white rounded-xl shadow-lg py-2 ring-1 ring-black ring-opacity-5"> |
|
|
|
|
|
<form method="POST" action="{{ route('logout') }}"> |
|
|
|
|
|
@csrf |
|
|
@csrf |
|
|
<button type="submit" class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors duration-150"> |
|
|
<button type="submit" class="flex items-center text-red-600 hover:text-red-800 font-semibold px-3 py-1 rounded transition-colors duration-150" title="Cerrar Sesión"> |
|
|
<i class="fas fa-sign-out-alt mr-2"></i> Cerrar Sesión |
|
|
<i class="fas fa-sign-out-alt mr-2"></i> Cerrar Sesión |
|
|
</button> |
|
|
</button> |
|
|
</form> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</header> |
|
|
</header> |
|
|
|
|
|
|
|
|
<!-- Main Content --> |
|
|
<!-- Main Content --> |
|
|