@model GreenTree.Nachtragsmanagement.Web.Models.Global.FooterModel

<script>
	function acceptFooterRoleSelection() {
		window.location = "@Url.Action("SetRole", "Global")?roleId=" + devListBoxRoles.GetValue();
	}

	function showPasswordChange() {
		$.ajax({
			url: '@Url.Action("ChangePassword", "Global")',
			success: function (response) {
				setTimeout(function () {
					$(".changePasswordContainer").remove();
					$("body").append(response);
				}, 200);
			},
			error: function () {
				 alert("error occured");
			}
		});
	}
</script>

@Html.DevExpress().PopupControl(s =>
{
	s.Name = "devPopupControlRoles";
	s.HeaderText = "Benutzermenü";
	s.ShowFooter = false;
	s.ShowMaximizeButton = false;
	s.Modal = true;
	s.Width = new Unit(300, UnitType.Pixel);
	s.PopupHorizontalAlign = PopupHorizontalAlign.WindowCenter;
	s.PopupVerticalAlign = PopupVerticalAlign.WindowCenter;
	s.CloseAction = CloseAction.CloseButton;
	s.SetContent(() =>
	{
		ViewContext.Writer.Write("<div style=\"padding: 0 13px\">");
		ViewContext.Writer.Write("<div>Rollen wechseln</div>");
		Html.DevExpress().ListBox(l =>
		{
			l.Name = "devListBoxRoles";
			l.Properties.TextField = "Description";
			l.Properties.ValueField = "ID";
			l.Width = new Unit(100, UnitType.Percentage);
			l.Height = new Unit(150, UnitType.Pixel);
			l.ControlStyle.BorderLeft.BorderStyle = BorderStyle.None;
			l.ControlStyle.BorderRight.BorderStyle = BorderStyle.None;
		}).BindList(ViewData["Roles"]).GetHtml();

		ViewContext.Writer.Write("<div style=\"margin: 8px 0\">");
		Html.DevExpress().Button(t =>
		{
			t.Name = "devButtonChangePassword";
			t.Text = "Eigenes Passwort ändern";
			t.UseSubmitBehavior = false;
			t.RenderMode = ButtonRenderMode.Link;
			t.ClientSideEvents.Click = "function (s, e) { showPasswordChange(); }";
		}).Render();
		ViewContext.Writer.Write("</div>");
		ViewContext.Writer.Write("</div>");

		Html.RenderPartial(
			"~/Views/Shared/_PopupButtonPanel.cshtml",
			new GreenTree.Nachtragsmanagement.Web.Models.Global.PopupModel
			{
				PopupName = "devPopupControlRoles",
				AcceptFunction = "function (s, e) { acceptFooterRoleSelection(); }"
			});
	});
	s.Styles.Content.Paddings.Padding = new Unit(0);
}).GetHtml()

<div class="globalFooter">
	<div class="innerFooter">
		@if (Model != null)
		{
			<div class="linkContainer">
				@Html.DevExpress().Button(s =>
				{
					s.Name = "devButtonLogout";
					s.RenderMode = ButtonRenderMode.Link;
					s.Text = "Ausloggen";
					s.ClientSideEvents.Click = "function (s, e) { window.location = \"" + Url.Action("logout", "login") + "\" }";
					s.Style.Add("color", "white");
				}).GetHtml()
			</div>
			<div class="seperator">
			</div>
			<span class="userInfo">
				@String.Format("{0}, {1} ({2})", Model.Lastname, Model.Forename, Model.CustomNumber)
			</span>
			<div class="seperator">
			</div>
			<div class="linkContainer">
				@Html.DevExpress().Button(s =>
				{
					s.Name = "devButtonRole";
					s.RenderMode = ButtonRenderMode.Link;
					s.Text = Model.RoleDescription;
					s.ToolTip = "Rolle wechseln";
					s.ClientSideEvents.Click = "function (s, e) { devPopupControlRoles.Show(); }";
					s.Style.Add("color", "white");
				}).GetHtml()
			</div>
			<div class="linkContainer popupPanel">

			</div>
		}
		<span class="versionInfo">
			@String.Format("v{0}", GreenTree.Nachtragsmanagement.Core.AppendixVersion.CurrentVersion)
		</span>
	</div>
</div>