63 lines
3.8 KiB
PHP
63 lines
3.8 KiB
PHP
<!-- HEADER -->
|
|
<header class="bg-slate-900 border-b border-slate-800 sticky top-0 z-30">
|
|
<div class="max-w-7xl mx-auto px-6 h-14 flex items-center justify-between">
|
|
|
|
<!-- LEFT: Logo + Brand -->
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-7 h-7 rounded-lg bg-indigo-500 flex items-center justify-center shrink-0">
|
|
<!-- Graduation cap icon -->
|
|
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 1.657 2.686 3 6 3s6-1.343 6-3v-5"/>
|
|
</svg>
|
|
</div>
|
|
<div class="leading-tight">
|
|
<span class="font-bold text-white text-sm tracking-tight">Rosetta International Education</span>
|
|
</div>
|
|
<span class="text-slate-600 text-xs font-medium hidden sm:block">/ Admin</span>
|
|
</div>
|
|
|
|
<!-- RIGHT: Profile Dropdown -->
|
|
<div class="relative dropdown" tabindex="0">
|
|
<button class="flex items-center gap-2.5 px-3 py-1.5 rounded-lg hover:bg-slate-800 transition-colors focus:outline-none group">
|
|
<div class="w-7 h-7 rounded-full bg-indigo-500 flex items-center justify-center text-white text-xs font-bold">
|
|
{{ strtoupper(substr(auth()->user()->name, 0, 1)) }}
|
|
</div>
|
|
<span class="text-slate-300 text-xs font-medium hidden sm:block">{{ auth()->user()->name }}</span>
|
|
<!-- Chevron -->
|
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-focus:rotate-180">
|
|
<polyline points="6 9 12 15 18 9"/>
|
|
</svg>
|
|
</button>
|
|
|
|
<!-- Dropdown Menu -->
|
|
<div class="dropdown-menu hidden absolute right-0 mt-1.5 w-52 bg-white rounded-xl shadow-xl border border-slate-200 py-1.5 z-50">
|
|
<!-- User info -->
|
|
<div class="px-4 py-2.5 border-b border-slate-100 mb-1">
|
|
<p class="text-xs font-semibold text-slate-800">{{ auth()->user()->name }}</p>
|
|
<p class="text-xs text-slate-400 mt-0.5">{{ auth()->user()->email }}</p>
|
|
</div>
|
|
|
|
<a href="{{ route('profile.edit') }}"
|
|
class="flex items-center gap-2.5 px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-slate-900 transition-colors">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/>
|
|
</svg>
|
|
Edit Profile
|
|
</a>
|
|
|
|
<div class="border-t border-slate-100 mt-1 pt-1">
|
|
<form method="POST" action="{{ route('logout') }}">
|
|
@csrf
|
|
<button class="w-full flex items-center gap-2.5 px-4 py-2 text-sm text-red-500 hover:bg-red-50 transition-colors">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/>
|
|
</svg>
|
|
Logout
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</header> |