// SETTING ALL EVENT LISTENERS
username.addEventListener("keyup", usernameVerify, true);
password.addEventListener('keyup', passwordVerify, true);
submit.addEventListener("click", function(event) {
	var username = document.getElementById("username");
var password = document.getElementById("password");
var submit = document.getElementById("submit");
var wrong = document.getElementById("wrong");
  event.preventDefault();
  $.ajax({
    url: "checkdata.php",
    type: "POST",
    data: { login: username.value, password: password.value },
    success: function(d) {
      if (!(username.style.border == "2px solid #F46969" || (password.style.border == "2px solid #F46969"))) {
        window.location.href='../panel/';
      }
      else {
        wrong.innerHTML = d;
        username.style.border = "2px solid #F46969";
        username.style.boxShadow = "0px 0px 10px 4px #F46969";
        username.style.outline = "none";
        password.style.border = "2px solid #F46969";
        password.style.boxShadow = "0px 0px 10px 4px #F46969";
        password.style.outline = "none";
      }
    }
  });
});

function usernameVerify() {
  // username
var username = document.getElementById("username");
var password = document.getElementById("password");
var submit = document.getElementById("submit");
var wrong = document.getElementById("wrong");
  var str = username.value;
  if (str == "") {
    username.style.border = "2px solid #F46969";
    username.style.boxShadow = "0px 0px 10px 4px #F46969";
    username.style.outline = "none";
    return false;
  } else {
    username.style.border = "none";
    username.style.boxShadow = "none";
    username.style.outline = "none";
    return false;
  }
}
//password
function passwordVerify()
{
var username = document.getElementById("username");
var password = document.getElementById("password");
var submit = document.getElementById("submit");
var wrong = document.getElementById("wrong");
  var str = password.value;
  if (str == "") {
    password.style.border = "2px solid #F46969";
    password.style.boxShadow = "0px 0px 10px 4px #F46969";
    password.style.outline = "none";
    return false;
  } else {
    password.style.border = "none";
    password.style.boxShadow = "none";
    password.style.outline = "none";
    return false;
  }
}