/home/mip/public_html_/old_mip/apply_online_document.php
<?php
require_once( "func-all.php"); 
do_header(); 
$documents = getdata("select * from web_doc_library where applicant_id='$applicant_id'");
$docs = getdata("select * from doc_type where 1 order by name asc");
?>

<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 Documents</h3>
<div class="pull-right"><a href="javascript:void(0)" id="adddocument" class="btn btn-warning btn-sm">Add Document File</a></div>
<table class="table table-striped">
	<thead>
		<th>#</th>
		<th>Document Name</th>
		<th>Document Type</th>
		<th>File Attach</th>
		<th>Action</th>
	</thead>
	<tbody>
	    <?php if(isset($documents)) { ?>
		<?php foreach ($documents as $key => $document) { ?>
		<tr>
			<td><?php echo $key; ?></td>
			<td><?php echo $document['doc_name']; ?></td>
			<td><?php echo getname($document['type_id'],"doc_type","type_id"); ?></td>
			<td><a href="uploads/documents/<?php echo $applicant_id.'/'.$document['doc_file']; ?>" target="_blank"><?php echo $document['doc_file']; ?></a></td>
			<td>
				<a href="javascript:void(0)" onclick="editdocument(<?php echo $document['id']; ?>)" class="btn btn-success btn-xs">Edit</a>
				<a href="sqldelete.php?what=web_doc_library&id=<?php echo $document['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="apply_online_finish.php?applicant_id=<?php echo $applicant_id; ?>" id="thirdnext" class="btn btn-warning btn-sm">Finish Application</a></div>
</div>
</div>
</div>
<div class="modal fade bs-example-modal-md" id="documentModal" 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_document" method="post" id="myForm" enctype="multipart/form-data">
			<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 Document File</h4>
			</div>
			<div class="modal-body">
				<div class="form-group" id="doc_nameField">
					<label class="formlabel">Document Name <span style="color:#d9534f; font-size:16px !important">*</span></label>
					<input type="text" name="doc_name" id="doc_name" class="form-control" />
					<small id="doc_nameInput"></small>
				</div>
				<div class="form-group" id="type_idField">
				    <label class="formlabel">Document Type <span style="color:#d9534f; font-size:16px !important">*</span></label>
				    <select class="form-control" name="type_id" id="type_id">
				    	<option value="">--</option>
				    	<?php echo selectcode($docs,"","type_id","name"); ?>
				    </select>
				    <small id="type_idInput"></small>
				</div>
				<div class="form-group" id="doc_fileField">
					<label class="formlabel">Document File <span style="color:#d9534f; font-size:16px !important">*</span></label>
					<input type="file" name="doc_file" id="doc_file" />
					<small id="doc_fileInput"></small>
					<div id="divfile"></div>
				</div>
			</div>
			<div class="modal-footer">
				<input type="hidden" name="applicant_id" id="applicant_id" value="<?php echo $applicant_id; ?>" />
				<input type="hidden" name="doc_filex" id="doc_filex" />
				<button type="submit" class="btn btn-warning btn-sm" id="adddocumentbtn">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"});

	$('#adddocument').click(function() {
		$('#documentModal').modal();
	});
	$('#adddocumentbtn').click(function() {
		if($('#doc_name').val()==''){
			$('#doc_nameField').addClass('has-error');
			$('#doc_nameField').css('color', '#d9534f');
			$('#doc_nameInput').html('Document Name field is required');
			$('#doc_name').focus();
			return false;
		} else if($('#type_id').val()==''){
			$('#type_idField').addClass('has-error');
			$('#type_idField').css('color', '#d9534f');
			$('#type_idInput').html('Document Type field is required');
			$('#type_id').focus();
			return false;
		} else if($('#doc_file').val()=='' && $('#doc_filex').val()==''){
			$('#doc_fileField').addClass('has-error');
			$('#doc_fileField').css('color', '#d9534f');
			$('#doc_fileInput').html('Document File field is required');
			$('#doc_file').focus();
			return false;
		} else {
			$('#adddocumentbtn').html('Processing..');
			$('#adddocumentbtn').attr('disabled', true);
			$('#myForm').submit();
		}
	});
});
function editdocument(id){
	$('#documentModal').modal();
	$.ajax({
		url: 'sqloption.php?what=document',
		type: 'POST',
		data: {
			id: id
		},
		dataType: "json",
		success: function(result){
			$('#doc_name').val(result.doc_name);
			$('#type_id').val(result.type_id);
			if(result.doc_file){
				$('#doc_file').hide();
				$('#divfile').html('<a href="uploads/documents/'+result.applicant_id+'/'+result.doc_file+'" target="_blank">'+result.doc_file+'</a><div class="pull-right"><a href="javascript:void(0)" onclick="removefile('+result.id+')" class="btn btn-danger btn-xs">Remove File</a></div>');
			}
			$('#doc_filex').val(result.doc_file);
			$('#myForm').attr('action', 'sqlupdate.php?what=web_document&id='+result.id);
		}
	});
	
}

function removefile(id)
{
	if(confirm('Are you sure you want to delete the file?')){
		$.ajax({
			url: 'sqldelete.php?what=removefile',
			type: 'POST',
			data: {
				id: id
			},
			success: function(result){
				$('#doc_file').show();
				$('#divfile').hide();
				$('#doc_filex').val('');
			}
		});
	}
	return false;
	
}
</script>
<?php
do_employerlogin();
do_footer(); 
?>