<?php 
	$this->load->view("partial/header");
	$page_name      = ucwords(str_replace("_"," ",$controller_name));
?>
<div class='row title_content'>
	<div class='col-md-2 col-xs-4'>
		<h1 class='page_txt'><?php echo $page_name;?></h1>
	</div>
</div>

	<div class='col-md-12 form-inline' style='padding:8px;'>
			<div class="form-group" style='max-height: 50px;!important'>
				<?php
					echo form_label("Search Employee", 'process_emp_code', array('class' => 'required'));
					echo form_input(array('name' =>'process_emp_code','id' =>'process_emp_code','class' => 'form-control input-sm','value'=>'','placeholder'=>"Search by Employee Code")); 
				?>
				<div id='append_div'></div>
			</div>
			<div class="form-group">
				<button class='btn btn-primary btn-sm' id="search">Search</button>
			</div>
	</div>
<div class="row" style='margin: 0px;'>	
	<div class="pdf_rlst" style="margin-left: 21px;margin-bottom: -20px;font-size: 23px;color: #050561;"></div>
	<div class='col-md-12' style='margin:10px;padding:8px;' id="rslt_info">
	</div>

</div>
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Loan Ledger</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <div class="modal-body" id="example1">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<script src="dist/pdfobject.js"></script>
<script type="text/javascript">
$(document).ready(function (){
	$('#process_emp_code').autocomplete({
			source: function(request, response) {
				$.getJSON('<?php echo site_url("$controller_name/emp_suggest");?>',{term:request.term},response);
			},
				minChars:3,
				autoFocus: true,
				delay:10,
				scroll: true,
				appendTo: '#append_div',
				select: function(e, ui) {
					$('#process_emp_code').val(ui.item.value);
					return false;
			}
	});
	
	$("#search").on('click', function(e){
		var process_emp_code  = $('#process_emp_code').val();
		var send_url = '<?php echo site_url("$controller_name/get_loan_details");?>'
		if(process_emp_code){
			$("#search").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#search').attr('disabled','disabled');
			$.ajax({
				type: 'POST',
				url: send_url,
				data:{process_emp_code:process_emp_code},
				success: function(data) {
					var rslt = JSON.parse(data);
					$('#rslt_info').show();
					$("#rslt_info").html(rslt.table_content);
					$('.pdf_rlst').html('<i class="fa fa-file-pdf-o" aria-hidden="true"></i>');
					$('.pdf_rlst').attr('id',process_emp_code);
					$('#search').attr('disabled',false);
					$("#search").html("Search");

				}
			});
		}
	});
	$(".pdf_rlst").click(function(){
		var process_emp_code = $('.pdf_rlst').attr('id');
		var send_url = '<?php echo site_url("$controller_name/get_pdf");?>'
		if(process_emp_code){
			$.ajax({
				type: 'POST',
				url: send_url,
				data:{process_emp_code:process_emp_code},
				success: function(data) {
					var rslt = JSON.parse(data);
					console.log(rslt.table_content);
					var file_path = "<?php echo base_url();?>"+rslt.table_content;
					pdf_viewer(file_path);

				}
			});
		}

	});
});

function pdf_viewer(url){
	PDFObject.embed(url, "#example1");
	$("#myModal").modal("show");
}

</script>
<style>
	.btn-info{
		   background-color: #3498DB !important;
	}
	.pdfobject-container { height: 50rem; border: 1rem solid rgba(0,0,0,.1); }
	.modal-dialog {
	  width: 100% !important;
	  height: 100% !important;
	  margin: 0;
	  padding: 0;
	}
	.modal-content {
	  height: auto;
	  min-height: 100% !important;
	  border-radius: 0;
	}
	.modal .modal-body div {
	    height: 100% !important;
	    overflow-y: auto;
	    width: 100%;
	}
</style>
<?php $this->load->view("partial/footer"); ?>