{{define "user-profile"}}
{{if or .LoginName .UserName}}
<div class="lgn-login-profile">
    <div class="lgn-profile-image"></div>
    <div class="lgn-names">
        <div class="inline-block">
            <div class="lgn-avatar lgn-primary" {{if not .AvatarKey}}loginname="{{.LoginName}}"{{end}}>
                {{if .AvatarKey}}
                    <img class="avatar-img" src="{{ avatarResource .OrgID .AvatarKey }}" alt="user-avatar">
                {{else}}
                    <span class="initials lgn-primary">A</span>
                {{end}}
            </div>
        </div>
        <div class="lgn-loginname">
            <p>{{if .DisplayLoginNameSuffix}}{{.LoginName}}{{else}}{{.UserName}}{{end}}</p>
        </div>

    </div>
</div>
{{end}}
{{end}}