'use strict'
const formfornewsletter = document.getelementbyid('sytech-newsletter-subscription')
const inputfornewsletter = document.queryselector('form#sytech-newsletter-subscription input[type="email"]')
const submitfornewsletter = document.queryselector('form#sytech-newsletter-subscription input[type="submit"]')

function formnewletter_validation(input){
	var re = /\s+@\s+\.\s+/;
	return re.test(input);
}

if (submitfornewsletter) {
	submitfornewsletter.addeventlistener('click', (e)=>{
		e.preventdefault()
		const is_email_value = formnewletter_validation(inputfornewsletter.value)
		const fromaction =  formfornewsletter.getattribute("action")
		if (is_email_value) {
			let formdata = new formdata();
			formdata.append('email_registration', inputfornewsletter.value)
			fetch(fromaction,{  
				body: formdata,
				method:"post"
			})
			.then(res=>res.json())
			.then(res=>{
				console.log(fromaction)
				if(formfornewsletter.queryselector('p')){
					formfornewsletter.removechild(formfornewsletter.queryselector('p'));
				}
				const p =  document.createelement("p")
				p.classname = res.status
				p.innerhtml =  res.message
				formfornewsletter.appendchild(p)
				settimeout(()=>{
					p.classlist.add('active')
				},100)
				
			})
			.catch(err=>{    
				console.log(err)
			})
		}
		else {
			let formdata = new formdata();
			formdata.append('status', 'email_incorrect')
			fetch(fromaction,{  
				body: formdata ,
				method:"post"
			})
			.then(res=>res.json())
			.then(res=>{
				if(formfornewsletter.queryselector('p')) {
					formfornewsletter.removechild(formfornewsletter.queryselector('p'));
				}
				const p =  document.createelement("p");
				p.classname = res.status
				p.innerhtml =  res.message
				formfornewsletter.appendchild(p)
				settimeout(()=>{
					p.classlist.add('active')
				},100)
			})
			.catch(err=>{    
				console.log(err)
			})
		}
		
	})
}