<?php 
	$this->load->view("partial/header"); 
?>	
<div class='row title_content'>
	<div class='col-md-2 col-xs-4'>
		<h1 class='page_txt'>PF Challan Report</h1>
	</div>
</div>
<div class="form-inline">
	<fieldset>
	<div class="col-md-2">
		<?php
			echo form_label("PF Month", 'pf_month', array('class' => 'required'));
			echo form_input( array('name'=>'pf_month', 'id'=>'pf_month','class' => 'form-control input-sm datepicker', 'value'=>''))."<br/>";
		?>		
	</div>
	
	<div class="form-group" style='margin-top: 30px;'>
		<button class='btn btn-primary btn-sm' id="generate_challan">Generate Challan</button>
		<button class='btn btn-sm btn-success'  id="download_challan"><span class='fa fa-download'>&nbsp;</span> <a id="down_path" download >Download</a></button>
	</div>
	<fieldset>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$(function () {
		$(".datepicker").datetimepicker({
			format: 'MM-YYYY',
		});
	});
	
	$('#download_challan').hide();
	$("#generate_challan").click(function(event){
		var pf_month   = $('#pf_month').val();
		$.ajax({
			type: "POST",
			url: '<?php echo site_url("pf_challan_report/generate_challan"); ?>',
			data: {pf_month:pf_month},
			success: function(data){
				var rslt = JSON.parse(data);
				if(rslt.success){
					toastr.success(rslt.message);
					$('#download_challan').show();
					var file_name = rslt.file_name;
					var url = "<?php echo base_url('/pf_challan/'); ?>"+file_name;
					$("a#down_path").attr("href", url);
				}else{
					toastr.error(rslt.message);
					$('#pf_month').val("");
				}
			},
		});
	});
	
	$("#down_path").click(function(event){
		$('#download_challan').hide();
	});
});
</script>
<style>
.textcolor{
	color: blue;
}
a#down_path{
	text-decoration: none;
	color: black;
}
</style>
<?php $this->load->view("partial/footer"); ?>