<?php //file: index.php
    session_start();
    
    //require_once "error_reporting.php";    
    require_once "php/utils.php";
    require_once "php/db.php";

    $method = $_POST;
    $method_name = 'POST';
    $success = false;
    //var_dump($method);
    $error_message ="";
    
    $Path = "./";
    
    // global $Destination;
    global $db_userId;
    global $db_companyId;
    
    $user_alert = "";
    
    function areMatching($db_password, $password)
    {
        $hashed_password = encodePassword($password, 'encoded');
        return $db_password == encodePassword($password, 'encoded');
    }
    
    global $user_alert;
    if(array_key_exists("submit", $method))
    {
        $email = $method["email"];
        $encoded_password = $method["encoded_password"];
        console_log($encoded_password);
        $Destination = verifyLoginWithDb($email, $encoded_password);
        
        $_SESSION["email"] =  $email;

        if($Destination)
        {
            header("HTTP/1.0 100 Continue");
            header("Location: $Path".$Destination);
            exit();
        }
        else
            $error_message = "<h5>You entered a wrong email or password. Please check your information and try again.</h5><br>";
    }
?>

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Login</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->	
	<link rel="icon" type="image/png" href="images/icons/color_favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->	
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->	
	<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
    <script src="js/password_encode_hex_md5.js"></script>
    <script src="js/utils.js"></script>
<!--===============================================================================================-->
</head>
<body>
	<div class="limiter">
		<div class="container-login100" style="background-image: url('images/bg-01.jpg');">
			<div class="wrap-login100 p-l-110 p-r-110 p-t-62 p-b-33">
			    <?if(array_key_exists("companyID", $method)){?>
				    <p style="color:mediumvioletred;font-size:30pt;text-align:center"><b><?=$method["companyID"] ?></b></p><br />
				<?}?>
			    <?if($error_message){?>
				    <div style="color:mediumvioletred;font-size:30pt;text-align:center;"><b><?=$error_message ?></b></div><br />
				<?}?>
				<form id="dummy"></form>
				<form id="form" class="login100-form validate-form flex-sb flex-w" method="<?=$method_name?>">
				  <span class="login100-form-title p-b-53">Sign In</span>
				  <div class="p-t-31 p-b-9">
						<span class="txt1">
							Email
						</span>
					</div>
					<div class="wrap-input100 validate-input" data-validate = "Email is required">
						<input id="email-submit" class="input100" type="text" name="email" value="<?=$email?>">
						<span class="focus-input100"></span>
					</div>
					
					<div class="p-t-13 p-b-9">
						<span class="txt1">
							Password
						</span>

						<a href="#" class="txt2 bo1 m-l-5" style="font-size: 12pt">
							Forgot?
						</a>
					</div>
					<div class="wrap-input100 validate-input" data-validate = "Password is required">
						<input id="encoded" type="hidden" name="encoded_password">
						<input id="pass-submit" class="input100" type="password" onchange="encodePassword(this.value, 'encoded')" form="dummy" on = submitForm()>
						<!--<input id="pass-submit" class="input100" type="password" value="xxxx" onchange="encodePassword(this.value, 'encoded')">-->
						<span class="focus-input100"></span>
					</div>

					<div class="container-login100-form-btn m-t-17">
						<button id="submit" class="login100-form-btn" name="submit" value="clicked"> SUBMIT</button>
					</div>

					<div class="w-full text-center p-t-55" >
						<span class="txt2" style="font-size: 12pt">
							Not a member?
						</span>

						<!--<a href="https://fradkov.com/george/plumbing-on-demand/test/client_signup.php" class="txt2 bo1" style="font-size: 12pt">-->
						<a href="client/client_signup.php" class="txt2 bo1" style="font-size: 12pt">
							Sign up now
						</a>
					</div>
				</form>
			</div>
		</div>
	</div>
	

	<div id="dropDownSelect1"></div>
	
<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/daterangepicker/moment.min.js"></script>
	<script src="vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
	<script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>
<!--===============================================================================================-->

	<script>
        document.getElementById("email-submit").onkeypress = function(e) {
            var key = e.charCode || e.keyCode || 0;     
            if (key == 13) {
                e.preventDefault();
                document.getElementById("submit").click();
            }
        }
        document.getElementById("pass-submit").onkeypress = function(e) {
            var key = e.charCode || e.keyCode || 0;     
            if (key == 13) {
                e.preventDefault();
                document.getElementById("submit").click();
            }
        }
        
	</script>
</body>
</html>
