{{ define "nav-user" }}
{{ if .User }}
<details class="dropdown dropdown-end">
    <summary class="btn btn-ghost gap-2 list-none" aria-label="User menu">
        <div class="avatar{{ if not .User.Avatar }} avatar-placeholder{{ end }}">
            {{ if .User.Avatar }}
            <div class="w-7 rounded-full">
                <img src="{{ resizeImage .User.Avatar 96 }}" alt="{{ .User.Handle }}" />
            </div>
            {{ else }}
            <div class="bg-secondary text-secondary-content w-7 rounded-full">
                <span class="text-xs">{{ firstChar .User.Handle }}</span>
            </div>
            {{ end }}
        </div>
        <span class="hidden sm:inline">@{{ .User.Handle }}</span>
        {{ icon "chevron-down" "size-3.5" }}
    </summary>
    <ul class="dropdown-content menu bg-base-100 text-base-content rounded-box z-50 w-52 p-2 shadow-lg">
        <li><a href="/u/{{ .User.Handle }}">Your Repositories</a></li>
        <li><a href="/settings">Settings</a></li>
        <li class="border-t border-base-300 mt-2 pt-2">
            <button type="submit" form="logout-form" class="text-error">Logout</button>
        </li>
    </ul>
    <form id="logout-form" action="/auth/logout" method="POST" hidden></form>
</details>
{{ else }}
<button type="button" onclick="window.location='/auth/oauth/login?return_to=/'" class="btn btn-secondary btn-sm">Login</button>
{{ end }}
{{ end }}