There was an issue processing your request...

<style type="text/css">
				
		.unsub-page {
			color: #000;
			width: 700px;
			background-color: #fafaff;
			border-radius: 6px;
			border: 1px solid #ddd;
			padding: 20px;
			margin: 10px auto;
		}

		.unsub-page h2 {
			font-size: 26px;
			color: #3276b8;
			font-weight: 600;
			margin: 0 0 24px 0;
		}

		.unsub-page h3 {
			font-size: 18px;
			font-weight: 800;
			margin: 0 0 6px;
		}

		.unsub-page h3 span {
			font-style: italic;
		}

		.unsub-page .sub-heading {
			font-size: 16px;
			margin-bottom: 10px;
		}

		.unsub-page .radio span {
			font-weight: 600;
			font-size: 16px;
			position: relative;
			top: -1px;
			left: 5px;
		}

		.unsub-page .radio {
			margin-bottom: 2px;
		}

		.unsub-page .option-label {
			font-style: italic;
			margin-bottom: 12px;
		}

		.unsub-page > .unsub-btn {
			margin-top: 16px;
		}

		.unsub-page .option-input {
			height: 22px;
			position: relative;
			bottom: -10px;
		}
		
	
	</style>
<link href="https://cache.amp.vg/msp.amp.vg/bundles/1d05e76d6c2749cacce97db9d65329341c947a4c/en/default.css" rel="stylesheet" integrity="sha512-xN3PZ7++TCftx3FVuqyF50fR4WXeRuA6R+JXFduMACV200V7ZHGjcI4EpIRu1v8bhTociGIxeNyf9KHFlUsdAQ==" crossorigin="anonymous"/>
<script src="//msp.amp.vg/v4u/js/libs/jquery-3.6.0.min.js"></script>
<script src="//msp.amp.vg/v4u/js/libs/jquery-migrate-latest-custom.js"></script>
<script src="//msp.amp.vg/v4u/js/libs/jquery-ui-latest.min.js"></script>
<script src="https://cache.amp.vg/msp.amp.vg/bundles/1d05e76d6c2749cacce97db9d65329341c947a4c/en/default.js" integrity="sha512-r27rmHZeyT4Xs1f3XV2qHWoAlqD3Hqzz7Tr2CTUbRmgPw+GtMvKkjSAYw+PK8JLzCZzY3jP3C34pLpfTLatW0g==" crossorigin="anonymous"></script>


<div class="container-fluid optoutdata">
	<form role="form" id="optoutform">
	    <div class="unsub-page clearfix">
		<h2 class="_primaryfontcolor">Please confirm your unsubscribe request</h2>
        <h3>You are subscribed as: <span>null</span></h3>
        <p class="sub-heading">Please choose your option from below:</p>

        <div id="listData">
			
        </div>

        <div id="unsubscribeall">
            <div class="radio">
                <label><input type="checkbox" id="rdUnsubscribe" name="optradio" value="1"><span>Unsubscribe from all emails</span></label>
            </div>
            <p class="option-label">(You will not receive emails from Users of  null.)</p>
        </div>
        <a class="btn btn-primary unsub-btn _primaryforecolor _primarybackcolor" id="unsub-btn">Unsubscribe</a>

		</div>
    </form>
</div>

<script type="text/javascript">
    var hostPath = 'https://cmap.amp.vg';
    var listData = [];
    var pageData = {};
    var emailKey = pageData.emailkey;
    var contactKey = pageData.contactkey;

    if (listData.length > 0) {
        $(listData).each(function () {
            var $select = $("#listData");
            var option = '<div class="radio"><label><input type="checkbox" name="optradio" value="' + this.id +'"><span>Unsubscribe from '+this.name+'</span></label></div>';
            var msg = '<p class="option-label">(You will still get other emails from null and  null.)</p>';
            $select.append(option + msg);
		});
    }
    else {
        $("#listData").hide();
	}
	$("#unsub-btn").addClass("disabled");
	 $("#optoutform input[type=checkbox]").on("change", function () {
        if ($(this).is(":checked")) {
            $("#unsub-btn").removeClass('disabled');
        } else {
            $("#unsub-btn").addClass("disabled");
        }
    });
	$("#unsub-btn").on("click", function () {

		var contactListName = "";
		$("#optoutform input[type=checkbox]:checked").each(function (index) {
            var optOption = parseInt($(this).val()) == 1 ? parseInt($(this).val()) : 2;
			var emailID = emailKey != null ? emailKey : null;
            var listID = optOption == 2 ? parseInt($(this).val()) : null;
            var listname = optOption == 2 ? $.grep(listData, function (item) {
				return item.id === listID;
			})[0].name : "";

            contactListName = contactListName == "" ? listname :contactListName + "," + listname;
			var isOptOption = true;
			if (optOption == 2) {
				if (listID == 0) {
					isOptOption = false;
					$.OpenSmartMessageBox2({ title: 'Alert !', content: 'Please select at least one list from dropdown.', buttons: '[Ok]' },
						function (result) {
							if (result === 'Ok') {
								$.CloseSmartMessageBox2();
							}
						}
					);
					return false;
				}
			}

			if (isOptOption) {
				api.call("OptOutContact", { contactid: contactKey, contactunsub: optOption, emailid: emailID, listid: listID }, function (r) {
                    if (r.result && index == $("#optoutform input[type=checkbox]:checked").length - 1) {
						if (optOption == 2) // unsubscribed from list
						{
                            $(".optoutdata").html("<div style='font-size:1.8em;color:#2383E0;text-align:center;padding-top:50px;'>Thanks! You have been unsubscribed from list " + listname + ".<br>Send an email to the sender to resubscribe.</div>");
						}
						else {
                            $(".optoutdata").html("<div style='font-size:1.8em;color:#2383E0;text-align:center;padding-top:50px;'>Thanks! You have been unsubscribed.<br>Send an email to the sender to resubscribe.</div>");
						}
					}
				});
			}
		});
    });

</script>