<!-- edit categories brand -->
<div class="modal fade" id="editCategoriesModal" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
    	
    	<form class="form-horizontal" id="editCategoriesForm" action="php_action/editTermStaff.php" method="POST">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title"><i class="fa fa-edit"></i> Edit Staff Details</h4>
	      </div>
	      
		  <div class="modal-body" style="max-height:450px; overflow:auto;">

	      	<div id="edit-categories-messages"></div>
			
		
					
					 <div class="form-group">
	        	<label for="brandName" class="col-sm-3 control-label">Staff: </label>
				    <div class="col-sm-9">
					
				       <select class="form-control" name="editStaff" id="editStaff" autocomplete="off">
			  						<option value="">~~SELECT~~</option>
			  						<?php
			  							$productSql1 = "SELECT * FROM staff where status_id=1";
			  							$productData1 = $conn->query($productSql1);
			  							while($row1 = $productData1->fetch_array()){									 		
			  								echo "<option value='".$row1['staff_id']."'>".$row1['firstname']." ".$row1['lastname']."</option>";
										 	} // /while 

			  						?>
		  						</select>
					  
					  
				    </div>
	        </div> <!-- /form-group-->	
			
			
			
			<div class="form-group">
	        	<label for="brandName" class="col-sm-3 control-label">Termination Date: </label>
				    <div class="col-sm-9">
					
				   <input type="text" class="form-control" id="editTermDate" placeholder="Termination Date" name="editTermDate" autocomplete="off">    
					  
				    </div>
	        </div> <!-- /form-group-->	
			
			<div class="form-group">
	        	<label for="brandName" class="col-sm-3 control-label">Remarks: </label>
				    <div class="col-sm-9">
				<textarea id="editRemarks" rows="10" cols="50" name="editRemarks" class="form-control" style="margin-left:0%;" autocomplete="off"> </textarea>
				    
					  
				    </div>
	        </div> <!-- /form-group-->	
					
		 	
			
			
	      </div> <!-- /modal-body -->
	      
	      <div class="modal-footer editCategoriesFooter">
	        <button type="button" class="btn btn-default" data-dismiss="modal"> <i class="glyphicon glyphicon-remove-sign"></i> Close</button>
	        
	        <button type="submit" class="btn btn-success" id="editCategoriesBtn" data-loading-text="Loading..." autocomplete="off"> <i class="glyphicon glyphicon-ok-sign"></i> Save Changes</button>
	      </div>
	      <!-- /modal-footer -->
     	</form>
	     <!-- /.form -->
    </div>
    <!-- /modal-content -->
  </div>
  <!-- /modal-dailog -->
</div>
<!-- /categories brand -->