var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = window.location.search.substring(1),
        sURLVariables = sPageURL.split("&"),
        sParameterName,
        i;
    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split("=");
        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
}
var style = document.createElement('style');
style.innerHTML = "#SASwrapper { position: relative; } \n" + 
"#SASwrapper .mailguide-extend {display:none;}\n"+
"#SASwrapper .SASwrapperOverlay {position:absolute; top:0;left:0;bottom:0;right:0; width: 100%;height:100%; backdrop-filter: blur(6px); z-index: 10000;background-color:rgba(255,255,255,0.6); display:block; } \n" + 
"#SASwrapper #mySASForm label{ display: inline-block; width: 100px; text-align: right;} \n" +
"#SASwrapper .error_show{ color: red; margin-left: 10px;} \n" +
"#SASwrapper input.invalid, #SASwrapper textarea.invalid{ border-bottom: 1px solid red !important;} \n" +
"#SASwrapper .mailguide-form .login-inputs input[type=email].valid, input.valid, textarea.valid{ border-bottom: 1px solid green;} \n" +
"#SASwrapper div.response p { min-height: 1rem;} \n" +
"#SASwrapper div.login-inputs { min-height: 175px;} \n" +
"#SASwrapper .pl-3 { padding-left: 30px;} \n" +
"#content #SASwrapper button.btnConfirm { margin-top: 2rem;} \n" +
"#SASwrapper .mailguide-form .response-wrapper .response { display: none; }\n";
document.head.appendChild(style);
var recipient = getUrlParameter('recipient');
var id = getUrlParameter('id');
var LOGGED = 0;
var LANG = 'sk';
if (recipient && id) {
	LOGGED = 1;
}
$(document).ready(function () {
	$(document).on('change','#SASwrapper .checkbox.pri',function() {
		if (this.checked) {
			$('.checkbox.sec').prop( "checked","checked");
		}
	});
	$(document).on('click','#SASwrapper .mailguide-form.mailguide-management button.btnSubmit',function(e) {
		e.preventDefault();
		$('#SASwrapper form.mailguide-form.mailguide-management .response').html('&nbsp;');
		var form_data=$("#SASwrapper form.mailguide-form.mailguide-management").serializeArray();
		$.ajax({
	        url: "/wp-content/themes/eyof/zozzi/newsletter-api.php",
	        type: "post",
	        data: form_data,
	        success: function (response) {
	        	if (response.success) {
	        		if (LANG=='en') $('#SASwrapper form.mailguide-form.mailguide-management .response').html('<p class="success">Nastavenie odberu noviniek bolo zmenené.</p>');
	        		else $('#SASwrapper form.mailguide-form.mailguide-management .response').html('<p class="success">Nastavenie odberu noviniek bolo zmenené.</p>');

	        	} else {
	        		$('#SASwrapper form.mailguide-form.mailguide-management .response').html('&nbsp;');
	        	}
	        }
       });
	});
	$(document).on('click','#SASwrapper button.btn.logout',function(e) {
		e.preventDefault();
		$.ajax({
	        url: "/wp-content/themes/eyof/zozzi/newsletter-api.php",
	        type: "post",
	        data: {action: 'logout', id: id, recipient: recipient},
	        success: function (response) {
	        		location.href='?';
	        }
       });
	});
	$(document).on('click','#SASwrapper .mailguide-form.mailguide-extend button.btnSubmit',function(e) {
		e.preventDefault();
		$('#SASwrapper form.mailguide-form.mailguide-extend .response').html('&nbsp;');
		var form_data=$("#SASwrapper form.mailguide-form.mailguide-extend").serializeArray();
		$.ajax({
	        url: "/wp-content/themes/eyof/zozzi/newsletter-api.php",
	        type: "post",
	        data: form_data,
	        success: function (response) {
	        	if (response.success) {
	        		if (LANG=='en') $('#SASwrapper form.mailguide-form.mailguide-extend .response').html('<p class="success">Predĺženie súhlasu bolo zmenené.</p>');
	        		else $('#SASwrapper form.mailguide-form.mailguide-extend .response').html('<p class="success">Predĺženie súhlasu bolo zmenené.</p>');
	        	} else {
	        		$('#SASwrapper form.mailguide-form.mailguide-extend .response').html('&nbsp;');
	        	}
	        }
       });
	});
	$(document).on('click','#SASwrapper .mailguide-form.mailguide-login button.btnSubmit',function(e) {
		e.preventDefault();

		if (!$('#SASwrapper .mailguide-form.mailguide-login input#suhlasForm').is(':checked')) {
			$('#SASwrapper .mailguide-form.mailguide-login label.checkbox').addClass('error');
			return false;
		}

		if (emailIsValid($('#mySASFormEmail').val())) {
			$('#mySASFormEmail').removeClass('error');
		} else {
			$('#mySASFormEmail').addClass('error');
			console.log('no email');
			return false;
		}
		var form_data=$("#SASwrapper #mySASForm").serializeArray();
		$.ajax({
	        url: "/wp-content/themes/eyof/zozzi/newsletter-api.php",
	        type: "post",
	        data: form_data,
	        success: function (response) {
	        	if (response.success) {
	        		if (LANG=='en') $('#SASwrapper #mySASForm .response').html('<p class="success">We just sent a link to your email address to subscribe to and set up to receive our newsletter.</p>');
	        			else $('#SASwrapper #mySASForm .response').html('<p class="success">Na vašu emailovú adresu sme práve odoslali odkaz pre prihlásenie a nastavenie odberu noviniek.</p>');
					$('#SASwrapper #mySASForm button.btnSubmit').hide();
					$('#SASwrapper #mySASForm .inputSuhlas').hide();
	        	}
	        }
	    });
	});
	
	
function emailIsValid (email) {
  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
}

});
if (LOGGED) {
(function () {
		$('#SASwrapper .SASwrapperOverlay').show();
		$('#SASwrapper button').prop('disabled',true);
		$.ajax({
	        url: "/wp-content/themes/eyof/zozzi/newsletter-api.php",
	        type: "post",
	        cache: false,
	        data: {recipient: recipient, id: id, action: 'info'},
	        success: function (response) {
	        	if (response.success) {
					$('#SASwrapper .SASwrapperOverlay').hide();
		        	$.each(response.settings, function (k,v) {
		        		if (v) { // true = checked
		        			$('#'+k).prop('checked',true);
		        		} else { // false = uncheck
		        			$('#'+k).prop('checked',false);
		        		}
		        	});
					$('#SASwrapper button').prop('disabled',false);
		        	if (response.settings.isNew) {
		        		$('#SASwrapper .review-subscription').show().html('Gratulujeme!');
		        		$('#SASwrapper .review-subscription-info').show();
		        	} else {
			        	if (LANG=='en') {
			        		$('#SASwrapper .review-subscription').html('Your subscription is active');
			        	} else {
			        		$('#SASwrapper .review-subscription').html('Ste prihlásený na odber noviniek');
			        	}
		        		$('#SASwrapper .review-subscription-info').hide();
		        	}
	        	} else {
	        		location.href='?';
	        	}
		    }
	    });
})();

var str = '<div class="container skoda-mailguide" id="SASwrapper"><div class="SASwrapperOverlay"></div>' +
'   <div class="row">' +
'   <div class="col-sm-12 col-md-4 subscription-header mb-5">' +
'      <div class="user-confirmation">' +
'         <div class="confirm-icon">' +
'            <i class="icon icon-check"></i>' +
'         </div>' +
'         <div>' +
'            <h3 class="review-subscription">Gratulujeme!</h3>' +
'            <p><span class="review-subscription-info">Zaregistrovali ste sa na odber noviniek. <br>Nastavte si témy na odber podľa svojich preferencií.</span></p>' +
'         </div>' +
'      </div>' +
'      <button class="btn btn-eyof-main btn-eyof logout">';

if (LANG=='en') {
	str = str + '      Cancel the subscription';
} else {
	str= str + '      Zrušiť odber noviniek';
}

str += '      </button>' +
'   </div>' +
'   <div class="col-sm-12 col-md-8 form-wrapper">' +
'      <form method="POST" class="mailguide-form mailguide-management">' +
'         <input type="hidden" name="action" value="save" />' +
'         <input type="hidden" name="language" value="sk_SK" />' +
'         <input type="hidden" name="recipient" value="' + recipient + '"/>' +
'         <input type="hidden" name="id" value="' + id + '"/>' +
'         <fieldset>';
if (LANG=='en') {
	str +='            <legend>Your themes of intereset</legend>';
} else {
	str +='            <legend>Ponúkané témy</legend>';
}
str += '            <section class="mailing-list-lang-switch" data-current-lang="sk">';

if (LANG=='en') {
str += '               <p>Please select :</p>';
} else {
str += '               <p>Vyberte si témy, ktoré vás zaujímajú:</p>';
}

str += '               <div class="mailing-list-tabs">' +
'                  <div class="mailing-list-tab active" data-lang="654">' +
'<div class="pl-3"><input type="checkbox" name="lists[]" value="slovensky" class="checkbox sec" id="odber_slovensky" /><label for="odber_slovensky">EYOF slovensky</label></div>' + '<div class="pl-3"><input type="checkbox" name="lists[]" value="english" class="checkbox sec" id="odber_english" /><label for="odber_english">EYOF english</label></div>' + '                  </div>' +
'               </div>' +
'            </section>' +
'         </fieldset>' +
'         <div class="response">&nbsp;</div>' + 
'         <button type="submit" class="btn btnSubmit btn-eyof-main btn-lg">' ;
if (LANG=='en') {
	str += 'Change settings';
} else {
	str += 'Potvrdiť nastavenie';
}
str += '     </button> </form>' +
'      <form method="POST" class="mailguide-form mailguide-extend">' +
'         <input type="hidden" name="language" value="sk_SK" />' +
'         <input type="hidden" name="action" value="extend" />' +
'         <fieldset>' +
'            <legend>Predĺženie súhlasu</legend>' +
'            <p>Tu môžete predĺžiť svoj odber noviniek:</p>' +
'            <div>' +
'               <input type="hidden" name="recipient" value="' + recipient + '"/>' +
'               <input type="hidden" name="id" value="' + id + '"/>' +
'               <input id="extend-mailguide-terms" name="terms" type="checkbox" class="checkbox" value="true"/>' +
'               <label for="extend-mailguide-terms">' +
'               Súhlasím s <a href="https://www.osobnyudaj.sk/informovanie/52475808" target="_blank">spracúvaním osobných údajov</a>' +
'               </label>' +
'            </div>' +
'            <div class="response">&nbsp;</div>' +
'            <button type="submit" class="btn btnSubmit btn-default btn-lg">Predĺžiť</button>' +
'         </fieldset>' +
'      </form>' +
'   </div>' +
'</div>';
'</div>';

var Obj = document.getElementById('SASwrapper'); //any element to be fully replaced
} else {
//Vaše prihlásenie vypršalo. 

if (LANG=='en') {
	text = 'Please, enter your email address for newsletter subscription management';
	email_txt = 'Your email address';
	udaje = 'I agree with <a href="https://www.osobnyudaj.sk/informovanie/52475808" target="_blank">the processing of personal data</a>';
	confirm = 'Confirm';
} else {
	text = 'Zadajte emailovú adresu pre správu odberu noviniek';
	udaje = 'Súhlasím so <a href="https://www.osobnyudaj.sk/informovanie/52475808" target="_blank">spracúvaním osobných údajov</a>';
	email_txt = 'Vaša emailová adresa';
	confirm = 'Potvrdiť';
}
var str = '<div class="container skoda-mailguide" id="SASwrapper"><div class="text-center">' +
'<p><b>' + text + '</b></p>' +
'<form method="POST" id="mySASForm" action="/wp-content/themes/eyof/zozzi/newsletter-api.php" class="mailguide-form mailguide-login">' +
'<div class="login-inputs">' +
'<div style="position:relative;">' +
'<input type="hidden" name="lang" value="' + LANG + '" />' +
'<input type="hidden" name="action" value="login" />' +
'<input type="email" class="email form-input"  style="width: 100%" id="mySASFormEmail" autocomplete="off" name="email" value="" placeholder="' + email_txt + '" required="required" />' +
'</div>' +
'<div class="response">&nbsp;</div>' +
/*
'<div class="clear cleaner text-left inputSuhlas"><input type="checkbox" class="suhlas" name="suhlas" id="suhlasForm" value="suhlas"> ' + udaje + ' </div>' +
*/
'<div class="inputSuhlas"><label class="checkbox"><input type="checkbox" name="suhlas" id="suhlasForm" value="suhlas"/><span class="overlay"><svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon"><polyline points="20 6 9 17 4 12"/></svg></span></label> ' + udaje + ' </div>' +
'<button type="submit" class="btn btnSubmit btnConfirm btn-eyof-main btn-lg">' + confirm + '</button>' +
'</div>' +
'</form>' +
'</div>' +
'</div>';
var Obj = document.getElementById('wrapperOdberNoviniek'); //any element to be fully replaced

}
if(Obj.outerHTML) { //if outerHTML is supported
    Obj.outerHTML=str; ///it's simple replacement of whole element with contents of str var
} else { //if outerHTML is not supported, there is a weird but crossbrowsered trick
    var tmpObj=document.createElement("div");
    tmpObj.innerHTML='<!--THIS DATA SHOULD BE REPLACED-->';
    ObjParent=Obj.parentNode; //Okey, element should be parented
    ObjParent.replaceChild(tmpObj,Obj); //here we placing our temporary data instead of our target, so we can find it then and replace it into whatever we want to replace to
    ObjParent.innerHTML=ObjParent.innerHTML.replace('<div><!--THIS DATA SHOULD BE REPLACED--></div>',str);
}