<!DOCTYPE html>
<?php
require_once('../fyp_draft/mysqli_con.php');
 ?>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Buy And Sell</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">


  <!-- Bootstrap style -->
  <link id="callCss" rel="stylesheet" href="themes/bootshop/bootstrap.min.css" media="screen"/>
  <link href="themes/css/base.css" rel="stylesheet" media="screen"/>
  <!-- Bootstrap style responsive -->
  <link href="themes/css/bootstrap-responsive.min.css" rel="stylesheet"/>
  <link href="themes/css/font-awesome.css" rel="stylesheet" type="text/css">
  <!-- Google-code-prettify -->
  <link href="themes/js/google-code-prettify/prettify.css" rel="stylesheet"/>
  <!-- fav and touch icons -->
  <link rel="shortcut icon" href="themes/images/ico/favicon.ico">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="themes/images/ico/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="themes/images/ico/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="themes/images/ico/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="themes/images/ico/apple-touch-icon-57-precomposed.png">
  <style type="text/css" id="enject"></style>
</head>
<body>
  <div id="header">
    <div class="container">
      <div id="welcomeLine" class="row">
        <div class="span6"><strong></strong></div>


      <!-- Navbar ================================================== -->
      <div id="logoArea" class="navbar">
        <a id="smallScreen" data-target="#topMenu" data-toggle="collapse" class="btn btn-navbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <div class="navbar-inner">
          <a class="brand" href="home.php"><img style="width:100px;height:50px;" src="themes/images/buyandsell.png" alt="BuyAndSell"/></a>
          <form class="form-inline navbar-search" method="post" action="products.html" >
            <input id="srchFld" class="srchTxt" type="text" />
            <select class="srchTxt">
              <option>Category</option>
              <option>Cameras </option>
              <option>Computers</option>
              <option>Women's Clothing</option>
              <option>Women's Shoes</option>
              <option>Men's Clothings</option>
              <option>Men's Shoes</option>
              <option>Stationery</option>
              <option>Books</option>
            </select>
            <button type="submit" id="submitButton" class="btn btn-primary">Go</button>
          </form>
          <ul id="topMenu" class="nav pull-right">

            <li class=""><a href="../fyp_draft/products.html">Products</a></li>
            <li class=""><a href="../fyp_draft/login.html">Login</a></li>

          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--======================== Header End============================================== -->
  <div id="carouselBlk">
    <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <div class="container">
            <a href="products.html"><img style="width:100%" src="themes/images/carousel/5.png" alt="special offers"/></a>
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p></p>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="container">
            <a href="products.html"><img style="width:100%" src="themes/images/carousel/2.png" alt=""/></a>
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p></p>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="container">
            <a href="products.html"><img src="themes/images/carousel/3.png" alt=""/></a>
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p></p>
            </div>

          </div>
        </div>
        <div class="item">
          <div class="container">
            <a href="products.html"><img src="themes/images/carousel/4.png" alt=""/></a>
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p></p>
            </div>

          </div>
        </div>
        <div class="item">
          <div class="container">
            <a href="products.html"><img src="themes/images/carousel/5.png" alt=""/></a>
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p></p>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="container">
            <a href="products.html"><img src="themes/images/carousel/6.png" alt=""/></a>
            <div class="carousel-caption">
              <h4>Second Thumbnail label</h4>
              <p></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
  </div>
  <div id="mainBody">
    <div class="container">
      <div class="row">
        <!-- Sidebar ================================================== -->
        <div id="sidebar" class="span3">
          <div class="well well-small"><a id="myCart" href="product_summary.html"><img src="themes/images/ico-cart.png" alt="cart"> Items in your cart</span></a></div>
          <ul id="sideManu" class="nav nav-tabs nav-stacked">
            <li class="subMenu open"><a> ELECTRONICS</a>
              <ul>
                <li><a class="active" href="camera.php"><i class="icon-chevron-right"></i>Cameras </a></li>
                <li><a href="computers.php"><i class="icon-chevron-right"></i>Computers</a></li>
                <li><a href="mobile.php"><i class="icon-chevron-right"></i>Mobile Phone</a></li>
              </ul>
            </li>
            <li class="subMenu"><a> CLOTHES</a>
              <ul style="display:none">
                <li><a href="wCloth.php"><i class="icon-chevron-right"></i>Women's Clothing </a></li>
                <li><a href="wShoes.php"><i class="icon-chevron-right"></i>Women's Shoes </a></li>
                <li><a href="mCloth.php"><i class="icon-chevron-right"></i>Men's Clothings </a></li>
                <li><a href="mShoes.php"><i class="icon-chevron-right"></i>Men's Shoes</a></li>
              </ul>
            </li>
            <li class="subMenu"><a>BOOKS AND STATIONERY </a>
              <ul style="display:none">
                <li><a href="stationery.php"><i class="icon-chevron-right"></i>Stationery</a></li>
                <li><a href="books.php"><i class="icon-chevron-right"></i>Books</a></li>
              </ul>
            </li>
          </ul>
          <br/>
          <div class="thumbnail">
            <img src="themes/images/products/panasonic.jpg" alt="Bootshop panasonoc New camera"/>
            <div class="caption">
              <h5>Panasonic</h5>
              <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">RM999.00</a></h4>
            </div>
          </div><br/>
          <div class="thumbnail">
            <img src="themes/images/products/kindle.png" title="Bootshop New Kindel" alt="Bootshop Kindel">
            <div class="caption">
              <h5>Kindle</h5>
              <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">RM799.00</a></h4>
            </div>
          </div><br/>
        </div>

    <h4>Camera </h4>
    <ul class="thumbnails">
      <!-- sini -->
      <?php
      $loop = 1;
      $query = "SELECT * FROM items WHERE sub_category = 'Cameras'";
      $result = mysqli_query($conn, $query);
      while($loop <= 3)
      {

            $row = mysqli_fetch_array($result, MYSQLI_ASSOC );
            $loop++;
      {
      ?>
      <li class="span3">
        <div class="thumbnail">
          <a>
          <?php
          echo '<img style="width:200px;height:200px;" src="data:image/jpeg;base64,' .base64_encode( $row['image'] ).'"/>';
           ?></a>
          <div class="caption">
<?php
              echo "<h5>".$row['items_name']."</h5>";
              echo "<p>Buy Me!</p>";
            ?>

            <h4 style="text-align:center">

              <!-- //use HTTP GET to pass value of items_id to product details page. !-->
              <a class="btn" href="product_details.php?temp=<?php echo $row['items_id']; ?>">
                <i class="icon-zoom-in"></i></a>
                <a class="btn" href="">Add to <i class="icon-shopping-cart"></i></a>
                <a class="btn btn-primary" href=""><?php echo "RM ".$row['price']?></a>
              </h4>
            </div>
          </div>
        </li>
      <?php }} ?>
        <!-- sini -->


      </ul>

    </div>
  </div>
</div>
</div>
<!-- Footer ================================================================== -->
<div  id="footerSection">
  <div class="container">
    <div class="row">
      <div class="span3">
        <h5>ACCOUNT</h5>
        <a href="register.html">REGISTRATION</a>
        <a href="login.html">LOG IN</a>
      </div>
      <div class="span3">
        <h5>INFORMATION</h5>
        <a href="contact.html">CONTACT</a>
        <a href="legal_notice.html">LEGAL NOTICE</a>
        <a href="tac.html">TERMS AND CONDITIONS</a>
      </div>
      <div id="socialMedia" class="span3 pull-right">
        <h5>Copyright : UniKL MIIT</h5>
        <a class="brand" href="index.html"><img width="6000" height="6000"src="themes/images/products/logoUnikl.png" alt="Bootsshop"/></a>
      </div>
    </div>
  </div>
</div><!-- Container End -->
</div>
<!-- Placed at the end of the document so the pages load faster ============================================= -->
<script src="themes/js/jquery.js" type="text/javascript"></script>
<script src="themes/js/bootstrap.min.js" type="text/javascript"></script>
<script src="themes/js/google-code-prettify/prettify.js"></script>

<script src="themes/js/bootshop.js"></script>
<script src="themes/js/jquery.lightbox-0.5.js"></script>

<span id="themesBtn"></span>
</body>
</html>
