JezK

Edit File: login.php

<?php
session_start();
require_once __DIR__ .'/app/function_main.php';
$msg='';
if(!empty($_GET['id']))
{
	$alert_color="";
	$_SESSION['type']=$_GET['t'];
	$_SESSION['log_in_id']=$_GET['id'];
}else{
	$alert_color="";
	header('Location: index.php');
}
if(isset($_SESSION['login']))
{
	$msg="Invalid Login Credentials";
	$alert_color="alert-danger";
	unset($_SESSION['login']);
}
if(isset($_SESSION['forgot']))
{
	$msg="Email sent successfully";
	$alert_color="alert-success";
	unset($_SESSION['forgot']);
}
$types=$obj->get_all_residence_type();
$logo='images/dashboardlogo.png';
// print_r($res);
if(isset($types['logo']) && $types['logo'] !=""){
    $logo='./uploads/'.$types['logo'];
}
?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title><?php echo ($types['project_name'] ) ?  $types['project_name'] : '';?></title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="<?php echo $logo ?>" type="image/png" sizes="16x16">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="disFlexColumn container-fluid vblogin h-100 justify-content-center align-items-center">
			
			<div class="row">
				<div class="login mx-auto">
					<?php if(!empty($msg)){?>
					<div class="alert <?=$alert_color?>" role="alert">
					  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<?php echo $msg?>
					</div>
					<?php }?>
					<form action="./app/login_action.php" method="POST" class="vbForm">
						<div class="text-center">
							<img src="<?php echo $logo ?>" alt="logo" width="150">
						</div>
						<div class="form-group">
							<label for="Username">Phone Number</label>
							<input type="text" class="form-control vbText" id="Username" placeholder="Enter Phone number" name="username">
							<span class="email_icon" ><img src="images/email.png" alt="email"></span>
						</div>
						<div id="divName"></div>
						<div class="form-group">
						  <label for="pwd">Password:</label>
						  <input type="password" class="form-control vbText" id="pwd" placeholder="Enter password" name="pswd">
						  <span class="select_icon" toggle="#password-field" class="toggle-password" onclick="myFunction()"><img src="./images/passwordhide.png" id="icon"></span> 
						</div>
						<div id="divpassword"></div>
						<div class="form-group">
							<p class="text-right"><a href="forgotPassword.php">Forgot Password?</a></p>
						</div>
						<button type="submit"  id= "loginbt" class="btn btn-primary text-center submit-btn">Submit</button>
				  </form>

</div>
			</div>
		
		</div>
	</body>
	<script>
$('#loginbt').click(function(){
	if(! ($.trim($('#Username').val())))
	{
		$('#divName').text("Please enter phone number").css("color","red");
		return false;
	}else 
	{
			$("#divName").text("");
	}
	if(/^[0-9]{10}$/.test($('#Username').val()))
	{
			$('#divName').text("");
	}else
	{
		$('#divName').text("Please enter valid phone number").css("color", "red");
		$('#Username').focus();
		return false;
	}

if(! ($.trim($('#pwd').val())))
	{
		$("#divpassword").text("Please enter password.").css("color","red");
		return false;
	}else
	{
		$('#divpassword').text("");
	}

});
window.setTimeout(function() {
    $(".alert").fadeTo(500, 0).slideUp(500, function(){
        $(this).remove(); 
    });
}, 2000);

//password show hide icon
function myFunction()
{
    var x = document.getElementById("pwd");
    var icon = document.getElementById("icon");
    if(x.type === "password")
    {
        x.type = "text";
        icon.src= "./images/passwordview.png"
    }
    else{
        x.type = "password";
        icon.src= "./images/passwordhide.png"
    }
}
</script>
</html>