function checkAuth(){
	firebase.auth().onAuthStateChanged(function(user){
		if (user) {
			document.getElementById('uname-dom').innerHTML = "Loading..."

			firebase.auth().currentUser.getIdToken().then(function(idToken) {
				let url = 'login-user-api'
				let data = {uToken: idToken, user: user}
				let postData = {method: 'POST', body: JSON.stringify(data),headers: {'Content-Type': 'application/json'}}
				fetch(url, postData)
				.then(response => response.json())
				.then(function(result){
					if (result.success == true) {
						document.getElementById('uname-dom').innerHTML = "Hello, " + result.userName
						if (!result.address) {
							document.getElementsByClassName("notifications")[0].innerHTML = "🔔 | Update shipping address"
							document.getElementsByClassName("notifications")[0].setAttribute("style", "color: red;")
						}
					}
					else {
						console.log(result.error)
						document.getElementsByClassName("notifications")[0].innerHTML = "🔔 | What the fuck just happened....."
							document.getElementsByClassName("notifications")[0].setAttribute("style", "color: pink;")
					}
				})
			})

			document.getElementById('uname-field').setAttribute("style", "display: block;")
			document.getElementById('login-field').setAttribute("style", "display: none;")
			
			document.getElementById('uname-field').setAttribute("style", "display: block;")
			document.getElementById('login-field').setAttribute("style", "display: none;")
			try {document.getElementById('uAuthMsg').setAttribute("style", "display: none;")}
			catch(error) {console.log(error)}
			try{document.getElementById('npf').setAttribute("style", "display: block;")}
			catch(error) {console.log(error)}
		}
		else {
			document.getElementById('uname-field').setAttribute("style", "display: none;")
			document.getElementById('login-field').setAttribute("style", "display: block;")
			document.getElementById('uname-dom').innerHTML = "Unregistered"
			try{document.getElementById('uAuthMsg').setAttribute("style", "display: block;")}
			catch(error) {console.log(error)}
			try{document.getElementById('npf').setAttribute("style", "display: none;")}
			catch(error) {console.log(error)}
		}
	})
}

checkAuth()


function signinwithgoogle(){
	var googleAuthProvider = new firebase.auth.GoogleAuthProvider()
	firebase.auth().signInWithPopup(googleAuthProvider)
		.then(function(data){
			console.log('User signed in...')
		})
		.catch(function(error){
			console.log(error)
		})
}

function signinwithfb(){
	var fbAuthProvider = new firebase.auth.FacebookAuthProvider()
	firebase.auth().signInWithPopup(fbAuthProvider)
		.then(function(data){
			console.log('User signed in...')
		})
		.catch(function(error){
			console.log(error)
		})
}

function signinwithemail(){
	const txtEmail = document.getElementById('fuid')
	const txtPassword = document.getElementById('fpwd')

	var email = txtEmail.value
	var pass = txtPassword.value
	var auth = firebase.auth()

	auth.signInWithEmailAndPassword(email, pass)
		.catch(e => console.log(e.message))
		.then(function(data){
			txtPassword.value = ''
			txtEmail.value = ''
		})
}

function signout(){
	firebase.auth().signOut()
	window.location.replace('home')
	// window.location.replace(window.location.href.split("?")[0])
}


var pwField = document.getElementById("fpwd");
pwField.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault()
   document.getElementById("blogin").click()
  }
})