/home/mip/public_html_/old_mip/apply_online_training.php
<?php
require_once( "func-all.php"); 
do_header(); 
$trainings = getdata("select * from web_training where applicant_id='$applicant_id'");
?>

<div class="inner-header">
    
<img src="images/img-inner-header-apply.jpg" class="img-responsive"/>

</div>
<div class="container">
<div class="row">

<div class="col-sm-12">
<h3>Apply Online Training</h3>
<div class="pull-right"><a href="javascript:void(0)" id="addtraining" class="btn btn-warning btn-sm">Add Training</a></div>
<table class="table table-striped">
	<thead>
		<th>#</th>
		<th>Title</th>
		<th>Training Center</th>
		<th>Date</th>
		<th>Remarks</th>
		<th>Action</th>
	</thead>
	<tbody>
	    <?php if(isset($trainings)) { ?>
		<?php foreach ($trainings as $key => $training) { ?>
		<tr>
			<td><?php echo $key; ?></td>
			<td><?php echo $training['title']; ?></td>
			<td><?php echo $training['center']; ?></td>
			<td><?php echo dateformat($training['date']); ?></td>
			<td><?php echo $training['remarks']; ?></td>
			<td>
				<a href="javascript:void(0)" onclick="edittraining(<?php echo $training['training_id']; ?>)" class="btn btn-success btn-xs">Edit</a>
				<a href="sqldelete.php?what=web_training&id=<?php echo $training['training_id']; ?>&applicant_id=<?php echo $applicant_id; ?>" onclick="confirm('Are you sure you want to delete this?');" class="btn btn-danger btn-xs">Remove</a>
			</td>
		</tr>
		<?php } ?>
		<?php } ?>
	</tbody>
</table>
<div class="pull-right"><a href="<?php if(count($trainings)<>0){ ?>apply_online_document.php?applicant_id=<?php echo $applicant_id; } else { echo '#'; } ?>" id="thirdnext" <?php echo (count($trainings)<>0) ? '' : 'disabled=disabled' ?> class="btn btn-warning btn-sm">Move to the Next Stage</a></div>
</div>
</div>
</div>
<div class="modal fade bs-example-modal-md" id="trainingModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	<div class="modal-dialog modal-md modal-z-index">
		<div class="modal-content">
			<form action="sqladd.php?what=web_training" method="post" id="myForm">
			<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" id="myModalLabel">Add Training and Seminar</h4>
			</div>
			<div class="modal-body">
				<div class="form-group" id="titleField">
					<label class="formlabel">Title <span style="color:#d9534f; font-size:16px !important">*</span></label>
					<input type="text" name="title" id="title" class="form-control" />
					<small id="titleInput"></small>
				</div>
				<div class="form-group" id="centerField">
				    <label class="formlabel">Training Center <span style="color:#d9534f; font-size:16px !important">*</span></label>
				    <input type="text" name="center" class="form-control" id="center" />
				    <small id="centerInput"></small>
				</div>
				<div class="form-group">
					<label class="formlabel">Date</label>
					<input type="text" name="date" class="form-control datemask" id="date" />
				</div>
				<div class="form-group">
					<label class="formlabel">Remarks</label>
					<textarea class="form-control" style="height:100px; resize:none" id="remarks" name="remarks"></textarea>
				</div>
			</div>
			<div class="modal-footer">
				<input type="hidden" name="applicant_id" id="applicant_id" value="<?php echo $applicant_id; ?>" />
				<button type="submit" class="btn btn-warning btn-sm" id="addtrainingbtn">Save</button>
			</div>
			</form>
		</div>
	</div>
</div>

<script src="plugins/input-mask/jquery.inputmask.js"></script>
<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$(".datemask").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});

	$('#addtraining').click(function() {
		$('#trainingModal').modal();
	});
	$('#addtrainingbtn').click(function() {
		if($('#title').val()==''){
			$('#titleField').addClass('has-error');
			$('#titleField').css('color', '#d9534f');
			$('#titleInput').html('Title field is required');
			$('#title').focus();
			return false;
		} else if($('#center').val()==''){
			$('#centerField').addClass('has-error');
			$('#centerField').css('color', '#d9534f');
			$('#centerInput').html('Training Center field is required');
			$('#center').focus();
			return false;
		} else {
			$('#addtrainingbtn').html('Processing..');
			$('#addtrainingbtn').attr('disabled', true);
			$('#myForm').submit();
		}
	});
});
function edittraining(id){
	$('#trainingModal').modal();
	$.ajax({
		url: 'sqloption.php?what=training',
		type: 'POST',
		data: {
			id: id
		},
		dataType: "json",
		success: function(result){
			$('#title').val(result.title);
			$('#center').val(result.center);
			$('#date').val(result.date);
			$('#remarks').val(result.remarks);
			$('#myForm').attr('action', 'sqlupdate.php?what=web_training&id='+result.id);
		}
	});
	
}
</script>
<?php
do_employerlogin();
do_footer(); 
?>
Path: home/mip/public_html_/old_mip