<?php 
  if (!isset($_SESSION['username'])) {
    $_SESSION['msg'] = "To access this page, Login is required";
    header('location: login.php');
  }  ?>
<!DOCTYPE>
<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;
}

.top-aa {float: left; font-size: x-small;color:#848482; width: 100%; padding: 10px; margin-bottom: 1%;}

.col-release {  float: left;  width:100%; background: whitesmoke;  padding: 0px;  }

.col-release-a {  float: left;  width:50%; background: white;  padding: 15px;  }

.col-release-b {  float: left;  width:50%;background: whitesmoke;  padding: 10px;   }

.release{ float: left; width: 100%; background: white;  padding: 15px;   border-bottom: 2px solid #848482 ;}


.product-image { float: left; width: 50%; height: 3em; margin: auto; }


td {  padding:4px;border-bottom: 1px solid #ddd !important; font-size: xx-small; }

th {  padding:10px;border: 1px solid #ddd !important; background:#7CB9E8; color: white; opacity: .8;text-align: left;  font-size: x-small;
 border-spacing: 1;}

table { margin: auto; border-spacing: 1; width:100%;  overflow-x: auto;  background: white;}
.table { width: 100%; overflow-x: auto; height: 70%;  scrollbar-width: thin; padding: 5px;}

.no-results{float: left; margin-left: 5%; color: red; font-size: small;}


input[type=search-products], select{ width: 100%;  padding: 8px;  border: 1px solid #ccc;  border-radius: 5px; background: white;  margin: auto; color: #7CB9E8;margin-top: 0%; font-weight: bold; font-size: x-small; }

input[type=search]:focus {  border:none; padding: 7px; }
/* Clear floats after the col-releases */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .table {height: 90%; }
  .col-release {  width: 100%;  padding: 0px;  }
  .col-release-b { padding:5px; }

 .col-release-a,  .col-release-b {float: left; width: 100%;}
 }
</style>
</head>
<body>


<div class="row">


<div class="top-aa">
<a href="index.php" style="color: black; text-decoration: none; font-weight: bold;">Home </a>
<a>// Release Products</a>
</div>

  <div class="col-release">
    <nav class="col-release-a">

<form method="post" > <?php include 'release-search.php'; ?> </form>

<?php include "cart-1.php"; ?>

</nav>

     <nav class="col-release-b">
<nav class="release">
   <?php include "cart-2.php"; ?>
</nav>
</nav>

</div>

</div>

</body>
</html>
