<?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));
	$prime_id       = "prime_".$controller_name."_id";
	
?>
<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 id="holder" class="form-inline" style="margin-top:20px;">
	<div class="row" style='margin-bottom:0px;'>
		<div class="col-md-8">
			<div class="form-group">
				<?php 
					echo form_label('Choose Date', 'choose_date', array('class' => 'required'));
					echo form_input(array("name"=>'choose_date', "id"=>'choose_date', "class"=>"form-control input-sm datepicker"));
				 ?>
			</div>
			<div class="form-group">
				<?php
					$process_type = array(""=>"---- Select Status ----","1"=>"Pending","2"=>"Completed");
					echo form_label("Leave Status", 'process_type', array('class' => 'required'));
					echo form_dropdown(array("name" =>'process_type',"id" =>'process_type',"class" =>'form-control input-sm select2'),$process_type);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label('Select Manager', 'manager_list', array('class' => 'required'));
					echo form_dropdown(array( 'name' => 'manager_list', 'id' => 'manager_list', 'class' => 'form-control input-sm select2'));
				?>
			</div>
			<div class="form-group">
				<button class='btn btn-primary btn-sm' id="search">Search</button>
			</div>
		</div>
	</div>
</div>

<div class="row" style='margin: 0px;'>	
	<div class='col-md-12' style='margin:10px;padding:8px;min-height: 400px;' id="rslt_info">
		
	</div>
</div>
<script src="dist/daterangepicker/knockout.js" type="text/javascript"></script>
<link href="dist/daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<script src="dist/daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function (){
	$(function () {
		$(".datepicker").datetimepicker({
				format: 'DD-MM-YYYY',
				//debug: true
			});
		});
	$(function(){
		$('.select2').select2({
			placeholder: '---- Select ----',
			allowClear: true,
			//dropdownParent: $('.modal-dialog')
		});
	});
	
	$('#choose_date, #process_type').change(function(){
		var choose_date   = $('#choose_date').val();
		var process_type  = $('#process_type').val();
		if(choose_date.length === 0){
			toastr.error('Please choose Date');
			return false;
		}
		if(process_type && choose_date){
			var send_url = '<?php echo site_url("$controller_name/manager_info");?>'
			$.ajax({
				type: 'POST',
				url: send_url,
				data:{choose_date:choose_date,process_type:process_type},
				success: function(data) {
					var rslt = JSON.parse(data);
					if(rslt.success){
						$("#manager_list").html(rslt.manager_data);
					}else{
						toastr.error(rslt.message);
					}
				}
			});
			$("#manager_list").empty();
		}
	});
	
	$("#search").on('click', function(e){
		var choose_date   = $('#choose_date').val();
		var manager_list  = $('#manager_list').val();
		var process_type  = $('#process_type').val();
		if(choose_date.length === 0){
			toastr.error('Please choose Date');
			return false;
		}
		if(manager_list.length === 0){
			toastr.error('Please choose Manager');
			return false;
		}
		if(process_type.length === 0){
			toastr.error('Please choose Type');
			return false;
		}
		$("#search").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
		$('#search').attr('disabled','disabled');
		var send_url = '<?php echo site_url("$controller_name/check_unpunch_info");?>'
		if(manager_list && choose_date){
			$.ajax({
				type: 'POST',
				url: send_url,
				data:{choose_date:choose_date,process_type:process_type,manager_list:manager_list},
				success: function(data) {
					var rslt = JSON.parse(data);
					if(rslt.success){
						$('#rslt_info').show();
						$("#rslt_info").html(rslt.table_content);
						toastr.success(rslt.message);
						call_save();
					}else{
						toastr.error(rslt.message);
						$('#rslt_info').hide();
					}
					$('#search').attr('disabled',false);
					$("#search").html("Search");
				}
			});
		}
	});
});

function call_save(){
	$('#unpunched_submit').click(function(e){
		$("#unpunched_submit").html("<i class='fa fa-spinner fa-spin'></i> We are processing your request.. Please do not close or refresh the page....");
				$('#unpunched_submit').attr('disabled','disabled');
				var can_process = true;
				$('select', '#unpunched_form').each(function(){
					if($(this).val() === ''){
						can_process = false;
					}
				});
				if(can_process){
					var manager_list  = $('#manager_list').val();
					var send_url = '<?php echo site_url("$controller_name/save_leave_status");?>'
					var fdata = JSON.stringify($('#unpunched_form').serializeArray());
					$.ajax({
						type: 'POST',
						url: send_url,
						data:{manager_list:manager_list,fdata:fdata},
						success: function (data) {
							var rslt = JSON.parse(data);
							if(rslt.success){
								toastr.success(rslt.message)
							}else{
								toastr.error(rslt.message)
							}
							location.reload();
							$("#unpunched_submit").html("Submit");
							$('#unpunched_submit').attr('disabled',false);
						}
					});
				}else{
					$("#unpunched_submit").html("Submit");
					$('#unpunched_submit').attr('disabled',false);
					toastr.error('Please update the status for All the employees?');
				}
				e.preventDefault();
			});
}

</script>
<style>
	.col-md-6{
		width:58% !important;
	}
	.buttons-excel {
		background-color: #3498db !important;
	}
</style>
<?php $this->load->view("partial/footer"); ?>