<?php 
  if (!isset($_SESSION['username'])) {
    $_SESSION['msg'] = "To access this page, Login is required";
    header('location: login.php');
  }  ?>
<!DOCTYPE  html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, 
initial-scale=1">
<style>

* {  box-sizing: border-box;}
body {  margin: 0;}


#loader {  position: absolute;  left:60%;  top: 50%;  z-index: 1;  width:30px;  height: 30px;  margin: -76px 0 0 -76px;  border-radius: 50%;   border-top: 2px solid #007AA5;  border-right: 1px solid #007AA5; border-left: 1px solid white;
border-bottom: 2px solid white;   -webkit-animation: spin 2s linear infinite;  animation: spin 2s linear infinite;}
#myDiv { display: none; }

@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}

@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}

/* Add animation to "page content" */
.animate-bottom {  position: relative;  -webkit-animation-name: animatebottom;  -webkit-animation-duration: 1s;
  animation-name: animatebottom;  animation-duration: 1s}

@-webkit-keyframes animatebottom {  from { bottom:-100px; opacity:0 }  to { bottom:0px; opacity:1 }}

@keyframes animatebottom {   from{ bottom:-70px; opacity:.3 }  to{ bottom:0; opacity:1 }}

/* Create three equal columns that floats next to each other */

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each 
other instead of next to each other */
@media screen and (max-width:600px) {
  .profile {    width: 100%; margin-left: 0%; }   }
</style>
</head>
<body onload="myFunction()" style="margin:0;">

<div id="loader"></div>

<div style="display:none;" id="myDiv" class="animate-bottom">


<div class="row">
<?php include"manage-products-a.php"; ?>
</div>
</div>

<script>
var myVar;

function myFunction() {
  myVar = setTimeout(showPage, 500);
}

function showPage() {
  document.getElementById("loader").style.display = "none";
  document.getElementById("myDiv").style.display = "block";
}
</script>
</body>
</html>
