<style type="text/css">

	fieldset.subscribeDataTable label {
		display:block;
		margin-bottom:3px;
	}

	﻿.subscribeForm {

}
.subscribeForm fieldset{

}
.subscribeForm textarea{

}
.subscribeForm input[type=text]{

}
.subscribeForm input[type=submit]{

}
.subscribeForm input[type=submit]:hover{

}
.subscribeForm{

}
.subscribeForm p,  .subscribeForm h1, .subscribeForm h2, .subscribeForm h3,  .subscribeForm h4,  .subscribeForm h5{

}
</style>
<form action="" method="get" name="subscribeForm" class="subscribeForm" onsubmit="return false;">
	<input type="hidden" name="wpdem-subscribe" class="wpdem-subscribe" value="subscribe" />
	<fieldset class="subscribeDataTable">
		<h4>Newsletter subscription</h4>		<p class="muDescription">Our monthly newsletter with a selection of the best posts</p>
				
					<p class="muField">
									<label>
						Email:
													<span style="color:#FF0000;">*</span>
											</label>
					<input type="text" name="sub-email" class="sub-email" />
							</p>
		
					<p class="muField">
									<label>
						Mobile number:
													<span style="color:#FF0000;">*</span>
											</label>
					<input type="text" name="sub-phone" class="sub-phone" maxlength="80" />
							</p>
		
					<p class="muField">
									<label>
						Name:
													<span style="color:#FF0000;">*</span>
											</label>
					<input type="text" name="sub-ext1" class="sub-ext1" maxlength="80" />
							</p>
		
					<p class="muField">
									<label>
						Last name:
													<span style="color:#FF0000;">*</span>
											</label>
					<input type="text" name="sub-ext2" class="sub-ext2" maxlength="80" />
							</p>
		
					<p class="muField">
									<label>
						Società:
											</label>
					<input type="text" name="sub-ext3" class="sub-ext3" maxlength="80" />
				
			</p>
		
		
		
		

				
		<img class="loading-img" style="display:none;vertical-align:middle;background:none;padding: 5px 3px;" src="http://ecommerce.test.zero11.net/woocommerce3/wp-content/plugins/wp-dem/images/indicator.white.gif" border="0" /><span class="show-response"><noscript>Please enable javascript to work with this subscription form.</noscript></span><p class="muSubmit"><input type="submit" name="submit" value="SIGN UP" /></p>
	</fieldset>

	<div class="form-group">
		<div class="g-recaptcha" data-sitekey="6LdvKqsUAAAAAKjP3w020Wy0TeYZD9ez-laZXDZF"></div>
	</div>

</form>
<script type="text/javascript">

	var jQ = jQuery.noConflict();

	jQ(document).ready(function(){

		
		function viewInfoIcon(status, form)
		{
			switch(String(status))
			{
				case 'loading':
					form.find('.loading-img').attr('src', 'http://ecommerce.test.zero11.net/woocommerce3/wp-content/plugins/wp-dem/images/indicator.white.gif');
					form.find('.loading-img').css('display', '');
					break;
				case 'info':
					form.find('.loading-img').attr('src', 'http://ecommerce.test.zero11.net/woocommerce3/wp-content/plugins/wp-dem/images/question.gif');
					form.find('.loading-img').css('display', '');
					break;
				default:
			}
		}

		jQ("body").on("submit", "form.subscribeForm", function(e){
			e.preventDefault();
			e.stopImmediatePropagation();
			var selectedForm = jQuery(this);
			var token = selectedForm.find('.wpdem-subscribe').val();
			var sub_email = selectedForm.find('.sub-email').val();
			var sub_phone = selectedForm.find('.sub-phone').val();

			var sub_date = '';
			
			var sub_ext1 = '';
						sub_ext1 = selectedForm.find('.sub-ext1').val();
			
			var sub_ext2 = '';
						sub_ext2 = selectedForm.find('.sub-ext2').val();
			
			var sub_ext3 = '';
						sub_ext3 = selectedForm.find('.sub-ext3').val();
			
			var sub_ext4 = '';
			
			var sub_ext5 = '';
			
			var csvFldValues = '';
						csvFldValues = sub_ext1;
						csvFldValues = csvFldValues +';' +sub_ext2;
						csvFldValues = csvFldValues +';' +sub_ext3;
						var csvFldNames = 'firstName;lastName;businessName';


			var username = 'michele';
			var password = 'zero11';			
			var listId = '148196564';
			var campaignId = '';
			var groupId = '';
			var confirmReq = 'false';
			//var subUrl = '/?source=generic';			
			//var subUrl = 'https://beta.dem.myklio.com/restful';
			var captcha = '6LdvKqsUAAAAAKjP3w020Wy0TeYZD9ez-laZXDZF';
			var captchaSecret = '6LdvKqsUAAAAAM18lY8tyrEBbZ6u6D57fqqaHDHC';
			/*
			 validate form
			 */
			

			if(!(sub_email.match(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,63})$/)))
			{
				selectedForm.find('.show-response').html('Invalid email address');
				viewInfoIcon('info', selectedForm);
				return false;
			}
									//if(jQ.trim(sub_phone) == "")
			if((jQ.trim(sub_phone) == "")||(!(sub_phone.match((/^(\+?\-? *[0-9]+)([,0-9 ]*)([0-9 ]){6,20}$/)))))
			{
				selectedForm.find('.show-response').html('Invalid mobile phone number');
				viewInfoIcon('info', selectedForm);
				return false;
			}
			else
			{
				// REMOVE '+' AND SPACES, WHICH ARE NOT SUPPORTED BY XmlSubscribe.aspx
				sub_phone = sub_phone.replace("+","00");
				sub_phone = sub_phone.replace(/\s/g, '');
				sub_phone = sub_phone.replace("-","");
			}
			
			

						if(jQ.trim(sub_ext1) == '')
			{
				selectedForm.find('.show-response').html('Name is required');
				viewInfoIcon('info', selectedForm);
				return false;
			}
			
						if(jQ.trim(sub_ext2) == '')
			{
				selectedForm.find('.show-response').html('Last name is required');
				viewInfoIcon('info', selectedForm);
				return false;
			}
			
			
			
			
			/*
			 Check terms and conditions have been checked
			 */
			var termsAccept = '';
						termsAccept = 'yes';
						/*
			 Check other terms and conditions have been checked
			 */
			var terms2Accept = '';
						terms2Accept = 'yes';
			
			var captcha = jQ("#g-recaptcha-response").val();

			var form_values = {
				"Email":sub_email,
				"List":listId,
				"Campaign":campaignId,
				"username":username,
				"password":password,
				"sms":sub_phone,				
				"csvFldNames":csvFldNames,
				"csvFldValues":csvFldValues,
				"token":token,				
				"termsAccept":termsAccept,
				"terms2Accept":terms2Accept,
				"captcha":captcha,
				"action": "dem_subscribe"
			}

			selectedForm.find('.loading-img').css('display', '');
			viewInfoIcon('loading', selectedForm);
			selectedForm.find('.show-response').html('Sending request...');
			//jQ.post('http://ecommerce.test.zero11.net/woocommerce3/wp-content/plugins/wp-dem/subscribe.php', form_values, function(returned_data){
			jQ.post('http://ecommerce.test.zero11.net/woocommerce3/wp-admin/admin-ajax.php', form_values, function(returned_data){
				switch(Number(returned_data))
				{
					case 0:
						selectedForm.find('.show-response').html('Operation completed');
						break;
					case 1:
						selectedForm.find('.show-response').html('Generic error');
						break;
					case 2:
						selectedForm.find('.show-response').html('Invalid email address');
						break;
					case 3:
						selectedForm.find('.show-response').html('Already a subscriber!');
						break;
					case 10:
						selectedForm.find('.show-response').html('Please agree to the terms');
						break;
					case 11:
						selectedForm.find('.show-response').html('Please agree to the additional terms');
						break;	
					case 13:
						selectedForm.find('.show-response').html('Captcha sbagliato');
						break;	
					case -1011:
						/* here generic message is displayed instead of a detailed message, which can be misleading for subscribers */
						selectedForm.find('.show-response').html('Generic error');
						/*jQ('.show-response').html('IP address validation is required. Please check this <a href="http://help.mailup.com/display/mailupUserGuide/WordPress#WordPress-authorizing" target="_blank">page</a>');*/

						break;
					default:
						break;
				}
				viewInfoIcon('info', selectedForm);
			});
			return false;
		});
	});

</script>
{"id":1295,"date":"2019-06-27T12:02:16","date_gmt":"2019-06-27T10:02:16","guid":{"rendered":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/?page_id=1295"},"modified":"2019-06-28T14:15:42","modified_gmt":"2019-06-28T12:15:42","slug":"newletter","status":"publish","type":"page","link":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/newletter\/","title":{"rendered":"Newletter"},"content":{"rendered":"\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/pages\/1295"}],"collection":[{"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/comments?post=1295"}],"version-history":[{"count":2,"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/pages\/1295\/revisions"}],"predecessor-version":[{"id":1297,"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/pages\/1295\/revisions\/1297"}],"wp:attachment":[{"href":"http:\/\/ecommerce.test.zero11.net\/woocommerce3\/wp-json\/wp\/v2\/media?parent=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}