@using GreenTree.Nachtragsmanagement.Web.Extensions

@model GreenTree.Nachtragsmanagement.Web.Models.Misc.HelpPageDataModel

<div class="helpPageEditContainer">

	<script>
		function onHtmlToolbarCustomCommand(e) {
			if (!e) return;
			if (e.commandName == "save") {
				devPopupControlEditHelpPage.Show();
			}
		}

		function saveHelpPage() {
			var form = $("#helpPageEditForm");
			$(form).submit(function (e) {
				$.ajax({
					type: "POST",
					url: '@Url.Action("EditHelpPage", "Misc")',
					data: form.serialize(),
					success: function (response) {
						setTimeout(function () {
							$(".helpPageEditFormEditContainer").remove();
							if (response == "success") {
								parent.callCustomEventListener('HelpPageDataCallbackEventReceiver');
							} else {
								$("body").append(response);
							}
						}, 200);
					}
				});
				e.preventDefault();
			});
			form.submit();
		}
	</script>

	@using (Html.BeginForm("EditHelpPage", "Misc", FormMethod.Post, new { id = "helpPageEditForm" }))
	{
		@Html.Partial("~/Views/Misc/_HelpPageHtmlEditPartial.cshtml", Model)

		@Html.DevExpress().PopupControl(s =>
		{
			s.Name = "devPopupControlEditHelpPage";

			if (Model.Id == -1)
				s.HeaderText = "Neue Hilfe-Seite erstellen";
			else
				s.HeaderText = "\"" + Model.Title + "\" bearbeiten";

			s.Modal = true;
			s.Width = new Unit(250, UnitType.Pixel);
			s.CloseAction = CloseAction.CloseButton;
			s.PopupHorizontalAlign = PopupHorizontalAlign.WindowCenter;
			s.PopupVerticalAlign = PopupVerticalAlign.WindowCenter;
			s.AllowDragging = false;
			s.AllowResize = false;
			s.ShowFooter = false;
			s.ShowOnPageLoad = false;
			s.SetContent(() =>
			{
				ViewContext.Writer.Write("<div class='editFormWrapper'>");

				ViewContext.Writer.Write("<input type=\"hidden\" value=\"" + Model.Id + "\" id=\"Id\" name=\"Id\" />");

				ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Title, "Beschreibung:"));
				ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.Title).ToHtmlString());
				Html.DevExpress().TextBoxFor(m => m.Title, t =>
				{
					t.Width = new Unit(100, UnitType.Percentage);
				}).Render();

				ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Category, "Kategorie:"));
				ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.Category).ToHtmlString());
				Html.DevExpress().TextBoxFor(m => m.Category, t =>
				{
					t.Width = new Unit(100, UnitType.Percentage);
				}).Render();

				ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Subcategory, "Unterkategorie:"));
				ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.Subcategory).ToHtmlString());
				Html.DevExpress().TextBoxFor(m => m.Subcategory, t =>
				{
					t.Width = new Unit(100, UnitType.Percentage);
				}).Render();

				ViewContext.Writer.Write(Html.CustomLabelFor(m => m.DisplayIndex, "Reihenfolge:"));
				ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.DisplayIndex).ToHtmlString());
				Html.DevExpress().SpinEditFor(m => m.DisplayIndex, t =>
				{
					t.Width = new Unit(100, UnitType.Percentage);
					t.Number = 0;
					t.Properties.NumberType = SpinEditNumberType.Integer;
				}).Render();

				ViewContext.Writer.Write("</div>");

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

</div>