<style>
.row{margin:0px !important;}
</style>
<div class="content">
	<div class="" id='gen_info_tab'  style='min-height:325px;'>
		<?php echo form_open('equipment_request/save/' . $equipment_request[0]->prime_equipment_request_id,array('id'=>'gen_form','class'=>'form-inline')); ?>
		<h4 class="block_head">General Information</h4>
			<div class="form-group">
				<?php
				//print_r($equipment_request);
				if($equipment_request[0]->prime_equipment_request_id){
						$prime_equipment_request_id = $equipment_request[0]->prime_equipment_request_id;
					}else{
						$prime_equipment_request_id = 0;
					}
					echo form_input( array("name"=>'prime_equipment_request_id', "id"=>'prime_equipment_request_id',"value"=>$prime_equipment_request_id,"type"=>"hidden"));
					echo form_input( array("name"=>'prime_equipment_name_id', "id"=>'prime_equipment_name_id',"value"=>$equipment_request[0]->prime_equipment_tools_and_equipment_id,"type"=>"hidden"));
					echo form_label("Equipment Name", 'equipment_name', array('class' => 'control-label required'));
					echo form_input(array("name"=>'equipment_name', "id"=>'equipment_name',"value"=>$equipment_request[0]->equipment_name,"placeholder"=>'Search by Equipment Name', "class"=>"form-control input-sm "));
					?>	<div class='append_equipment_div'></div>
			</div>
			<div class="form-group">
				<?php
					echo form_label("No of sets", 'no_of_sets', array('class' => 'control-label required'));
					echo form_input(array('name' => 'no_of_sets','id' => 'no_of_sets','class' => 'form-control input-sm number', 'value' => $equipment_request[0]->no_of_sets,'readonly' => 'true'));
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Labour Name", 'labour_name', array('class' => 'control-label required'));
					echo form_dropdown(array('name' => 'labour_name','id' => 'labour_name','class' => 'form-control input-sm select2'), $labour_list,$equipment_request[0]->labour_name);
				?>
			</div>
			<div class="form-group">
				<?php
					echo form_label("Start Date", 'start_date', array('class' => 'control-label required'));	
					if($equipment_request[0]->start_date){
						$date = date('d-m-Y h:m:s',strtotime($equipment_request[0]->start_date));
						if($date === "01-01-1970"){ $date = date("d-m-Y"); }
					}	
					echo form_input(array( 'name' => 'start_date', 'id' => 'start_date', 'class' => 'form-control input-sm datepicker', 'value' => $date));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Estimate Date", 'estimate_date', array('class' => 'control-label required'));	
					if($equipment_request[0]->estimate_date){
						$date = date('d-m-Y h:m:s',strtotime($equipment_request[0]->estimate_date));
						if($date === "01-01-1970"){ $date = date("d-m-Y"); }
					}	
					echo form_input(array( 'name' => 'estimate_date', 'id' => 'estimate_date', 'class' => 'form-control input-sm datepicker', 'value' => $date));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Status", 'status', array('class' => 'control-label required'));
					$status_type = array('' => '--select--','1' => 'On Process','2' => 'Return');
					echo form_dropdown(array('name' => 'status','id' => 'status','class' => 'form-control input-sm select2'), $status_type,$equipment_request[0]->status);
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("Condition", 'return_condition', array('class' => 'control-label required'));
					$condition_type = array('' => '--select--','1' => 'Damaged','2' => 'Good');
					echo form_dropdown(array('name' => 'return_condition','id' => 'return_condition','class' => 'form-control input-sm select2'), $condition_type,$equipment_request[0]->return_condition);
				?>
			</div>
				<div class="form-group">
				<?php
					echo form_label("Remarks", 'equi_remarks', array('class' => 'control-label required'));
					echo form_textarea(array('name' => 'equi_remarks','id' => 'equi_remarks','class' => 'form-control input-sm alpha', 'value' => $equipment_request[0]->equi_remarks));
				?>
			</div>
			<div class="form-group">
				<?php 
					echo form_label("End Date", 'end_date', array('class' => 'control-label required'));
					if($equipment_request[0]->end_date){
						$date = date('d-m-Y h:m:s',strtotime($equipment_request[0]->end_date));
						if($date === "01-01-1970"){ $date = date("d-m-Y"); }
					}
					echo form_input(array( 'name' => 'end_date', 'id' => 'end_date', 'class' => 'form-control input-sm datepicker', 'value' => $date));
				?>
			</div>
			<div class="form-group">
				<button type='submit' class='btn btn-sm btn-primary' id='add_equi_req_btn'>SUMBIT</button>
			</div>
		<?php echo form_close(); ?>
	</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;
		}
	});
	
	//SEARCH BY EQUIPMENT NAME
	$('#equipment_name').autocomplete({
		source: function(request,response){
			$.getJSON('<?php echo site_url($controller_name ."/search_equipments"); ?>',{
				search_equipment_name:$('#equipment_name').val()
			},response);
		},
		minLength:1,
		appendTo:'.append_equipment_div',
		select:function(event,ui){
			$('#prime_equipment_name_id').val(ui.item.prime_equipment_tools_and_equipment_id);
			$('#equipment_name').val(ui.item.value);
			//get_no_of_sets();
		}
	});
	
	//SET READONLY FOR NO OF SETS
	var prime_equipment_request_id = $('#prime_equipment_request_id').val();
	if(prime_equipment_request_id >= 1){
	    $("#no_of_sets").attr("readonly", true);
	}else{
		$("#no_of_sets").attr("readonly", false);
	}
	
	//SAVE GENERAL INFORMTION
	$.validator.setDefaults({ignore:[]});
	$("#gen_form").submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			equipment_name: "required",
			no_of_sets: "required",
			labour_name: "required",
			start_date: "required",
			estimate_date: "required",
			status: "required",
			end_date: "required",
			return_condition: "required"
		},
		submitHandler: function (form){
			$("#add_equi_req_btn").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#add_equi_req_btn').attr('disabled','disabled');
			$.confirm({
				title: 'Confirm!',
				content: 'After submit you are not able to change no of sets',
				type: 'dark',
				typeAnimated: true,
				buttons: {
					tryAgain: {
						text: 'Ok',
						btnClass: 'btn-red',
						action: function(){
							$(form).ajaxSubmit({
								success: function (response){
									$('#add_equi_req_btn').attr('disabled',false);
									$("#add_equi_req_btn").html("Submit");
									if(response.success){
										$('#prime_equipment_request_id').val(response.prime_equipment_request_id);
										$('#equipment_name').val(response.equipment_name);
										toastr.success(response.message);
										table_support.refresh();
										select_call();
										$('.modal').modal('hide');
									}else{
										toastr.error(response.message);
										$('#gen_form')[0].reset();
										select_call();
									}
								},
								dataType: 'json'
							});
						}
					},
					close: function () {
						$('#add_equi_req_btn').attr('disabled',false);
						$("#add_equi_req_btn").html("Submit");
					}
				}
			});
		},ignore: ":hidden"
	});
	
	hide_show();hide_show_end_date();
	$('#equipment_name').on('change',function(){
		get_equipment_type();
	});
	$('#no_of_sets').on('change',function(){
		get_no_of_sets();
	});
	$('#status').on('change',function(){
		hide_show_end_date();
		update_no_of_sets();
	});

});

//HIDE AND SHOW FUNTION
function hide_show(){
	$('#no_of_sets').parent().hide();
	var no_of_sets     = $('#no_of_sets').val();
	if(no_of_sets > 0){
		$('#no_of_sets').parent().show();
	}
}

//HIDE AND SHOW FUNTION
function hide_show_end_date(){
	$('#end_date').parent().hide();
	var status      = parseInt($('#status').val());
	if(status === 2){
	$('#end_date').parent().show();
	$('#return_condition').parent().show();
	}else{
	$('#end_date').parent().hide();
	$('#return_condition').parent().hide();
	}
}

//UPDATE NO OF SETS IN EQUIPMENT MASTER BASED ON STATUS
function update_no_of_sets(){
	var no_of_sets      = $('#no_of_sets').val();
	var equipment_name  = $('#prime_equipment_name_id').val();
	var status          = parseInt($('#status').val());
	if(no_of_sets && equipment_name){
		$.ajax({
			type: "POST",
			url:'<?php echo site_url("equipment_request/update_no_of_sets/");?>',
			data: {no_of_sets:no_of_sets,equipment_name:equipment_name,status:status},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					toastr.success(result.message);
				}
			}
		});
	}
}
//GET EQUIPMENT TYPE
function get_equipment_type(){
	var equipment_name      = $('#prime_equipment_name_id').val();
	if(equipment_name){
		$.ajax({
			type: "POST",
			url:'<?php echo site_url("equipment_request/get_equipment_type/");?>',
			data: {equipment_name:equipment_name},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					if(parseInt(result.equipment_type) === 3){
					$('#no_of_sets').parent().show();
					}else{
						hide_show();
					}
				}
			}
		});
	}
}
//GET NO OF SETS
function get_no_of_sets(){
	var equipment_name      = $('#prime_equipment_name_id').val();
	var no_of_sets          = $('#no_of_sets').val();
	if(equipment_name){
		$.ajax({
			type: "POST",
			url:'<?php echo site_url("equipment_request/get_sets_no/");?>',
			data: {equipment_name:equipment_name,no_of_sets:no_of_sets},
			success: function(rslt){
				var result = JSON.parse(rslt);
				if(result.success){
					$('#no_of_sets').val(result.no_of_sets);
				}else{
					toastr.error(result.message);
					$('#no_of_sets').val(0);
				}
			}
		});
	}
}

//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: [',']
		});
	});
}
	
</script>
<style>
.modal-footer{
	display:none !important;
}
#equi_remarks{
	height: 68px;
}
</style>