<?php
session_start();
// if don't have session user..then
if(!isset($_SESSION["staname"])){
    die("<script>alert('Please login first!');
    window.location.href='login.html';
    </script>");

    session_write_close();
}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap" rel="stylesheet">
<title>Staff Page</title>
</head>

<style>
body{
    background-color:#212121;
}
.navbar
{
	position: fixed;
	background: #303030;
	top:0;
	left:0;
	width:100%;
	height:110px;
	padding:10px 100px;
	box-sizing:border-box;
    box-shadow: 0 3px 30px #ade6ff;
}
.navbar ul
{
	float:right;
	margin: 0;
	padding: 0;
	display: flex;
}
.navbar ul li
{
	list-style: none;

}
.navbar ul li a 
{
    line-height: 80px;
    color: #fff;
    padding: 5px 20px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    transition: .5s;
}
.navbar ul li a.active
{
    color: #fff;
    background: #f00;
    text-decoration: none;
}
.navbar ul li a:hover
{
    color: #fff;
    background: #f00;
    text-decoration: none;
}
.wrapper
{
	min-height: 100%;
	padding-top: 115px;
	width: 1150px;
	margin: 0px auto;
}
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30px;
  margin: 4px 2px;
  cursor: pointer;
  width: 100%;
  height: 100px;
  font-family: 'Comic Neue', cursive;
  font-weight: 600;
}
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
</style>



<body>
<div class="navbar">
    <div class="div" style="float:left;">
        <img src="images/logo.png" style="width:100px; height:100px;">
    </div>
    <ul>
      <li><a href='logout.php'>Log Out</a></li>
    </ul>
</div>
<div class="wrapper">
<button class="button" onclick="window.location.href = 'pos.php';" style="margin-top:150px;">POS</button>
<br/>
<button class="button button2"  onclick="window.location.href = 'create1.html';">Create New Item</button>
<br/>
<button class="button button3" onclick="window.location.href = 'view.php';">Edit Item</button>
</div>
</body>

</html>