trendplays/resources/js/main.js

let heroText = document.querySelectorAll(".landing-hero h2,.landing-hero p")
let registerToggles = document.querySelectorAll(".register-btn, .register-area\
	.cancel-button, .services-cards button")
let token = getCookie('XSRF-TOKEN')

function getToken() {
	fetch("/sanctum/csrf-cookie", {
		method: 'GET'
	})
	token = getCookie('XSRF-TOKEN')
}

function register(event) {
	fetch("/register", {
		method: 'POST',
		headers: {'Content-Type': 'application/json',
		'X-XSRF-TOKEN': token},
		body: JSON.stringify({"name": document.getElementById("register-name").value,
		"email": document.getElementById("register-email").value,
		"password": document.getElementById("register-password").value}),
		"password_confirmation": document.getElementById("confirm-password").value})
	.then(response => {
		console.log(response.json())
		console.log(response.ok)
		console.log(response.message)
	});
	event.preventDefault();
}

function getCookie(name) {
  var re = new RegExp(name + "=([^;]+)");
  var value = re.exec(document.cookie);
  return (value != null) ? unescape(value[1]) : null;
  }

function checkPasswords() {
	if (passInput.value != passInput2.value) {
		passInput2.setCustomValidity('Passwords must be matching')
	} else {
		passInput2.setCustomValidity('');
	}
}

function login(event) {
	fetch("/login", {
		method: 'POST',
		headers: {'Content-Type': 'application/json',
		'X-XSRF-TOKEN': token},
		body: JSON.stringify({"email": document.getElementById("login_email").value,
		"password": document.getElementById("login_password").value}),
	}).then(response => {
		console.log(response.json())
		console.log(response.ok)
		console.log(response.message)
	})
	event.preventDefault();
}

//Attempt to resend the verification link
function resendLink(event) {
	console.log("clicked");
	event.preventDefault();

}

function toggleNav() {
	heroText.forEach(item => {
		item.classList.toggle("hidden")
	})
	document.querySelector("nav form.login").classList.toggle("active")
	this.classList.toggle("toggled")
}

if (!token) {getToken()}

if (window.location.pathname == '/') {
	document.getElementById('nav_toggle').addEventListener('click', toggleNav)
	document.getElementById('register-form').addEventListener('submit', register)
	document.getElementById('login_form').addEventListener('submit', login)

	//Triggers for registration menu
	for (i = 0; i < registerToggles.length; i++) {
		registerToggles[i].addEventListener("click", function() {
		document.querySelector(".register-area").classList.toggle("active")
		});
	}

	//FAQ collapsibles
	let cols = document.getElementsByClassName("collapsible");

	for (i = 0; i < cols.length; i++) {
		cols[i].addEventListener("click", function() {
			this.classList.toggle("active");
		});
	}
	document.getElementById("register-password").oninput = checkPasswords
	document.getElementById("confirm-password").oninput = checkPasswords
} else if (window.location.pathname == '/verify-email') {
	document.getElementById('resend_verification').addEventListener("click", resendLink)
}