<div class="deviationDescriptionContainer">

	<script>

		function showDeviationDescription(id, element) {
			if (!id || !element) return;
			$.ajax({
				url: '@Url.Action("GetDeviationDescription", "Site")',
				data: { id: id },
				success: function (response) {
					$("#deviationDescriptionContent").html(response);
					var deviationDescriptionPopup = MVCxClientPopupControl.Cast(devPopupControlDeviationDescription);
					deviationDescriptionPopup.ShowAtElement(element);
				}
			});
		}

	</script>

	@Html.DevExpress().PopupControl(p =>
	{
		p.Name = "devPopupControlDeviationDescription";
		p.ShowHeader = false;
		p.ShowFooter = false;
		p.Width = new Unit(500, UnitType.Pixel);
		p.SetContent("<div id=\"deviationDescriptionContent\" style=\"max-height: 350px; overflow: auto\"></div>");
		p.CloseAction = CloseAction.OuterMouseClick;
		p.PopupHorizontalAlign = PopupHorizontalAlign.OutsideLeft;
	}).GetHtml()

</div>