<?php 
	$this->load->view("partial/header"); 

	$access_data    = $this->session->userdata('access_data');
	$access_add     = (int)$access_data[$controller_name]['access_add'];
	$access_update  = (int)$access_data[$controller_name]['access_update'];
	$access_delete  = (int)$access_data[$controller_name]['access_delete'];
	$access_search  = (int)$access_data[$controller_name]['access_search']; 
	$access_export  = (int)$access_data[$controller_name]['access_export'];
	$access_import  = (int)$access_data[$controller_name]['access_import'];
	
	$page_name      = ucwords(str_replace("_"," ",$controller_name));
	$uniqueId       = "prime_".$controller_name."_id";
?>
<div id="table_holder">
    <div class='col-md-12'style='margin:15px 0px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);padding:15px 0px;'>
		<?php  echo  form_open("$controller_name/pt_save",array("id"=>"pt_save","class"=>"form-inline")); ?>
			<div class="form-group">
				<?php
					echo form_label("Location", 'location', array('class' => 'required'));
					echo form_dropdown(array("name" =>'location',"id" =>'location',"class" =>'form-control input-sm'),$location);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Process Month", 'process_month', array('class' => 'required'));
					echo form_input(array('name' => 'process_month','id' => 'process_month','class' => 'form-control input-sm datepicker','value'=>'')); 
				?>
			</div>
			<div class="form-group">	
				<?php
					$report_model = array(""=>"---- Select Report Type ----","1"=>"Detail report","2"=>"Statutory Report");
					echo form_label("Search By", 'report_model', array('class' => 'required'));
					echo form_dropdown(array("name" =>'report_model',"id" =>'report_model',"class" =>'form-control input-sm'),$report_model);
				?>
			</div>
			<div class="form-group">
				<button class='btn btn-primary btn-sm' id="pt_btn">Submit</button>
			</div>
			<?php  echo form_close(); ?>
			<div style="margin:20px !important; padding:15px;background-color: #f2f2f2;" id="rslt_info">
				<table class="table table-hover" id="pdf_tbl">
					<thead>
						<tr>
						<th>Process Month</th>
						<th>Location</th>
						<th>Option</th>
					</tr>
					</thead>
					<tbody id="pdf_files">
					</tbody>
				</table>
			</div>
			<div id="loader" style="display:none;"></div>
			<div class="modal" id="myModal">
			  <div class="modal-dialog">
			    <div class="modal-content">
			      <div class="modal-header">
			        <h4 class="modal-title">Payslip Details</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>
	</div>
</div>


<script type="text/javascript">
    $(document).ready(function (){
		//Date Picker
		$(function () {
			$(".datepicker").datetimepicker({
				format: 'MM-YYYY',
				//debug: true
			});
		});
		
		// Select Call
		$(function(){
			$('.select2').select2({
				placeholder: '---- Select ----',
			});
			$('.select2-tags').select2({
				tags: true,
				tokenSeparators: [',']
			});
		});
		
		$('#pt_save').validate($.extend({
		submitHandler: function (form){
			var location_name      = $('#location option:selected').text();
			$("#pt_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#pt_btn').attr('disabled','disabled');
			$('#pdf_tbl').DataTable();
			$('#pdf_files').empty();
			var key     = '<?php echo $key; ?>';
			var data    = {location_name:location_name};
			var encData = encrypt(key,data);
			$.ajax({
				type: "POST",
				url: '<?php echo site_url($controller_name . "/pt_save"); ?>',
				data:encData,				
				contentType: 'text/plain',
				success: function (response){
					$("#loader").css("display", "none");
					$('#pt_btn').attr('disabled',false);
					$("#pt_btn").html("Submit");
					if(response.success == false){
						toastr.error(response.msg);
						$('#pt_save')[0].reset();
					}else{
						if(response.folder){
						$('#rslt_info').show();
						// trline = "<tr><td>"+response.process_month+"</td><td>"+location_name+"</td><td><a href="+response.folder+" target='_blank'>View</a></td></tr>";
						trline = "<tr><td>"+response.process_month+"</td><td>"+location_name+"</td><td><a onclick=pdf_viewer('"+response.folder+"') target='_blank'>View</a></td></tr>";
						$('#pdf_tbl').DataTable().row.add($(trline)).draw();
						$('#pdf_tbl').DataTable().row.add($(trline)).clear();
						}
					}
				},
				dataType: 'json'
			});	
		},
		rules:{
			process_month: "required",
			location: "required",
			report_model: "required",
		}
	}));
	$('#rslt_info').hide();
		
    });
    function pdf_viewer(url){
		PDFObject.embed(url, "#example1");
		$("#myModal").modal("show");
	}
</script>
<style>
	.pull-right.search {
		display: none !important;
	}
	.columns.columns-right.btn-group.pull-right {
		display: none !important;
	}
	<?php 
		if($access_search === 1){
			echo ".pull-right.search { display: block !important; }";
		}
		if($access_export === 1){
			echo ".columns.columns-right.btn-group.pull-right{display: block !important;}";
		}
	?>
	.pdfobject-container { 
		height: 70rem; border: 1rem solid rgba(0,0,0,.1); 
	}
</style>
<?php $this->load->view("partial/footer"); ?>