@model WePlatform.Models.Layout.TopBarUserAreaViewModel
@if (Model.UserId != null)
{
    var imagePath = string.IsNullOrEmpty(Model.ImagePath) ? "/Content/Image/user.png" : Model.ImagePath;
    <li class="dropdown user-info">
        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
            <img  src="@(imagePath)"  alt="User" />
            <span>@(Model.Name)</span>
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu pull-right user-info">
            <li class="user-detail">
                <span class="username">@(Model.UserName)</span>
                <span class="email">@(Model.Email)</span>
            </li>
            <li>
                <a href="@Url.Action("ChangePassword", "Home", new {area = string.Empty})"><i class="iconfont icon-lock"></i>@L("ChangePassword")</a>
            </li>
            <li>
                <a href="@Url.Action("UserProfile", "Home", new {area = string.Empty})"><i class="iconfont icon-account"></i>@L("PersonalInformation")</a>
            </li>
            <li>
                <a href="@Url.Action("Logout", "Account", new {area = string.Empty})"><i class="iconfont icon-poweroff"></i>@L("Logout")</a>
            </li>
        </ul>
    </li>

}