<?php 
include_once 'includes/processes.php'; 
$Process = new Login_Process;
$pageLink = basename($_SERVER['REQUEST_URI']);
$Process->check_status($pageLink);
$addStation = $Process->addStation($_POST,$_POST['add-station']);
?>
<!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>Manage Stations - 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">Manage Stations</h2>
        <ol class="breadcrumb">
          <li><a href="./">Home</a></li>
          <li class="active">Manage Stations</li>
        </ol>
      </div> <!-- /.content-header -->

      

      <div class="row">
		 
        <div class="col-md-12">
			<?php echo $addStation; ?>
		</div>
		
        <div class="col-md-6">
		
		<div class="portlet">
            <div class="portlet-header">

              <h3>
                <i class="fa fa-ticket"></i>
                Manage Stations
              </h3>
			  
			   <ul class="portlet-tools pull-right">
                <li>
                 <a data-toggle="modal" href="#newStationModal" class="btn btn-sm btn-default">
                    New Station
                  </a>
                </li>
              </ul>

            </div> <!-- /.portlet-header -->
			<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
            <div class="portlet-content"> 				
				<div class="form-group col-sm-12">
					<label for="reason">Station</label>
					<input type="text" id="reason" name="station-name" class="form-control" required />
				</div>	
            </div> <!-- /.portlet-content -->			
			<div class="portlet-footer">
				<button type="submit" name="add-station" class="btn btn-primary">Add Station</button>
            </div>			
			</form>
        </div> <!-- /.portlet -->

		  
        </div> <!-- /.col -->
		 
        <div class="col-md-6">
		
		 <div class="portlet">

            <div class="portlet-header">

              <h3>
                <i class="fa fa-ticket"></i>
                Manage Stations
              </h3>

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

            <div class="portlet-content">           
				<?php $Process->getStations(); ?>
            </div> <!-- /.portlet-content -->

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

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

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



      




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

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

   <div id="newStationModal" 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 Station</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">Station</label>
						<input type="text" id="reason" name="station-name" class="form-control">
					</div>
				</div> <!-- /.col -->
			</div>
			</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
		</div>
	  </form>
    </div><!-- /.modal-content -->
  </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 addItem(divName){
     var newdiv = document.createElement('div');
	
     newdiv.innerHTML = "<div class='col-sm-4'>"+
					"<div class='form-group col-sm-12'>"+
						"<label for='item_desc'>Item Description</label>"+
						"<input type='text' id='item_desc' name='item_desc[]' class='form-control'>"+
					"</div>"+
				"</div>"+
				"<div class='col-sm-4'>"+
					"<div class='form-group col-sm-12'>"+
						"<label for='item_qty'>Item quantity</label>"+
						"<input type='number' id='item_qty' name='item_qty[]' class='form-control'>"+
					"</div>"+				
				"</div>"+
				"<div class='col-sm-4'>"+
					"<div class='form-group col-sm-12'>"+
						"<label for='item_remark'>Remarks</label>"+
						"<input type='text' id='item_remark' name='item_remark[]' class='form-control'>"+
					"</div>"+				
				"</div>";
     document.getElementById(divName).appendChild(newdiv);

}

function removeDesignation(sourceid) {
	var elementid = document.getElementById(sourceid);
	//counter--;
	elementid.remove();
}
</script>
  
</body>
</html>
