{{define "user-menu"}}

{{with CurrentUser}}

<div class="dropdown dropdown-end">

  <div tabindex="0" role="button" class="btn btn-ghost btn-sm gap-1">

    <div class="w-6 rounded-full overflow-hidden">

      <img src="{{.Avatar}}" alt="{{.Name}}" class="w-full h-full object-cover" />

    </div>

    <span class="text-xs text-base-content/70 hidden sm:inline">@{{.Handle}}</span>

  </div>

  <ul tabindex="0" class="dropdown-content menu bg-base-200 rounded-box z-[100] w-52 p-2 shadow-lg mt-2">

    <li><a href="https://theskyscape.com/user/{{.Handle}}" target="_blank">View Profile</a></li>

    <li><a href="/decks">My Decks</a></li>

    <li><a href="/auth/logout">Sign Out</a></li>

  </ul>

</div>

{{else}}

<a href="/auth/signin" class="btn btn-primary btn-sm">Sign In</a>

{{end}}

{{end}}