<div class="navbar bg-slate-600">
<div class="flex-1">
<a class="btn btn-ghost normal-case text-white text-xl">daisyUI</a>
</div>
<div class="flex-none gap-2">
{{-- <div class="form-control">
<input type="text" placeholder="Search" class="input input-bordered" />
</div> --}}
@if (Auth::check())
<div class="dropdown dropdown-end">
<label tabindex="0" class="btn btn-ghost btn-circle avatar">
<div class="w-10 rounded-full">
<img src="https://placeimg.com/80/80/people" />
</div>
</label>
<ul tabindex="0" class="mt-3 p-2 shadow menu menu-compact dropdown-content text-white bg-slate-500 rounded-box w-52">
<li>
<a class="justify-between">
Profile
<span class="badge">New</span>
</a>
</li>
<li><a>Settings</a></li>
<form action="/logout" method="POST">
@csrf
<li>
<button type="submit">Logout <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-door-exit" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M13 12v.01"></path>
<path d="M3 21h18"></path>
<path d="M5 21v-16a2 2 0 0 1 2 -2h7.5m2.5 10.5v7.5"></path>
<path d="M14 7h7m-3 -3l3 3l-3 3"></path>
</svg></button>
</li>
</form>
</ul>
</div>
@else
<a href="/login" class="font-semibold text-white px-6">Login</a>
@endif
</div>
</div>