<?php  $this->load->view("partial/header");  ?>	
<div class='row title_content'>
	<div class='col-md-2 col-xs-4'>
		<h1 class='page_txt'>QR Code Generation</h1>
	</div>
</div>
<div class="form-inline">
	<fieldset>
		<?php echo form_open('Qr_code_generation/generate_qr',array('id'=>'qr_form')); ?>
		<div class="col-md-2">
			<?php
				$type = array(''=>"---- Select ----",'1'=>"Encryption",'2'=>"Decryption");
				echo form_label("Method", 'type', array('class' => 'required'));
				echo form_dropdown(array( 'name' => 'type', 'id' => 'type', 'class' => 'form-control input-sm'), $type);
			?>	
		</div>
		<div class="col-md-2">
			<?php
				echo form_label("Private Key", 'private_key', array('class' => 'required'));
				echo form_input( array('name'=>'private_key', 'id'=>'private_key','class' => 'form-control input-sm', 'value'=>''));
			?>		
		</div>
		<div class="col-md-2" style="display: none;">
			<?php
				echo form_label("Employee Code", 'employee_code', array('class' => 'required'));
				echo form_input(array( 'type' => 'hidden','name' => 'employee_code_hid', 'id' => 'employee_code_hid', 'class' => 'form-control input-sm'));
				echo form_input( array('name'=>'employee_code', 'id'=>'employee_code','class' => 'form-control input-sm', 'value'=>''));
				echo "<div class='append_div'></div>";
			?>		
		</div>			
		<div class="col-md-2" style="display: none;">
			<?php
				echo form_label("Encrypted String", 'encrypted_string', array('class' => 'required'));
				echo form_input( array('name'=>'encrypted_string', 'id'=>'encrypted_string','class' => 'form-control input-sm', 'value'=>''));
			?>		
		</div>	
		<div class="form-group" style='margin-top: 30px;'>
			<button class='btn btn-primary btn-sm' id="generate_qr"> <i class='fa fa-paper-plane'></i>  Generate QR</button>
		</div>
	<fieldset>
</div>
<div class="col-md-12">
	<div id="table_data"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){	
	//Employee code Autocomplete
	$('#employee_code').autocomplete({
		minChars:2,
		autoFocus: true,
		delay:10,
		appendTo: '#append_div',
		source: function (request, response) {
			$.ajax({
				url : '<?php echo site_url("Qr_code_generation/suggest"); ?>',
				type: 'get',
				data: {term:request.term},
				success: function (data) {
					var rslt = JSON.parse(data);
					response($.map(rslt, function (el) {
						if(el.value === '0'){
							$('#employee_code').val('');
						}else{
							return {
								value: el.value,
								label: el.label,
								display_name:el.display_name
							};
						}
					}));
				}
			});
		},
		select: function(e, ui) {
			e.preventDefault();
			$('#employee_code_hid').val(ui.item.value);
			$('#employee_code').val(ui.item.label);
		},
	});

	//Generate QR COde
	$('#qr_form').submit(function(event){ event.preventDefault(); }).validate({	
		rules:{
			employee_code:"required",
			private_key:"required",
			encrypted_string:"required",
			type:"required"
		},
		submitHandler: function (form){
			$("#generate_qr").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#generate_qr').attr('disabled','disabled');
			var private_key    = $("#private_key").val();
			var employee_code  = $("#employee_code_hid").val();
			var type           = $("#type").val();
			var enc_string     = $("#encrypted_string").val();
			$.ajax({
				type: "POST",
				url: '<?php echo site_url("Qr_code_generation/generate_qr"); ?>',
				data: {private_key:private_key,employee_code:employee_code,type:type,enc_string:enc_string},
				success: function(data){
					var rslt = JSON.parse(data);
					if(rslt.success){
						$('#generate_qr').attr('disabled',false);
						if(parseInt(type) === 1){
							$('#generate_qr').html("<i class='fa fa-paper-plane'></i> Generate QR");
						}else{
							$("#generate_qr").html("<i class='fa fa-paper-plane'></i> Submit");
						}						
						$('#table_data').html(rslt.qr_img);
						$('#inc_table').DataTable();
						$('#qr_form')[0].reset();
					}else{
						toastr.error(rslt.message);
						$('#generate_qr').attr('disabled',false);
						if(parseInt(type) === 1){
							$('#generate_qr').html("<i class='fa fa-paper-plane'></i> Generate QR");
						}else{
							$("#generate_qr").html("<i class='fa fa-paper-plane'></i> Submit");
						}
					}
				},
			});
		}   	
	}); 
	//Hide show based on method
	$("#type").change(function(){
		var type = $("#type").val();
		if(parseInt(type) === 1){ //Encryption
			$('#generate_qr').html("<i class='fa fa-paper-plane'></i> Generate QR");
			$('#employee_code').parent().show();	
			$('#encrypted_string').parent().hide();		
			$('#encrypted_string').addClass('ignore');		
		}else{ //Decryption
			$('#generate_qr').html("<i class='fa fa-paper-plane'></i> Submit");
			$('#employee_code').parent().hide();
			$('#employee_code').addClass('ignore');	
			$('#encrypted_string').parent().show();
		}
	});
});
</script>
<?php $this->load->view("partial/footer"); ?>