40 lines
2.6 KiB
PHP
40 lines
2.6 KiB
PHP
|
<header class="bg-white border-b border-slate-200 sticky top-0 z-30">
|
||
|
|
<div class="flex items-center justify-between px-6 py-3">
|
||
|
|
|
||
|
|
<div class="flex items-center">
|
||
|
|
<button class="text-slate-500 hover:text-indigo-600 focus:outline-none lg:hidden mr-4">
|
||
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="hidden md:flex relative">
|
||
|
|
<span class="absolute inset-y-0 left-0 flex items-center pl-3">
|
||
|
|
<svg class="w-5 h-5 text-slate-400" viewBox="0 0 24 24" fill="none"><path d="M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
|
||
|
|
</span>
|
||
|
|
<input type="text" class="w-64 py-2 pl-10 pr-4 text-sm text-slate-700 bg-slate-50 border border-slate-200 rounded-md focus:bg-white focus:border-indigo-500 focus:ring-indigo-500" placeholder="Cari modul atau SOP...">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex items-center space-x-4">
|
||
|
|
<div class="relative flex items-center space-x-3">
|
||
|
|
<div class="text-right hidden md:block">
|
||
|
|
<p class="text-sm font-bold text-slate-700">{{ Auth::user()->first_name ?? 'Karyawan' }}</p>
|
||
|
|
<p class="text-xs text-slate-500 capitalize">{{ Auth::user()->role ?? 'User' }}</p>
|
||
|
|
</div>
|
||
|
|
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-700 font-bold border border-indigo-200">
|
||
|
|
{{ substr(Auth::user()->first_name ?? 'U', 0, 1) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="border-l border-slate-200 pl-4">
|
||
|
|
<form method="POST" action="{{ route('logout') }}">
|
||
|
|
@csrf
|
||
|
|
<button type="submit" class="text-sm font-medium text-red-500 hover:text-red-700 flex items-center">
|
||
|
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path></svg>
|
||
|
|
Keluar
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</header>
|