{{define "admin/nav_user_bar_frag"}}
{{if .User}}
<li class="nav-item dropdown ut-nav-user-dd admin-topbar-user-dd">
  <a class="nav-link dropdown-toggle d-inline-flex align-items-center gap-2 py-1 ut-nav-user-toggle admin-topbar-user-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" id="adminNavUserMenu" aria-label="{{T "nav_user_menu_aria"}}">
    <span class="ut-nav-user-avatar rounded-circle d-inline-flex align-items-center justify-content-center flex-shrink-0" aria-hidden="true">{{userAvatarLetter .User.Username}}</span>
    <span class="ut-nav-user-name admin-topbar-user-name text-truncate">{{privacy "username" .User.Username}}</span>
  </a>
  <ul class="dropdown-menu dropdown-menu-end ut-nav-user-menu admin-topbar-user-menu py-1" aria-labelledby="adminNavUserMenu">
    <li><a class="dropdown-item d-flex align-items-center gap-2" href="/" target="_blank" rel="noopener"><i class="bx bx-home" aria-hidden="true"></i>{{Tp "public_header" "nav_home"}}</a></li>
    <li><a class="dropdown-item d-flex align-items-center gap-2" href="/user/password"><i class="bx bx-lock-alt" aria-hidden="true"></i>{{T "nav_change_password"}}</a></li>
    <li><hr class="dropdown-divider my-1"></li>
    <li><a class="dropdown-item d-flex align-items-center gap-2 text-danger js-logout-confirm" href="/logout" data-confirm-title="{{T "admin_logout_confirm_title"}}" data-confirm-msg="{{T "admin_logout_confirm_msg"}}" data-confirm-ok="{{T "admin_logout_confirm_ok"}}" data-confirm-cancel="{{T "admin_logout_confirm_cancel"}}"><i class="bx bx-log-out" aria-hidden="true"></i>{{T "nav_logout"}}</a></li>
  </ul>
</li>
{{end}}
{{end}}