<!DOCTYPE html>
<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="">

<?php
if(session_status() == PHP_SESSION_NONE)
{
  session_start();
}
?>

<!-- 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">
          <div class="pull-right">
          </div>
        </div>
      </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="sellitems.php">SELL ITEMS</a></li>
            <li class=""><a href="product.php">BROWSE</a></li>
            <li class=""><a href="userP.php">PROFILE</a></li>
            <li class="">
            <?php
              if(isset($_SESSION['byrID']))
              {
                echo '<a href="logoutPro.php"><span class="btn btn-large btn-success">LOGOUT</span></a>';
              }
              else
              {
                echo '<a href="login.php"><span class="btn btn-large btn-success">LOGIN</span></a>';
              }
            ?>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Header End====================================================================== -->
  <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"> Unique items in your cart : <?php if(isset($_SESSION["cart_item"])){echo count($_SESSION["cart_item"]);}else{echo '0';}  ?> </span></a></div>
          <ul id="sideManu" class="nav nav-tabs nav-stacked">
            <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>
        <!-- Sidebar end=============================================== -->
        <div class="span9">
          <ul class="breadcrumb">
            <li><a href="index.html">Home</a> <span class="divider">/</span></li>
            <li class="active">Sell Items</li>
          </ul>
          <h3> Sell Items</h3>
          <div class="well">
            <form class="form-horizontal" method="post" action="sellitemsPro.php" enctype="multipart/form-data">
              <h4>Items Information</h4>

              <div class="control-group">
                <label class="control-label" for="inputIname">Items name <sup>*</sup></label>
                <div class="controls">
                  <input type="text" name="iname" placeholder="Item Name" required>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="inputSize">Item Condition<sup>*</sup></label>
                <div class="controls">
                  <select name="size" required>
                      <option>Choose</option>
                      <option >New</option>
                      <option >Used</option>
                    </select>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="inputCategory">Category <sup>*</sup></label>
                <div class="controls">
                  <select name="category" required>
                      <option>Choose</option>
                      <option >Electronics</option>
                      <option >Clothes</option>
                      <option>Video Gaming</option>
                      <option>Sports</option>
                      <option>Books And Stationery</option>
                    </select>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="inputSCategory">Sub Category <sup>*</sup></label>
                <div class="controls">
                  <select name="scategory" required>
                    <option>Choose</option>
                    <option>Cameras</option>
                    <option>Computers</option>
                    <option>Mobile Phone</option>
                    <option>Sound & Vision</option>
                    <option>Womens Clothing</option>
                    <option>Womens Shoes</option>
                    <option>Womens Hand Bags</option>
                    <option>Mens Clothing</option>
                    <option>Mens Shoes</option>
                    <option>Kids Clothing</option>
                    <option>Kids Shoes</option>
                    <option>Video Games</option>
                    <option>Video Games Console</option>
                    <option>Gaming Acessories</option>
                    <option>Athletics & Sports Clothing</option>
                    <option>Bicycle</option>
                    <option>Scooter & Skateboard</option>
                    <option>Stationery</option>
                    <option>Books</option>
                    <option>Comic & Manga</option>
                  </select>
                </div>
              </div>

              <div class="control-group">
                <label class="control-label" for="inputPrice">Price <sup>*</sup></label>
                <div class="controls">
                  <input type="text" name="price" placeholder="eg :260" required>
                </div>
              </div>
              <div class="control-group">

                <label class="control-label" for="inputInfo">Description <sup>*</sup></label>
                <div class="controls">
                  <textarea rows="4" cols="50" name="info" placeholder="Items information" required></textarea>
                </div>
              </div>
              &nbsp&nbsp&nbsp &nbspSelect image to upload:
              &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input multiple="" type="file" name="image" id="fileToUpload" required>

              <div class="control-group">
                <div class="controls">
                  <br><input class="btn btn-large btn-success" type="submit" value="Submit" /></br>
                </div>
                <div class="alert alert-block alert-error fade in">
                  <strong>*Please fill all form*</strong><br>
                </div>
              </div>
          </div>
</form>
        </div>
      </div>
    </div>
  </div>
  <!-- MainBody End ============================= -->
  <!-- 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>
      <p class="pull-right">&copy; Buy And Sell</p>
    </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>
