<?php
require_once 'init.php';
$user = new User();

if(isset($_POST['submit'])){
	$email =  $user->checkInput($_POST['email']);

	$stmt = $user->runQuery("SELECT * from players where email = :email");
	$stmt->bindParam(":email", $email, PDO::PARAM_STR);
	$stmt->execute();
	$count = $stmt->rowCount();
	$obj = $stmt->fetch(PDO::FETCH_OBJ);

	if($count >= 1){
		$name = $obj->name;
		$cat  = $obj->cat;
		$desig = $obj->desig;
		$id = $obj->id; 
		$clg = $obj->clg;
		$dept = $obj->dept;
	}
}
?>
<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="x-ua-compatible" content="ie=edge">

	<title>APL - 4</title>

	<!-- Font Awesome -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	<!-- Bootstrap core CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet">

	<!-- Material Design Bootstrap -->
	<link href="css/mdb.min.css" rel="stylesheet">

	<!-- Template styles -->
	<style rel="stylesheet">
	/* TEMPLATE STYLES */

	main {
		padding-top: 1rem;
		padding-bottom: 2rem;
	}

</style>

</head>

<body>



	<main>

		<!--Main layout-->
		<div class="container">
			<form method="post" action="">
				<div class="md-form" style="width: 80%;">
		        <i class="fa fa-envelope prefix grey-text"></i>
		        <input type="email" name="email" id="defaultForm-email" class="form-control">
		        <label for="defaultForm-email">Your email</label> 
		        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		        <button type="submit" name="submit" class="btn btn-success">Submit</button>
    </div>
			</form>
			<div class="row mt-lg-5">

				<!--Product-->
				<div class="col-lg-7 wow fadeIn" data-wow-delay="0.2s">
				
				<div style="padding-left: 15%; padding-top: 10%;">
					<?php if(isset($id)){
						echo '<img src="https://acharyahabba.in/apl/images/'.$id.'.jpg" width="200px" height="200px">';
					} ?>
				</div>
					
				</div>
				<!--/.Product-->

				<!--Info-->
				<div class="col-lg-5">

					<!--First row-->
					<div class="row wow fadeIn" data-wow-delay="0.4s">
						<div class="col-md-12">
							<!--Product-->
							<div class="product-wrapper">

								<!--Product data-->
								<h2 class="h2-responsive mt-4 font-bold"><?php if(isset($name)){echo $name;}?></h2>
								<hr>

								<h2>
									<span class="badge blue"><?php if(isset($cat)){
										echo $cat;
									} ?></span>
								</h2>
								<dl class="row mt-4">
									<?php
										if(isset($desig)){
											echo '<dt class="col-sm-3">Designation</dt>
												<dd class="col-sm-9">'.$desig.'</dd>';
										}
									?>

									<?php
										if(isset($clg)){
											echo '<dt class="col-sm-3">College</dt>
												  <dd class="col-sm-9">'.$clg.'</dd>';
										}
									?>
									
									<?php
										if(isset($dept)){
											echo '<dt class="col-sm-3 text-truncate">Department</dt>
												  <dd class="col-sm-9">'.$dept.'</dd>';
										}

									?>
									
								</dl>

							</div>
							<!--Product-->

						</div>
					</div>
					<!--/.First row-->

				</div>
				<!--/.Info-->



	</main>



		<!-- SCRIPTS -->

		<!-- JQuery -->
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>

		<!-- Bootstrap dropdown -->
		<script type="text/javascript" src="js/popper.min.js"></script>

		<!-- Bootstrap core JavaScript -->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>

		<!-- MDB core JavaScript -->
		<script type="text/javascript" src="js/mdb.min.js"></script>

		<script>
			new WOW().init();
		</script>

	</body>

	</html>