<?php
 ob_start(); session_start();

 require_once('includes/functions.php');
?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Home Page</title>
		<link href="style.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" 
		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
		<link rel="icon" href="images/favicon.ico"/>
		<style>
		    .form-control{
		        width:100%;
		    }
		</style>
	</head>
	<body class="loggedin">
		
		
		
		<nav class="navtop navbar navbar-dark bg-dark navbar navbar-expand-lg">
  <a class="navbar-brand" href="#">Home</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="payslip.php"><i class="fas fa-user-circle"></i>Payslip</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="logout.php"><i class="fas fa-sign-out-alt"></i>Logout</a>
      </li>
    </ul>
		
		
		
		
		
		
		
		
		
		
		
		
		<!-- <div class="form-group">-->
		<!--<nav class="navtop navbar navbar-dark bg-dark">-->
			<!--<div>-->
		<!--		<h1>OSCOTECH PAYSLIP</h1>-->
  <!--      <a href="guide.php"><i class="fas fa-user-guide"></i>Guide</a>-->
		<!--		<a href="payslip.php"><i class="fas fa-user-circle"></i>Payslip</a>-->
		<!--		<a href="logout.php"><i class="fas fa-sign-out-alt"></i>Logout</a>-->
			<!--</div>-->
		<!--</nav>-->
		<!--</div>-->
		
		
		<!--</div>-->
		
		
		 <div class="form-group">
		<!--<div class="content">-->
			<h2>Home Page</h2>
			<p>Welcome back, <?php echo $_SESSION['name']; ?>!
			
			<hr style="border:inset solid black">
			
			
			<div class="row" style="padding:0;margin:0; ">
			    
			    <div class="col-md-5" style="padding:0;margin:0; height:100%;width:100%">
			        
			      <img src="images/homeimage.PNG" class="img-responsive">
			    </div>
			    
			    <div class="col-md-7" style="display:flex;align-items:center;">
			        <form method="post" action="printpdf.php" >
			            
			            <label>Staff ID:</label>
			            <input type="text" name="staffid" value="<?php echo $_SESSION['staffid']?>" class="form-control" readonly><br/>
			            
			             <label>Date:</label>
        	            <input type="date" name="date" class="form-control"><br/>
			            <input type="submit" name="submit" class="form-control btn btn-primary btn-sm" value="View pay slip">
			        </form>
			        
			
		    	<!--</div> -->
		    	</div>
		    	
		    </div>
		    
		  </div>  
		  </div>
</nav>  
		   </body>
		   
		  </html>
