@using VberZero.Tools.StringModel
@using VberAdmin.Web.Views.Shared.Components.RightNavbarLanguageSwitch
@using VberZero
@using VberAdmin.DomainService.Settings
@using VberAdmin
@using VberAdmin.Web.Views.Shared.Components.UserNotificationSubscription
@model VberAdmin.Web.Views.Shared.Components.RightNavbarUserArea.RightNavbarUserAreaViewModel
@{
    string userName = Model?.UserLoginInfo?.User?.UserName??"";
    string email = Model?.UserLoginInfo?.User?.EmailAddress??"";
    string imgPath = Model?.UserLoginInfo?.User?.AvatarPath??"";
    string surname = Model?.UserLoginInfo?.User?.Surname??"";
    string name = Model?.UserLoginInfo?.User?.Name??"";
    string imageEl = imgPath.Empty() ? $"<div class=\"symbol-label fs-2 fw-bolder{(Model?.UserLoginInfo?.User?.Gender==VzDefinition.GenderType.Man?"bg-primary text-inverse-primary":"bg-danger text-inverse-danger")}\">{surname[0]}</div>" : $"<img src=\"{imgPath}\" alt=\"{userName}\"/>";
}


<div class="d-flex align-items-center ms-1 ms-lg-3" id="vber_header_user_menu_toggle">
    <div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom">
		@Html.Raw(imageEl)
    </div>
	<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bolder py-4 fs-6 w-275px" data-kt-menu="true">
		<div class="menu-item px-3">
			<div class="menu-content d-flex align-items-center px-3">
				<div class="symbol symbol-50px me-5">
                    @Html.Raw(imageEl)
				</div>
				<div class="d-flex flex-column">
					<div class="fw-bolder d-flex align-items-center fs-5">@(surname+" "+name)
                        <span class="badge badge-light-success fw-bolder fs-7 px-2 py-1 ms-2">@(Model?.GetShownLoginName()??"")</span>
                    </div>
					<a href="#" class="fw-bold text-muted text-hover-primary fs-7">@email</a>
				</div>
			</div>
		</div>
	
		<div class="separator my-2"></div>
		
		<div class="menu-item px-5">
            <a href="/home/UserProfile" class="menu-link px-5">
                <span class="fas fa-user pe-2"></span>
                个人信息
            </a>
		</div>
	
		<div class="menu-item px-5">
			<a href="/home/ChangePassword" class="menu-link px-5">
                <span class="menu-title">
                    <span class="fas fa-user-lock pe-2"></span>
                    修改密码
                </span>
			</a>
		</div>
			
        <div class="menu-item px-5">
            <a href="/home/Calendar" class="menu-link px-5">
                <span class="fas fa-calendar-alt pe-2"></span>
                我的日程
            </a>
        </div>	
        @if(IsGranted(PermissionNames.VberMyWorkflowApplyMg)){
            <div class="menu-item px-5">
                <a href="/wf/apply" class="menu-link px-5">
                    <span class="fas fa-user-tie pe-2"></span>
                    我的工作流程
                </a>
            </div>
        }
        @if(IsGranted(PermissionNames.VberMyWorkflowAuditMg)){
            <div class="menu-item px-5">
                <a href="/wf/audit" class="menu-link px-5">
                    <span class="fas fa-spell-check pe-2"></span>
                    我的审批流程
                </a>
            </div>
        }
        <vc:user-notification-subscription></vc:user-notification-subscription>

        @*		<div class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start" data-kt-menu-flip="bottom, top">
			<a href="#" class="menu-link px-5">
				<span class="menu-title">我的订阅</span>
				<span class="menu-arrow"></span>
			</a>
			<div class="menu-sub menu-sub-dropdown w-175px py-4">
				<div class="menu-item px-3">
					<a href="#" class="menu-link px-5">Referrals</a>
				</div>
				
				<div class="separator my-2"></div>
				<div class="menu-item px-3">
					<div class="menu-content px-3">
						<label class="form-check form-switch form-check-custom form-check-solid">
							<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
							<span class="form-check-label text-muted fs-7">订阅通知</span>
						</label>
					</div>
				</div>
			</div>
		</div>*@
		
	@*
        <div class="menu-item px-5 my-1">
            <a href="" class="menu-link px-5">用户配置</a>
        </div>
*@
        @if (VberAdminConsts.MultiLanguageEnabled && (await SettingManager.GetSettingValueAsync(SettingNames.MultiLanguages))==VzDefinition.MultiLanguages.Multi.ToInt()+"")
        {
           <vc:right-navbar-language-switch></vc:right-navbar-language-switch>
        }
	
        <div class="separator my-2"></div>
		<div class="menu-item px-5">
            <a href="@Url.Action("Logout", "Account")" class="menu-link px-5">
                <span class="fas fa-sign-out-alt pe-2"></span>
                注销账户
            </a>
		</div>
		
	</div>
	
</div>