<?php 
include_once 'includes/processes.php';
$Process = new Login_Process;
$Process->check_status($_SERVER['SCRIPT_NAME']);
$addItem = $Process->addItem($_POST,$_POST['add-item']);
$updateItem = $Process->updateItem($_POST,$_POST['update-item']);
$deleteStoreItem = $Process->deleteStoreItem($_POST,$_POST['delete-item']);
?>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <title>IT Store - APL Portal</title>

  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">

  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700">
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,300,700">
  <link rel="stylesheet" href="./css/font-awesome.min.css">
  <link rel="stylesheet" href="./js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css">
  <link rel="stylesheet" href="./css/bootstrap.min.css">

  <!-- Plugin CSS -->
  <link rel="stylesheet" href="./js/plugins/magnific/magnific-popup.css">

  <!-- App CSS -->
  <link rel="stylesheet" href="./css/target-admin.css">
  <link rel="stylesheet" href="./css/custom.css">


  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  <![endif]-->
</head>

<body>

<?php include'includes/header.php'; ?>

<div class="container">

  <div class="content">

    <div class="content-container">

      

      <div class="content-header">
        <h2 class="content-header-title">IT Store</h2>
        <ol class="breadcrumb">
          <li><a href="./">Home</a></li>
          <li class="active">IT Store</li>
        </ol>
      </div> <!-- /.content-header -->

      

      <div class="row">
		 
        <div class="col-md-12">
		
		<?php echo $addItem; ?>
		<?php echo $updateItem; ?>
		<?php echo $deleteStoreItem; ?>
		
		 <div class="portlet">

            <div class="portlet-header">

              <h3>
                <i class="fa fa-ticket"></i>
                Item List
              </h3>
			  
			   <ul class="portlet-tools pull-right">
                <li>
                  <a data-toggle="modal" href="#itemModal" class="btn btn-sm btn-default">
                    New Item
                  </a>
                </li>
              </ul>

            </div> <!-- /.portlet-header -->

            <div class="portlet-content">           

				<?php $Process->getItems(); ?>
				
            </div> <!-- /.portlet-content -->

          </div> <!-- /.portlet -->

		  
        </div> <!-- /.col -->

      </div> <!-- /.row -->



      




    </div> <!-- /.content-container -->
      
  </div> <!-- /.content -->

</div> <!-- /.container -->
	<?php include"includes/footer.php"; ?>
	
	

   <div id="itemModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 class="modal-title"><i class="fa fa-ticket"></i> New Item</h3>
      </div>
	  <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
		<div class="modal-body">
			<div class="row">
				<div class="col-sm-12">
					<div class="form-group col-sm-12">
						<label for="reason">Item Name</label>
						<input type="text" id="item-name" name="item-name" placeholder="Item Name" class="form-control" required />
					</div>
					</div> <!-- /.col -->
				<div class="col-sm-6">
					<div class="form-group col-sm-12">
						<label for="reason">Re-order Level</label>
						<input type="number" id="reorder-level" name="reorder-level" placeholder="Item Name" class="form-control" required />
					</div>
					</div> <!-- /.col -->
				<div class="col-sm-6">
					<div class="form-group col-sm-12">
						<label for="reason">Measurement Unit</label>
						<input type="text" id="unit-measure" name="unit-measure" placeholder="Unit Measure" class="form-control" required />
					</div>
					</div> <!-- /.col -->
			</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			<button type="submit" name="add-item" class="btn btn-primary">Add Item</button>
		</div>
		</div>
	  </form>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

   <div id="updateModal" class="modal fade">
  <div class="modal-dialog">
     <div class="modal-content">
		
		 
	</div>
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

	<div id="deleteModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				
			</div>
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

 <script src="./js/libs/jquery-1.10.1.min.js"></script>
  <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
  <script src="./js/libs/bootstrap.min.js"></script>

  <!--[if lt IE 9]>
  <script src="./js/libs/excanvas.compiled.js"></script>
  <![endif]-->
  
  <!-- Plugin JS -->
  <script src="./js/plugins/datatables/jquery.dataTables.min.js"></script>
  <script src="./js/plugins/datatables/DT_bootstrap.js"></script>
  <script src="./js/plugins/tableCheckable/jquery.tableCheckable.js"></script>
  <script src="./js/plugins/icheck/jquery.icheck.min.js"></script>

  <!-- App JS -->
  <script src="./js/target-admin.js"></script>

  
  <script>
function EditQuantity(divID){
     document.getElementById(divID).setAttribute("contenteditable", "true"); 
}


$(document).on("hidden.bs.modal", function (e) {
    $(e.target).removeData("bs.modal").find(".modal-content").empty();
	});
</script>
  
</body>
</html>
