<style>
.row{margin:0px !important;}
</style>
<ul class="nav nav-tabs" data-tabs="tabs">
	<li class="active" role="presentation">
		<a data-toggle="tab" href="#gate_pass">Gate Pass Information</a>
	</li>
	<li role="presentation">
		<a data-toggle="tab" href="#material_info">Material Information</a>
	</li>
</ul>
<div class="tab-content">
	<div class="tab-pane fade in active" id='gate_pass'  style='min-height:325px;'>
		<?php echo form_open('gate_pass/save/' . $gate_pass[0]->prime_gate_pass_id,array('id'=>'gate_pass_form','class'=>'form-inline')); ?>
		<?php if($gate_pass[0]->gate_pass_no){?>
			<div class="form-group">
				<?php 
					echo form_label("Gate Pass No", 'gate_pass_no', array('class' => 'control-label required'));		
					echo form_input(array( 'name' => 'gate_pass_no', 'id' => 'gate_pass_no',"readonly" => 'true', 'class' => 'form-control input-sm', 'value' => $gate_pass[0]->gate_pass_no));
				?>
			</div>
		<?php }; ?>
			<div class="form-group">
				<?php 
					echo form_input( array("name"=>'prime_gate_pass_id', "id"=>'prime_gate_pass_id',"value"=>(int)$gate_pass[0]->prime_gate_pass_id,"type"=>"hidden"));
					
					echo form_label("Date & Time ", 'date', array('class' => 'control-label required'));	
					if($gate_pass[0]->date){
						$date = date('d-m-Y h:m:s',strtotime($gate_pass[0]->date));
						if($date === "01-01-1970"){ $date = date("d-m-Y"); }
					}	
					echo form_input(array( 'name' => 'date', 'id' => 'date', 'class' => 'form-control input-sm datepicker_time', 'value' => $date));
				?>
			</div>	
			<div class="form-group">
				<?php					
					echo form_label("Company", 'company', array('class' => 'control-label required'));
					$company_list = array('' => '--select--','1' => 'NTC','2' => 'Others');
					echo form_dropdown(array('name' => 'company','id' => 'company','class' => 'form-control input-sm select2'), $company_list,$gate_pass[0]->company);
				?>
			</div>
			<div class="form-group">
				<?php					
					echo form_label("Driver", 'ntc_driver', array('class' => 'control-label required'));
					echo form_dropdown(array('name' => 'ntc_driver','id' => 'ntc_driver','class' => 'form-control input-sm select2'), $driver_list,$gate_pass[0]->ntc_driver);
				?>
			</div>
			<div class="form-group">
				<?php					
					echo form_label("Vehicle", 'ntc_vehicle', array('class' => 'control-label required'));
					echo form_dropdown(array('name' => 'ntc_vehicle','id' => 'ntc_vehicle','class' => 'form-control input-sm select2'), $veh_reg_list,$gate_pass[0]->ntc_vehicle);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Driver", 'driver', array('class' => 'control-label required'));
					echo form_input(array( 'name' => 'driver', 'id' => 'driver', 'class' => 'form-control input-sm', 'value' => $gate_pass[0]->driver));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Vehicle", 'vehicle', array('class' => 'control-label required'));
					echo form_input(array( 'name' => 'vehicle', 'id' => 'vehicle', 'class' => 'form-control input-sm', 'value' => $gate_pass[0]->vehicle));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Entry Reason", 'entry_reason', array('class' => 'control-label required'));
					echo form_dropdown(array('name' => 'entry_reason','id' => 'entry_reason','class' => 'form-control input-sm select2'), $entry_reason_list,$gate_pass[0]->entry_reason);
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Credit", 'credit', array('class' => 'control-label'));
					echo form_input(array( 'name' => 'credit', 'id' => 'credit', 'class' => 'form-control input-sm', 'value' => $gate_pass[0]->credit));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Security Name", 'security_name', array('class' => 'control-label '));
					echo form_input(array( 'name' => 'security_name', 'id' => 'security_name', 'class' => 'form-control input-sm', 'value' => $gate_pass[0]->security_name));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Autorised By", 'authorised_by', array('class' => 'control-label '));
					echo form_dropdown(array( 'name' => 'authorised_by', 'id' => 'authorised_by', 'class' => 'form-control input-sm select2'), $auth_list,$gate_pass[0]->authorised_by);
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Invoice No", 'invoice_no', array('class' => 'control-label '));		
					echo form_input(array( 'name' => 'invoice_no', 'id' => 'invoice_no', 'class' => 'form-control input-sm', 'value' => $gate_pass[0]->invoice_no));
				?>
			</div>
			<div class="form-group">
				<?php echo form_label("Remarks", 'remarks', array('class' => 'control-label')); ?>
				<textarea  placeholder="Remarks" name="remarks" id="remarks" class="form-control" rows="4"><?php echo $gate_pass[0]->remarks; ?></textarea>
			</div>
			<div class="form-group">
				<button type='submit' class='btn btn-sm btn-primary' id='add_save_balance_btn'>SUMBIT</button>
			</div>
		<?php echo form_close(); ?>
	</div>
	<div class="tab-pane fade" id="material_info">	
		<?php echo form_open('gate_pass/save_material_info/',array('id'=>'material_info_form','class'=>'form-inline collapse')); ?>
		<div class="form-group">
			<?php
				echo form_input( array("name"=>'prime_pass_id', "id"=>'prime_pass_id',"value"=>(int)$gate_pass[0]->prime_gate_pass_id,"type"=>"hidden"));
				echo form_input( array("name"=>'prime_material_list_id', "id"=>'prime_material_list_id',"value"=>'',"type"=>"hidden"));
				echo form_input( array("name"=>'prime_material_id', "id"=>'prime_material_id',"value"=>'',"type"=>"hidden"));
				echo form_label("Material Name", 'product_name', array('class' => 'control-label required'));
				echo form_input(array("name"=>'product_name', "id"=>'product_name',"value"=>'',"placeholder"=>'Search by Material Name', "class"=>"form-control input-sm "));
				?>				<div class='append_material_div'></div>
		</div>
		<div class="form-group">
			<?php					
				echo form_label("Quantity", 'quantity', array('class' => 'control-label required'));
				echo form_input(array( 'name' => 'quantity', 'id' => 'quantity', 'class' => 'form-control input-sm number', 'value' => ''));
			?>
		</div>
		<div class="form-group">
			<button type='submit' class='btn btn-sm btn-primary' id='add_material_info_btn'>Add/Update</button>
			<button type='button' class='btn btn-sm btn-danger' id='cancel_material_info_btn'>Cancel</button>
		</div>
		<?php echo form_close(); ?>
		<div class='col-md-12' style='background-color:#e2e2e2;padding:8px;'>
			<div style='margin-bottom: 8px; text-align: right; padding: 0px 15px;'>
				<a class="btn btn-xs btn-primary" role="button" data-toggle="collapse" href="#material_info_form" aria-expanded="false" aria-controls="collapseExample"> Add Quantity</a>
			</div>
			<div id='material_info_table'>
				<?php echo $gate_pass_material_list;?>
			</div>
		</div>
	</div>
</div>	
<script type="text/javascript">
$(document).ready(function(){
	select_call();
	$('textarea').on('keyup keypress', function(e) {
		if(e.keyCode === 13) {    
			e.stopPropagation();
		}else
		if(e.shiftKey){
			e.stopPropagation();
		}
	});
	$(".number").bind('keyup', function(e) {
		this.value = this.value.replace(/[^0-9_.]/g,'');
	});
	$('.alpha').bind('keypress', function (event) {
		var regex = new RegExp("^[a-zA-Z0-9\-_.@\/\\s]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
		   event.preventDefault();
		   return false;
		}
	});
	// SAVE GENERAL INFORMTION
	$.validator.setDefaults({ignore:[]});
	$("#gate_pass_form").submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			date: "required",
			ntc_driver: "required",
			ntc_vehicle: "required",
			company: "required",
			driver: "required",
			vehicle: "required",
			entry_reason: "required"
		},
		submitHandler: function (form){	
			$("#add_save_balance_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#add_save_balance_btn').attr('disabled','disabled'); 
			$(form).ajaxSubmit({
				success: function (response){
					$('#add_save_balance_btn').attr('disabled',false);
					$("#add_save_balance_btn").html("Submit");
					if(response.success){
						toastr.success(response.message);
						$('#gate_pass_form')[0].reset();
						$('#prime_pass_id').val(response.prime_id)
						$('.nav-tabs a[href="#material_info"]').tab('show');
						$('#material_info_form').collapse('show');
						table_support.refresh();
					}else{
						toastr.error(response.message);
					}	
				},
				dataType: 'json'
			});
		},ignore: ":hidden"          
	});
	
	//AUTO COMPLETE FOR MATERIAL NAME
	$("#product_name").autocomplete({
		source: function(request, response) {
			$.getJSON('<?php echo site_url($controller_name . "/search_materials"); ?>',{
				search_product_name: $('#product_name').val()
			},response);
		},
		minLength: 1,
		appendTo: '.append_material_div',
		select: function(event, ui){
			$('#product_name').val(ui.item.value);
			$('#prime_material_id').val(ui.item.prime_material_id);
		}
	});


	//SAVE MATERIAL INFORMTION
	$("#material_info_form").submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			product_name: "required",
			quantity: "required"
		},
		submitHandler: function (form){	
			$("#add_material_info_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#add_material_info_btn').attr('disabled','disabled');
			$(form).ajaxSubmit({
				success: function (response){
					$('#add_material_info_btn').attr('disabled',false);
					$("#add_material_info_btn").html("Add/Update");
					if(response.success){
						toastr.success(response.message);
						$('#prime_material_list_id').val(0);
						$('#material_info_form')[0].reset();
						$('#material_info_form').collapse('hide');
						get_material_info(response.prime_gate_pass_id)
					}else{
						$('#material_info_form')[0].reset();
						toastr.error(response.message);
					}	
				},
				dataType: 'json'
			});
		}
	});
});
	
//Select Call 
function select_call(){
	$(function () {
		$(".datepicker").datetimepicker({
			format: 'DD-MM-YYYY',
			//debug: true
		});
		$(".datepicker_time").datetimepicker({
			format: 'DD-MM-YYYY HH:mm:ss',
			//debug: true
		});
		$('.select2').select2({
			placeholder: '---- Select ----',
			allowClear: true,
			dropdownParent: $('.modal-dialog')
		});
		$('.select2-tags').select2({
			tags: true,
			tokenSeparators: [',']
		});
	});
}

//EDIT MATERIAL REQUEST INFO
function edit_material_info(prime_material_list_id){
	$.ajax({
			type: "POST",
			url:'<?php echo site_url("gate_pass/edit_material_info/");?>',
			data: {prime_material_list_id:prime_material_list_id},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					$('#material_info_form')[0].reset();
					$('#material_info_form').collapse('show');
					$('#prime_material_list_id').val(result.message[0].prime_material_list_id);
					$('#prime_material_id').val(result.message[0].product_name);
					$('#product_name').val(result.message[0].name);
					$('#quantity').val(result.message[0].quantity);	
				}else{
					toastr.error(result.message);
				}					
			}
		});
}

//GET MATERIAL REQUEST LIST
function get_material_info(prime_gate_pass_id){
	if(prime_gate_pass_id){
		$.ajax({
			type: "POST",
			url:'<?php echo site_url("gate_pass/get_material_info_list_table/");?>',
			data: {prime_gate_pass_id:prime_gate_pass_id},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					$('#material_info_table').html(result.material_table);	
				}					
			}
		});
	}
}

//DELETE MATERIAL INFORMTION
function delete_material_info(prime_material_list_id,prime_gate_pass_id){
	$.confirm({
		title:'Comfirm!',
		content:'Are you want to delete?',
		escapeKey: 'Yes',
		buttons: {
			Yes: function(){
					$.ajax({
							type: "POST",
							url:'<?php echo site_url("gate_pass/delete_material_info/");?>',
							data: {prime_material_list_id:prime_material_list_id},
							success: function(rslt){
								var result = JSON.parse(rslt);
								if(result.success){
									toastr.success(result.message);
									$('#material_info_form')[0].reset();
									$('#material_info_form').collapse('hide');
									get_material_info(prime_gate_pass_id)					
								}else{
									toastr.error(result.message);
								}					
							}
						});
				},
				No: function(){
					}
			}
		});
}

//ROW SET AND SAVE MATERIAL LIST INFO
$('#add_material_info_btn').click(function(){
	var prime_pass_id = $('#prime_pass_id').val();
	if(prime_pass_id){
		if(parseInt(prime_pass_id) === 0){
			$('.nav-tabs a[href="#gate_pass"]').tab('show');
		}else{
			$("#material_info_form").submit();
		}
	}else{
		$('.nav-tabs a[href="#gate_pass"]').tab('show');
		toastr.error('Please fill all the inputs in the previous Tab first');
	}
	
});

$('#cancel_material_info_btn').click(function(){
	$('#material_info_form')[0].reset();
	$('#material_info_form').collapse('hide');
});

// HIDE AND SHOW
hide_show();
$('#company').on('change', function(e){	
	hide_show();
});

function hide_show(){	
	$('#ntc_driver,#ntc_vehicle,#driver,#vehicle').parent().hide(); 
	var company = $('#company').val();
	if(company === '1'){
		$('#ntc_driver,#ntc_vehicle').parent().show();
	}else
	if(company === '2'){
		$('#driver,#vehicle').parent().show();
	}
}
</script>
<style>
.modal-footer{
	display:none !important;
}
</style>