<!DOCTYPE HTML>
<html lang="zxx">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
	<title>Invata Project Management</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="Latest Login Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- Meta tag Keywords -->

	<!-- css files -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

	<!-- web-fonts -->
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
	 rel="stylesheet">
	<!-- //web-fonts -->



<style type="text/css">
	.top-content-style {
    		background:#000;
		}
	.alert-danger
	{
		background-color: red;
		color: #000;
		padding: 20px;

	}
	.alert-success{
		background-color: green;
    	color: #fff;
    	padding: 20px;
	}
	#loginRow
	{
		background: transparent !important;
	}
	.bg-content-w3pvt
	{
		background: rgba(255, 255, 255, 0.2);
	}
	.sub-main-w3 form
	{
		margin: 0px !important;
	}
	.paymentButton
	{
		width: 100%;
		color: #fff;
		font-weight: 700;
	}
</style>




<style type="text/css">
	.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
</style>



</head>


<body>
	<div class="main-bg">
		<!-- title -->
		<h1></h1>
		<!-- //title -->
<!---728x90--->

		<!-- content -->
		<div class="sub-main-w3">
			<div class="bg-content-w3pvt">
				<div class="top-content-style">
					<img src="https://trading.invata.io/images/invatalogo.png" width="220" style="border-radius:0px !important;" alt="" />
					<a href="login.php" style="color: #015196;margin-top: 10px;"  id="forgotpasswordwords" class="bottom-text-w3ls">Login Here</a>
				</div>



				<form action="#" method="post" id="loginForm" class="formRow">
					<p class="legend" style="color: #F15A24;padding-top: 20px;font-weight: 700;">Register Here<span class="fa fa-hand-o-down" style="color: #F15A24;"></span></p>
					<div class="alert alert-danger" id="loginInfo" style="display: none;">
						Wrong Credentials
					</div>
					<div class="input">
						<input type="email" id="regEmail" placeholder="Email" name="email" required style="border-color: #F15A24;" />
						<span class="fa fa-envelope" style="color: #F15A24;"></span>
					</div>
					<div class="input">
						<input type="text" id="regUn" placeholder="Username" name="email" required style="border-color: #F15A24;" />
						<span class="fa fa-user" style="color: #F15A24;"></span>
					</div>
					<div class="input">
						<input type="password" id="loginPassword" placeholder="Password" name="password" required style="border-color: #F15A24;" />
						<span class="fa fa-unlock" style="color: #F15A24;"></span>
					</div>
					<div class="input">
						<input type="password" id="loginPassword" placeholder="Password" name="password" required style="border-color: #F15A24;" />
						<span class="fa fa-unlock" style="color: #F15A24;"></span>
					</div>
					<button  type="submit" class="btn submit" style="background-color: #F15A24;">
						<span class="fa fa-sign-in"></span>
					</button>
				</form>




			</div>
		</div>
		<!-- //content -->
<!---728x90--->

		<!-- copyright -->
		<div class="copyright">
			<h2>&copy; 2019 - Invata Project Management . Designed By 
				<a href="https://invata.io" target="_blank">Invata</a>
			</h2>
		</div>
		<!-- //copyright -->
<!---728x90--->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

  
  
<script type="text/javascript">
	  $('#loginForm').on('submit', function(e){
        e.preventDefault();

        var email = $('#loginForm input[name="email"]').val();
        var password = $('#loginForm input[name="password"]').val();
        var action = "login";
        $.post('classes/user.controller.php', {email : email, password : password, action : action })
            .done(function(data){
            	console.log(data);
                $('#status').html(data);
                if(data == "valid"){
                	location.href = "index.php";
                }
                else {
                $('#loginInfo').css('display', 'block');
                $('#loginInfo').html('Invalid information.');
                }
            });	
            return false;
    });
</script>

	</div>
</body>
</html>