Rev 134 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<?php
// Include Session Handling
require_once ('includes/session.php');
// Include config & login validate file
require_once ('includes/validateUser.php');
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<!--head-->
<?php include_once ('elements/head.php'); ?>
<script src="<?php echo PUBLIC_URL . "js/policies.js?" . filemtime("assets/js/policies.js"); ?>" async defer integrity="sha384-<?php echo base64_encode(hash_file("sha384", "assets/js/policies.js", true)); ?>" crossorigin="anonymous"></script>
<!--//head-->
</head>
<body>
<div class="main">
<!--header-->
<?php include_once ('elements/header.php'); ?>
<!--//header-->
<!--main-->
<div class="main-content">
<div class="wrapper-frm bg-light text-dark border shadow text-center">
<div class="header">
<h1>Login To Your Account</h1>
</div>
<div class="top">
<?php echo !empty($statusMsg) ? '<p class="status-msg ' . $statusMsgType . '">' . $statusMsg . '</p>' : ''; ?>
<form id="loginForm" action="<?php echo BASE_URL; ?>userAccount.php" method="post">
<input type="hidden" name="nonce" value="<?php if (isset($_SESSION['nonce'])) echo $_SESSION['nonce']; ?>" />
<div class="frm-input">
<input type="email" name="email" class="email-in" placeholder="Email" required="" aria-label="Email Address" autocomplete="email" />
</div>
<div class="frm-input">
<input type="password" name="password" class="pass-in" placeholder="Password" required="" aria-label="Password" autocomplete="current-password" />
</div>
<div class="frm-info">
<div class="check">
<input type="checkbox" id="remb" name="rememberMe" value="1" />
<label for="remb"><span></span>Remember me</label>
</div>
<a href="<?php echo BASE_URL; ?>forgotPassword.php">Forgot Password?</a>
<div class="clearfix"></div>
</div>
<div class="frm-btn">
<button class="btn btn-success" type="submit" name="loginSubmit" value="Sign In">Sign In</button>
</div>
</form>
<script nonce="<?php echo base64_encode($_SESSION["nonce"]) ?>">
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("loginForm").addEventListener("submit", function(e) {
if (window.google_tag_manager && window.ga && ga.create) {
e.preventDefault();
var form = e.target.closest("form");
window.dataLayer.push({"event": "login", "method": "Website", "eventTimeout": 2000, "eventCallback": function() { form.submit(); }});
}
});
});
</script>
</div>
<?php if (!empty($fbLoginURL) || !empty($gpLoginURL) || !empty($twLoginURL)) { ?>
<div class="group">
<div class="item line"></div>
<div class="item text">or</div>
<div class="item line"></div>
</div>
<div class="social-icons">
<h2>Login with your Social Account</h2>
<div class="check pt-4 pb-2">
<p id="acceptPoliciesMsg"></p>
<input type="checkbox" id="acceptPolicies" name="acceptPolicies" value="1" required="" />
<label for="acceptPolicies"><span></span>I agree to the <a href="../terms.php" target="_blank">Terms of Service</a> and I accept the <a href="../privacy.php" target="_blank">Privacy Policy</a>.</label>
</div>
<ul class="bottom-sc-icons">
<?php if (!empty($fbLoginURL)) { ?>
<li><a id="fbLoginBtn" href="<?php echo $fbLoginURL; ?>" class="facebook"><i></i><span>Facebook</span></a></li>
<script nonce="<?php echo base64_encode($_SESSION["nonce"]) ?>">
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("fbLoginBtn").addEventListener("click", function(e) {
if (!checkAcceptPolicies()) {
e.preventDefault();
} else if (window.google_tag_manager && window.ga && ga.create) {
e.preventDefault();
var href = e.target.closest("a").href;
console.log(href);
window.dataLayer.push({"event": "login", "method": "Facebook", "eventTimeout": 2000, "eventCallback": function() { window.location = href; }});
}
});
});
</script>
<?php
} ?>
<?php if (!empty($gpLoginURL)) { ?>
<li><a id="gpLoginBtn" href="<?php echo $gpLoginURL; ?>" class="google"><i></i><span>Google</span></a></li>
<script nonce="<?php echo base64_encode($_SESSION["nonce"]) ?>">
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("gpLoginBtn").addEventListener("click", function(e) {
if (!checkAcceptPolicies()) {
e.preventDefault();
} else if (window.google_tag_manager && window.ga && ga.create) {
e.preventDefault();
var href = e.target.closest("a").href;
console.log(href);
window.dataLayer.push({"event": "login", "method": "Google", "eventTimeout": 2000, "eventCallback": function() { window.location = href; }});
}
});
});
</script>
<?php
} ?>
<?php if (!empty($twLoginURL)) { ?>
<li><a id="twLoginBtn" href="<?php echo $twLoginURL; ?>" class="twitter"><i></i><span>Twitter</span></a></li>
<script nonce="<?php echo base64_encode($_SESSION["nonce"]) ?>">
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("twLoginBtn").addEventListener("click", function(e) {
if (!checkAcceptPolicies()) {
e.preventDefault();
} else if (window.google_tag_manager && window.ga && ga.create) {
event.preventDefault();
var href = e.target.closest("a").href;
console.log(href);
window.dataLayer.push({"event": "login", "method": "Twitter", "eventTimeout": 2000, "eventCallback": function() { window.location = href; }});
}
});
});
</script>
<?php
} ?>
</ul>
<div class="clearfix"> </div>
</div>
<?php
} ?>
<div class="bottom">
<p>Don't Have an Account? <a href="<?php echo BASE_URL; ?>registration.php">Register Now</a></p>
</div>
</div>
</div>
<!--//main-->
<!--footer-->
<?php include_once ('elements/footer.php'); ?>
<!--//footer-->
</div>
</body>
</html>
<?php MySessionHandler::commit(session_id()); ?>