Untitled

<html>
<header>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

	<style>
	.form{
		width: 500px;
		margin: auto;
		background-color: #bbbec1;
		padding: 25px;
		margin-top: 50px;
	}
	.form-group{
		margin: 0 0 10px;
		min-width: 100%;
		padding: 0;
		width: 100%;
	}
	.form input[type="text"],input[type="email"],input[type="password"]{
		width: 100%;
		border: 1px solid #000;
		background: #FFF;
		margin: 0 0 5px;
		padding: 10px;
	}
	.alert{
		width: 400px;
		margin: auto;
	}
	.output{
		width: 500px;
		margin: auto;
		background-color: #bbbec1;
		padding: 25px;
		margin-top: 50px;
	}
</style>
</header>

<body>

	<?php
	$fname = $lname = $mname = $username = $email = $password = $cpassword = "";
	$fnameerr = $lnameerr = $mnameerr = $usernameerr = $emailerr = $passworderr = $cpassworderr = $pass = "";
	$errorcount = 0;
	$warning = $success = "";

	if($_SERVER["REQUEST_METHOD"]=="POST"){
		if(empty($_POST['fname'])){
			$fnameerr = '<div class="text-danger">First Name is required</div>';
		}else{
			$fname = test_input($_POST['fname']);
			if(!preg_match("/^[a-zA-Z ]*$/", $fname)){
				$fnameerr = '<div class="text-danger">Only letters and white space allowed!</div>';
				$fname = "";
				$errorcount++;
				$warning = '<div class="alert alert-danger" role="alert">
			Error inserting record!
			</div>';
			}
		}

		if(empty($_POST['lname'])){
			$lnameerr = '<div class="text-danger">Last Name is required</div>';
		}else{
			$lname = test_input($_POST['lname']);
			if(!preg_match("/^[a-zA-Z ]*$/", $lname)){
				$lnameerr = '<div class="text-danger">Only letters and white space allowed!</div>';
				$lname = "";
				$errorcount++;
				$warning = '<div class="alert alert-danger" role="alert">
			Error inserting record!
			</div>';
			}
		}

		if(empty($_POST['mname'])){
			$mnameerr = '<div class="text-danger">Middle Name is required</div>';
		}else{
			$mname = test_input($_POST['mname']);
			if(!preg_match("/^[a-zA-Z ]*$/", $mname)){
				$mnameerr = '<div class="text-danger">Only letters and white space allowed!</div>';
				$mname = "";
				$errorcount++;
				$warning = '<div class="alert alert-danger" role="alert">
			Error inserting record!
			</div>';
			}
		}

		if(empty($_POST['username'])){
			$usernameerr = '<div class="text-danger">Username is required</div>';
		}else{
			$username = test_input($_POST['username']);
		}

		if(empty($_POST['email'])){
			$emailerr = '<div class="text-danger">E-mail is required</div>';
		}else{
			$email = test_input($_POST['email']);
			if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
				$emailerr = '<div class="text-danger">Invalid E-mail format!</div>';
				$email = "";
				$errorcount++;
				$warning = '<div class="alert alert-danger" role="alert">
			Error inserting record!
			</div>';
			}
		}

		if(empty($_POST['password'])){
			$passworderr = '<div class="text-danger">Password is required</div>';
		}else{
			$password = test_input($_POST['password']);
		}

		if(empty($_POST['cpassword'])){
			$cpassworderr = '<div class="text-danger">Password is required</div>';
		}else{
			$cpassword = test_input($_POST['password']);
		}

		if ($errorcount > 0) {
			$fname = $lname = $mname = $username = $email = $password = $cpassword = $pass = "";
			$warning = '<div class="alert alert-danger" role="alert">
			Error inserting record!
			</div>';
		}else{
			$fname = test_input($_POST['fname']);
			$lname = test_input($_POST['lname']);
			$mname = test_input($_POST['mname']);
			$username = test_input($_POST['username']);
			$email = test_input($_POST['email']);
			$password = test_input($_POST['password']);
			$cpassword = test_input($_POST['cpassword']);
			$success = '<div class="alert alert-success" role="alert">
			Registration Complete!
			</div>';
		}
		if($_POST['password'] != $_POST['cpassword']){
			$pass = '<div class="text-danger">Password not match</div>';
			$fname = $lname = $mname = $username = $email = $password = $cpassword = $success= "";
			$errorcount++;
			$warning = '<div class="alert alert-danger" role="alert">
			Error inserting record!
			</div>';
		}

		if(empty($_POST['fname']) || empty($_POST['lname']) || empty($_POST['mname']) || empty($_POST['username'])|| empty($_POST['email']) || empty($_POST['password']) || empty($_POST['cpassword'])){
			$fname = $lname = $mname = $username = $email = $password = $cpassword = $pass = "";
			$errorcount++;
			$warning = '<div class="alert alert-danger" role="alert">
			Fill all the require fields!
			</div>';
			$success="";
		}


	}


	function test_input($data){
		$data = trim($data);
		$data = stripslashes($data);
		$data = htmlspecialchars($data);
		return $data;
	}
	?>
	<div class="container">
		<div class="row">
			<div class="col-sm-6">
				<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" class="form">
					<h1 class="text-center">Registration Form</h1>
					<hr>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Enter First Name" name="fname" value="<?php echo $_POST['fname'] ?>">
						<span><?php echo $fnameerr ?></span>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Enter Last Name" name="lname" value="<?php echo $_POST['lname'] ?>">
						<span><?php echo $lnameerr ?></span>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Enter Middle Name" name="mname" value="<?php echo $_POST['mname'] ?>">
						<span><?php echo $mnameerr ?></span>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Username" name="username">
						<span><?php echo $usernameerr ?></span>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="E-mail" name="email">
						<span><?php echo $emailerr ?></span>
					</div>
					<div class="form-group">
						<input type="password" class="form-control" placeholder="Password" name="password">
						<span><?php echo $passworderr ?></span>
					</div>
					<div class="form-group">
						<input type="password" class="form-control" placeholder="Confirm Password" name="cpassword">
						<span><?php echo $cpassworderr ?></span>
						<span><?php echo $pass ?></span>
					</div>
					<div class="form-group">
						<button type="submit" class="btn btn-primary btn-block">Submit</button>
					</div>
				</form>
			</div>
			<div class="col-sm-6">
				<div class="output">
					<div class="text-center">
						<h1>Your Input:</h1>
						<?php echo $warning; ?>
						<?php echo $success; ?>
						<h4><?php echo $fname ?> </h4>
						<h4><?php echo $lname ?> </h4>
						<h4><?php echo $mname ?> </h4>
						<h4><?php echo $username ?> </h4>
						<h4><?php echo $email ?> </h4>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>