<style>
.row{margin:0px !important;}
</style>
<ul class="nav nav-tabs" data-tabs="tabs">
	<li class="active" role="presentation">
		<a data-toggle="tab" href="#material_info">Material Information</a>
	</li>
	<li role="presentation">
		<a data-toggle="tab" href="#quantity_info">Quantity Information</a>
	</li>
</ul>
<div class="tab-content">
	<div class="tab-pane fade in active" id='material_info'  style='min-height:325px;'>
		<?php echo form_open('material_request/save/',array('id'=>'material_request_form','class'=>'form-inline')); ?>
			<div class="form-group">
				<?php 
					echo form_input( array("name"=>'prime_material_request_id', "id"=>'prime_material_request_id',"value"=>(int)$material_request[0]->prime_material_request_id,"type"=>"hidden"));
					
					echo form_label("Job Card Number", 'job_card_number', array('class' => 'control-label required'));
					if($material_request[0]->job_card_number){
						echo form_input(array("name"=>'job_card_number', "id"=>'job_card_number',"value"=>'',"placeholder"=>'Search by Job Card Number','readonly' => 'true', "class"=>"form-control input-sm ","value"=>$material_request[0]->job_card_number));
					}else{
						echo form_input(array("name"=>'job_card_number', "id"=>'job_card_number',"value"=>'',"placeholder"=>'Search by Job Card Number', "class"=>"form-control input-sm ","value"=>$material_request[0]->job_card_number));
					}
				?><div class='append_div'></div>
			</div>	
			<div class="form-group">
				<?php					
					echo form_label("Date ", 'request_date', array('class' => 'control-label required'));	
					if($material_request[0]->request_date){
						$date = date('d-m-Y h:m:s',strtotime($material_request[0]->request_date));
						if($date === "01-01-1970"){ $date = date("d-m-Y"); }
					}	
					echo form_input(array( 'name' => 'request_date', 'id' => 'request_date', 'class' => 'form-control input-sm datepicker_time', 'value' => $date));
				?>
			</div>
			<div class="form-group">
				<?php					
					echo form_label("Service Category", 'service_category', array('class' => 'control-label required'));
					echo form_dropdown(array('name' => 'service_category','id' => 'service_category','class' => 'form-control input-sm select2'), $service_category_list,$material_request[0]->service_category);
				?>
			</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,$material_request[0]->company);
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Vehicle No", 'vehicle_no', array('class' => 'control-label required'));
					echo form_input(array( 'name' => 'vehicle_no', 'id' => 'vehicle_no', 'class' => 'form-control input-sm', 'value' => $material_request[0]->vehicle_no));
				?>
			</div>
			<div class="form-group">
				<button type='submit' class='btn btn-sm btn-primary' id='material_request_btn'>SUMBIT</button>
			</div>
		<?php echo form_close(); ?>
	</div>
	<div class="tab-pane fade" id="quantity_info">	
		<?php echo form_open('material_request/save_list/',array('id'=>'material_request_list_form','class'=>'form-inline collapse')); ?>
		<div class="form-group">
			<?php
				echo form_input( array("name"=>'material_request_id', "id"=>'material_request_id',"value"=>(int)$material_request[0]->prime_material_request_id,"type"=>"hidden"));
				echo form_input( array("name"=>'prime_material_request_list_id', "id"=>'prime_material_request_list_id',"value"=>'',"type"=>"hidden"));
				echo form_label("Fault Name", 'fault_name', array('class' => 'control-label required'));
				echo form_dropdown(array("name"=>'fault_name', "id"=>'fault_name',"class"=>"form-control input-sm select2"),$fault_list_names,$material_request[0]->fault_name);
				?>
		</div>
		<div class="form-group">
				<?php					
					echo form_label("Material Name", 'product_name', array('class' => 'control-label required'));
					echo form_dropdown(array('name' => 'product_name','id' => 'product_name','class' => 'form-control input-sm select2'), $product_name_list,$material_request[0]->product_name);
				?>
			</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_request_list_btn'>Add/Update</button>
			<button type='button' class='btn btn-sm btn-danger' id='cancel_material_request_list_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" id='add_quantity'> Add Quantity</a>
			</div>
			<div id='material_request_list_table'>
				<?php echo $material_request_list;?>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	select_call();
	$('#cancel_material_request_list_btn').click(function(){
		$('#prime_material_request_list_id,#fault_name').val('');
		$('#material_request_list_form')[0].reset();
		$('#material_request_list_form').collapse('hide');
		select_call();
	});
	
	$('#add_quantity').click(function(){
		$('#material_request_list_form')[0].reset();
		$('#material_request_list_form').collapse("toggle");
	});
	
	//AUTO COMPLETE FOR JOB CARD
	$("#job_card_number").autocomplete({
		source: function(request, response) {
			$.getJSON('<?php echo site_url($controller_name . "/item_search"); ?>',{
				search_job_card: $('#job_card_number').val()
			},response);
		},
		minLength: 1,
		appendTo: '.append_div',
		select: function(event, ui){
			$('#service_category option[value="' + ui.item.service_category +'"]').prop("selected", true);
			$('#company option[value="' + ui.item.company +'"]').prop("selected", true);
			$('#job_card_number').val(ui.item.value);
			$('#vehicle_no').val(ui.item.vehicle_no);
			select_call();
		}
	});
	
	//SAVE MATERIAL REQUEST
	$.validator.setDefaults({ignore:[]});
	$("#material_request_form").submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			job_card_number: "required",
			request_date: "required",
			service_category: "required",
			company: "required",
			vehicle_no: "required"
		},
		submitHandler: function (form){	
			$("#material_request_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#material_request_btn').attr('disabled','disabled'); 
			$(form).ajaxSubmit({
				success: function (response){
					$('#material_request_btn').attr('disabled',false);
					$("#material_request_btn").html("Submit");
					if(response.success){
						toastr.success(response.message);
						table_support.refresh();
						$('#prime_material_request_id').val(response.prime_material_request_id);
						$('#material_request_id').val(response.prime_material_request_id);
						get_faults(response.prime_material_request_id);
						$('.nav-tabs a[href="#quantity_info"]').tab('show');
					}else{
						toastr.error(response.message);
					}	
				},
				dataType: 'json'
			});
		}
	});
	
	//ROW SET AND SAVE MATERIAL REQUEST LIST INFO
	$('#add_material_request_list_btn').click(function(){
		if((parseInt($('#material_request_id').val()) === 0)){
			$('.nav-tabs a[href="#material_info"]').tab('show');
			$('#material_request_form').submit();
		}else{
			$("#material_request_list_form").submit();
		}
	});
	
	//SAVE MATERIAL REQUEST LIST
	$("#material_request_list_form").submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			fault_name: "required",
			product_name: "required",
			quantity: "required"
		},
		submitHandler: function (form){	
			$("#add_material_request_list_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#add_material_request_list_btn').attr('disabled','disabled');
			$(form).ajaxSubmit({
				success: function (response){
					$('#add_material_request_list_btn').attr('disabled',false);
					$("#add_material_request_list_btn").html("Add/Update");
					if(response.success){
						toastr.success(response.message);
						$('#material_request_list_form').collapse('hide');
						$('#material_request_id').val(response.prime_material_request_id);
						get_material_list(response.prime_material_request_id);
						table_support.refresh();
					}else{
						toastr.error(response.message);
					}	
					$('#material_request_list_form')[0].reset();
					select_call();
				},
				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: [',']
		});
	});
	$('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;
		}
	});
}

//GET MATERIAL REQUEST LIST
function get_material_list(prime_material_request_id){
	if(prime_material_request_id){
		$.ajax({
			type: "POST",
			url:'<?php echo site_url("material_request/get_material_request_list_table/");?>',
			data: {prime_material_request_id:prime_material_request_id},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					$('#material_request_list_table').html(result.material_info);	
				}					
			}
		});
	}
}

function get_faults(material_request_id){
	if(material_request_id){
	$.ajax({
			type: "POST",
			url:'<?php echo site_url("material_request/get_fault_list/");?>',
			data: {material_request_id:material_request_id},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					$('#fault_name').html(result.fault_list_names);	
				}					
			}
		});
	}
	
}

//EDIT MATERIAL REQUEST INFO
function edit_material_request_info(prime_material_request_list_id){
	$.ajax({
			type: "POST",
			url:'<?php echo site_url("material_request/edit_material_request_info/");?>',
			data: {prime_material_request_list_id:prime_material_request_list_id},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					$('#material_request_list_form')[0].reset();
					$('#material_request_list_form').collapse('show');
					$('#prime_material_request_list_id').val(result.material_edit_info[0].prime_material_request_list_id);
					$('#fault_name').val(result.material_edit_info[0].prime_maintenance_faults_id);
					$('#product_name').val(result.material_edit_info[0].product_name);
					$('#quantity').val(result.material_edit_info[0].quantity);	
					table_support.refresh();
					select_call();
				}else{
					toastr.error(result.message);
				}					
			}
		});
}

//DELETE MATERIAL REQUEST INFO
function delete_material_request_info(prime_material_request_list_id,prime_material_request_id){
	$.confirm({
		escapeKey: 'Yes',
		title: 'Confirm!',
		content:'Are You want to delete?',
		buttons: {
			Yes: function(){
					$.ajax({
							type: "POST",
							url:'<?php echo site_url("material_request/delete_material_request_info/");?>',
							data: {prime_material_request_list_id:prime_material_request_list_id},
							success: function(rslt){
								var result = JSON.parse(rslt);
								if(result.success){
									toastr.success(result.message);
									$('#material_request_list_form')[0].reset();
									$('#material_request_list_form').collapse('hide');
									get_material_list(prime_material_request_id);
									table_support.refresh();									
								}else{
									$('#material_request_list_form')[0].reset();
									$('#material_request_list_form').collapse('hide');
									toastr.error(result.message);
								}					
							}
						});
				},
				No: function(){
					}
			}
		});
}
</script>
<style>
.modal-footer {
	display:none !important;
}
</style>