// This part gathers all the input text fields from the register form
var UserName = document.forms["regiForm"]["UserName"];
var EmailAddress = document.forms["regiForm"]["EmailAddress"];
var PassWord = document.forms["regiForm"]["PassWord"];
var Retype_Password = document.forms["regiForm"]["Retype_Password"];
var Address = document.forms["regiForm"]["Address1"];
var PhoneNumber = document.forms["regiForm"]["PhoneNumber"];

// This parts gathers all the error objects from the register form
var UsernameError = document.getElementById("UsernameError");
var EmailError = document.getElementById("EmailError");
var PasswordError = document.getElementById("PasswordError");
var AddressError = document.getElementById("AddressError");
var PhoneError = document.getElementById("PhoneError");

// This part sets all the necessary event listeners
UserName.addEventListener("blur", UsernameAuth, true);
EmailAddress.addEventListener("blur", EmailAuth, true);


//Store registration info into local storage
function savedata(){

var existingEntries = JSON.parse(localStorage.getItem("allEntries"));

if(existingEntries == null) existingEntries = [];
var User = document.getElementById("UserName").value;
var Email = document.getElementById("EmailAddress").value;
var Pass = document.getElementById("PassWord").value;
var Address = document.getElementById("Address1").value;
var Phone = document.getElementById("PhoneNumber").value;

var entry = {
    "user" : User,
    "email": Email,
    "pass" : Pass,
    "address": Address,
    "phone": Phone
};

localStorage.setItem("entry", JSON.stringify(entry));
// Save allEntries back to local storage
existingEntries.push(entry);
localStorage.setItem("allEntries", JSON.stringify(existingEntries));
};

function Validate(){
// This part simply validates the Username field from the register form
if(UserName.value == ""){
    UsernameError.textContent = "Username is required!";
    UserName.style.border = "1px solid red";
    UserName.focus();
    return false;
 }
}