EVOLUTION-NINJA

Edit File: issue_fabric_details.php

<?php if (date('m') <= 3) {//Upto June 2014-2015
    $financial_year = (date('y')-1) . '-' . date('y');
} else {//After June 2015-2016
    $financial_year = date('y') . '-' . (date('y') + 1);
}
?>	
<div class="page-content-wrapper">
	<div class="page-content">		
		<?php // echo $this->load->view('templates/nav_menu'); ?>		
		
		<div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="<?php echo base_url(); ?>dashboard/dashboard_fun">Home</a> <i
			class="fa fa-angle-right"></i> <a href="<?php echo base_url('fabric/issue_fabric_grid?prop_id=1'); ?>" >Issue Fabric </a></li>
		</ul>
	</div>
 <div id="twisting">
			<div class="portlet-body form">
			
			<div class="content-wrapper">
			
			
			<section class="body-middle">
				<div class="twisting">
					<table style="width:100%">
						<tr style="background:#337AB7; color:#fff;">
							<td colspan="14"><strong>Fabric</strong></td>
						</tr>
						
						<tr>
							<td colspan="14">Work Order# &nbsp &nbsp &nbsp : &nbsp &nbsp <input type="text" class="text-input1 work_order" value="<?php echo 'DTL'.$financial_year.'-IF-'.'IF'.$max_id; ?>" id="work_order" name="work_order"></td>
							<input type="hidden" class="text-input1 work_order_num" value="<?php echo $max_id; ?>" id="work_order_num" name="work_order_num">
						</tr>
<tr>
							<td colspan="14">Location Name &nbsp  : &nbsp &nbsp 
							<select id="vendor_name" name="vendor_name" style="width: 175px;border: transparent;">
					<option value="all">Select Location</option>
						<?php if(isset($consumed_at)) { foreach($consumed_at as $consumed_at) { ?>
						<option value="<?php echo $consumed_at->id; ?>"><?php echo $consumed_at->consumed_at; ?></option>
						<?php }}  ?>
					</select></td>
						</tr>
						<tr>
						<td colspan="14">Vendor / Department  &nbsp : &nbsp &nbsp <input type="text" style='text-transform:uppercase' class="text-input1 dept_name openDatePicker" id="dept_name" name="dept_name"></td>
						
						</tr>
						<tr>
						<td colspan="14">Issue Date &nbsp &nbsp &nbsp &nbsp : &nbsp &nbsp <input type="text" class="text-input1 sys_date openDatePicker" id="sys_date" name="sys_date" data-provide="datepicker" value="<?php echo Date('d-m-Y'); ?>"></td>
						
						</tr>
					<tr>
							<td colspan="14">Type : 
								<select id="finishing_type" name="finishing_type" class="text-input1 finishing_type" style="width: 17%;text-align: center;">
								<option value="None">Select</option>
								
									<option value="Sample">Sample</option>
									<option value="Return">Return</option>
									<option value="Domestic Sales">Domestic Sales</option>
										
										
								</select>	
																		
								</td>
						</tr>
						
						
						
						<tr>
							<td colspan="14">Comments : <input type="text" class="text-input1 comment openDatePicker" id="comment" name="comment" data-provide="datepicker"></td>
						</tr>
									
					</table>
				</div>
				
	<div class="material">
					<table style="width:100%">
						<tr style="background:#337AB7; color:#fff;">
							
							
							<td colspan="13"><strong>Fabric Issues</strong> <button style="margin-left: 25%;color:#fff;" id="waeving_modal" onclick="m_function()"   name="weaving_modal"> <i class="fa fa-plus" style="color:#337AB7;;"></i></button</td>
							
						</tr>
						
						<tr class="material-tr">
							<td>SI #</td>
							<td>Article(PRODUCT)</td>
							<td>PO# / OSL No.</td>
							<td>Supplier Piece No</td>
						
							<td>width</td>
							<td>Design</td>
							<td>Shade</td>
							<td>Received Weight</td>
							<td>Stock Mtrs</td>
							<td>Issue stock</td>
							<td>Balanced Weight</td>
							<td>Balanced Stock</td>
							
							
						</tr>
						<tbody class="yarnTbody" id="yarnTbody" name="yarnTbody">	
						<tr>
							<td style="width:4%;text-align:right;">1</td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_name" name="m_yarn_name" id="m_yarn_name"></td>
							<td style="width:8%;"><input type="text" class="text-input m_yarn_denier" name="m_yarn_denier" id="m_yarn_denier"></td>
							<td style="width:8%;"><input type="text" class="text-input m_yarn_denier" name="m_yarn_denier" id="m_yarn_denier"></td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_specification" name="m_yarn_specification" id="m_yarn_specification"></td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_specification" name="m_yarn_specification" id="m_yarn_specification"></td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_specification" name="m_yarn_specification" id="m_yarn_specification"></td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_specification" name="m_yarn_specification" id="m_yarn_specification"></td>
							<td style="width:17%;"><input type="text" class="text-input m_gweight m_gross_weight" name="m_gross_weight" id="m_gross_weight" onkeyup="gross_weight(this.value)"></td>
							<td style="width:5%;"><input type="text" class="text-input inspected_mtrs" name="inspected_mtrs" id="inspected_mtrs"></td>
							<td style="width:8%;"><input type="text" class="text-input issue_stock" name="issue_stock" id="issue_stock"></td>
							<td style="width:8%;"><input type="text" class="text-input balanced_stock" name="balanced_stock" id="balanced_stock"></td>
							
						</tr>
						</tbody>
					</table>
				</div>
				
			</section>
		</div>  	
			
		</div> 
		
		<input type="hidden" class="ids"  >
		 <div class="modal-footer">
		
		
		
			<button  name="submit_data" id="submit_data" class="btn center-block submit ss" style="background:rgb(35,134,202);color:white;float: left;
    ">Submit</button>
		<a href="<?php echo base_url(); ?>fabric/issue_fabric_grid?prop_id=1" class="btn default" style="background:rgb(35,134,202);color:white;float: left;">Cancel</a>
	
	  </div>
	</div>	 
	
		<div id="myModal_weft_dying" class="modal fade" role="dialog" style="color:#000;">
					  <div class="modal-dialog" >
							
							    
							    <div class="modal-content" style="height: 600px !important;overflow-x: scroll;width: 1282px;">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							        <h4 class="modal-title">Fabric Details</h4>
							      </div>
							      <div class="modal-body">
							     
									<fieldset>
									  <div >
									
							      <button  id="generate" class="btn btn-primary generate" value="Generate" style="float:right;" data-dismiss="modal" >Submit</button>
							       
							   
					
					
									
							
							
							<div class="row" style="padding-bottom:15px;">
						<div class="col-sm-4"></div>
						<div class="col-sm-6">
						<select id="location_name" onchange="location_function()" name="location_name" style="border: transparent;padding-top: 4px;
    padding-bottom: 5px;">
					<option value="">Select Location</option>
						<?php if(isset($location)) { foreach($location as $consumed_at) { ?>
						<option value="<?php echo $consumed_at->consumed_at; ?>"><?php echo $consumed_at->consumed_at; ?></option>
						<?php }}  ?>
					</select>
						
							
							
						</div>
						<div class="col-sm-4"></div>							
					</div>  
					
					
					
	 
	 
	 
										<div id="all_location">
													<div class="portlet-body" id="portlet-body">
										<div class="col-xs-6">
										<label class="col-sm-2 col-xs-2" style="padding-right:0 !important;"><b>Search :</b> </label>
					<input type="text" id="search_yarn_swan" onkeyup="swan_myFunction()" class=" col-xs-5" placeholder="Type to search">
					</div>
							
						<br/><br/>
							<table class="table table-striped table-bordered table-hover">
							<thead>
							<tr>
								<th>
									Select Fabric
								</th>
								<th>
									Location
								</th>
								<th>
									Vendor Name / Factory
								</th>
								
								<th>
									 PO# / OSL No.
								</th>
								<th>
									DTL Piece No
								</th>
                                <th>
									Supplier Piece No
								</th>
								
								 <th>
									 Article(PRODUCT)
								</th>
								<th>
									Width
								</th>
								 <th>
									Design
								</th>
                                <th>
									Shade
								</th>
								 <th>
									Received Weight
								</th>
								<th>
									Inspected Mtrs
								</th>
                               
							</tr>
							</thead>
							<tbody id="swan_dyed_body">
								
							</tbody>
							</table>
						</div>
							
				
		</fieldset>
										
	 </div>
	
	 
	</div>
  </div>
</div> 					
		 
		
		
	</div> 
</div>

$('#myTable').find('tr').each(function() {
    if (!($(this).find('td').text().search(patt) >= 0)) {
      $(this).not('.myHead').hide();
    }
    if (($(this).find('td').text().search(patt) >= 0)) {
      $(this).show();
    }
  });

});

$("#fabric_modal").click(function() {

$.ajax({
		url:"<?php echo base_url('fabric/fetch_fabric_data')?>",
		dataType: "json",
		type:"POST",
	
		success:function(data)
		  { 	
		 
             var objData =JSON.parse(JSON.stringify(data));
		//	alert();
var obj_raw=objData.details;
var contentt = '';
$("#table_row_data").empty();
var i=1;
 $.each(obj_raw,function(key,val)
 {
	
	 // var ar_new=objData.result[key];
contentt += '<tr class="myHead">';
contentt += '<td><input type="checkbox"  value="'+val.id+'" style="width: 80px;border:transparent;">';
contentt += '<input type="hidden"  value="'+val.id+'" style="width: 80px;border:transparent;"></td>';
contentt += '<td><input type="text" name="purpose" style="width: 80px;border:transparent;" id="purpose" class="purpose" value="'+val.po_no+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="article" style="width: 50px;border:transparent;" id="article" class="article art" value="'+val.indent_no+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="shade" style="width: 150px;border:transparent;" id="shade" class="shade sha" value="'+val.product_name+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_quality" style="width: 80px;border:transparent;" id="weft_quality" class="weft_quality qual" value="'+val.design+'" readonly="readonly"></td>';

contentt += '<td><input type="text" name="weft_spec" style="width: 80px;border:transparent;" id="weft_spec" class="weft_spec spec" value="'+val.shades+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_denier" style="width: 80px;border:transparent;" id="weft_denier" class="weft_denier denier" value="'+val.width+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_color_code" style="width: 80px;border:transparent;" id="weft_color_code" value="'+val.available_quantity+'" class="weft_color_code color_code"  readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_color_code" style="width: 80px;border:transparent;" id="weft_color_code" class="weft_color_code color_code" value="'+val.rec_bal_goods+'" readonly="readonly"></td>';
contentt += '</tr>';
});
$("#table_row_data").html(contentt);

$('#myModal_weft_dying').modal('show');
}
});

});

</script>
<script>
$("#generate").on('click', function () {
	//alert();
    var checkbox_value = "";
    $(":checkbox").each(function () {
        var ischecked = $(this).is(":checked");
        if (ischecked) {
		checkbox_value += $(this).val() + "|";
        }
       
    });

if(checkbox_value=="")
    {
    	swal({
			 title: "Please Select the Products.",
			  text: "",
				});
    }
    else
    {
        
	 var ids= $(".ids").val(checkbox_value);
	// alert(ids);
	$.ajax({
            url:"<?php echo base_url('out_source/fetch_fabric_checkbox_data');?>",

type:"POST",
           		data:{'ids':checkbox_value },
				async:false,
		        success: function (data) {
					
				 var objData = jQuery.parseJSON(data);
				// alert();
					//var obj=objData.result;
				//	alert(objData);
		//	alert(obj.result.id);
					var content = '';
	
				$("#yarnTbody").empty();
					var i=1;
					//var key=0;
                  $.each(objData,function(key,value){
					    $.each(value,function(key1,val){
	//	alert(val.id);
		content += '<tr >';
		content += '<td style="width:4% !important;text-align:right;"><input type="text" name="id"';
		content += 'id="id" class="id" value="'+i+'" style="width:20px !important;border:0px !important;padding:0px !important;" readonly="readonly"/><input type="hidden" class="sl_id" id="sl_id"  value="'+val.id+'" ></td>';
		
		content += '<td style="width:15% !important;text-align:right;"><input type="text" name="product_name"';
		content += 'id="product_name" class="product_name" value="'+val.product_name+'" style="width:200px !important;border:0px !important;padding:0px !important;" readonly="readonly"/></td>';
		
		content += '<td style="width:5% !important;text-align:right; padding:0px !important;" ><input type="text" name="po_no"';
		content += 'id="po_no" class="po_no" value="'+val.po_no+'" style="width:60px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="ssl_po_no"';
		content += 'id="ssl_po_no" class="ssl_po_no" value="'+val.ssl_pc_no+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="width"';
		content += 'id="width" class="width" value="'+val.width+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="shades"';
		content += 'id="design" class="design" value="'+val.design+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="shades"';
		content += 'id="shades" class="shades" value="'+val.shades+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="rec__mtrs"';
		content += 'id="inspected_mtrs" class="rec_m rec_mtrs'+i+'" value="'+val.rec_weight+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="inspected_mtrs"';
		content += 'id="inspected_mtrs" class="inspected_m inspected_mtrs'+i+'" value="'+val.balanced_mtrs+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="issue_stock"';
		content += 'id="issue_stock" class="issue_stock'+i+' issuestock"  style="width:120px !important;border:0px !important"  onkeyup="dyeing_unitvalue(this.value,'+i+')" /></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="balanced_weight"';
		content += 'id="balanced_weight" class="balanced_weight'+i+' balweight"  style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="balanced_stock"';
		content += 'id="balanced_stock" class="balanced_stock'+i+' balstock"  style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
	
		content += '</tr>';
					
					i++;
		//key++;
			});
			});
	$("#yarnTbody").html(content);

}

});
    }
});
</script>

var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
    
    $rows.show().filter(function() {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
          return !~text.indexOf(val);
    }).hide();
	});

</script>
<script>
function m_function()
{
	var as1=$('#work_order').val();
	var as2=$('#vendor_name').val();
	var as3=$('#dept_name').val();
	var as4=$('#sys_date').val();
	var as5=$('#work_order_num').val();

$.ajax({
            url:"<?php echo base_url('fabric/issue_finishing_emb_location_dataa');?>",

type:"POST",
           
				data:{'dept_name':as1,'work_order_num':as2},

async:false,

success:function(data)
				 {

window.location.href  = '<?php echo base_url('fabric/issue_finishing_emb_location_data');?>/'+ '?id='+as1+'/'+as2+'/'+as3+'/'+as4+'/'+as5;
			 
					}
					 
					});
				  
}
</script>
<script src="<?php echo base_url(); ?>assets/js/sweetalert.min.js" type="text/javascript"></script>
<link href="<?php echo base_url(); ?>assets/css/sweetalert.min.css" rel="stylesheet" type="text/css" >
<script>
		
			sl_id=[];
		issue_stock=[];
		balanced_stock=[];
		inspected_m=[];
		balanced_weight=[];
		rec_m=[];
$("#submit_data").click(function(e) {
	e.preventDefault();

type:"POST",
           
				data:{'dept_name':dept_name,'work_order_num':work_order_num,'work_order':work_order,'vendor_name':vendor_name,'sys_date':sys_date,'balanced_weight':balanced_weight,'rec_m':rec_m,'sl_id':sl_id,'balanced_stock':balanced_stock,'issue_stock':issue_stock,'ids':ids,'finishing_type':finishing_type,'comment':comment},

async:false,

success:function(data){

window.location.href  = '<?php echo base_url('fabric/issue_fabric_grid');?>';
			 
					}
					 
					});
	}
	}
	else 
	{
		 swal({
	 title: "Please Fill Issue Date and Dept Name Fields",
	  text: "",
	 
		});
	}
	
			
});

$(document).ready(function(){	
	   $('#issue_stock').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});	
	$(document).ready(function(){	
	   $('#issue_quantity').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});	
$(document).ready(function(){	
	   $('.i_quantity').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});		
</script>
<script>

function location_function()
{
	
var location=$('#location_name').val();
$('#vendor_name').val(location);
		$.ajax({
            url:"<?php echo base_url('out_source/finishing_emb_location_data');?>",

type:"POST",
           		data:{'location':location},
				async:false,
		       		success:function(data)
		  {

var objData =JSON.parse(data);
    console.log(objData);
	
var contentt = '';
$("#swan_dyed_body").empty();
var i=1;

$.each(objData.details,function(key,value)
{
 
contentt += '<tr>';
contentt += '<td><input type="checkbox" name="id" id="id"  class="yarn_raw_id" value="'+value.id+'" style="width: 80px;border:transparent;">';
contentt += '<input type="hidden"  value="'+value.id+'" style="width: 80px;border:transparent;"></td>';
contentt += '<td><input type="text" name="purpose" style="width: 150px !important;border:transparent;" id="purpose" class="purpose" value="'+value.consumed_at+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="article" style="width: 50px;border:transparent;" id="article" class="article art" value="'+value.vendor_name+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="shade" style="width: 150px;border:transparent;" id="shade" class="shade sha" value="'+value.po_no+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_quality" style="width: 80px;border:transparent;" id="weft_quality" class="weft_quality qual" value="'+value.ssl_pc_no+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_quality" style="width: 80px;border:transparent;" id="weft_quality" class="weft_quality qual" value="'+value.piece_no+'" readonly="readonly"></td>';

contentt += '<td><input type="text" name="weft_spec" style="width: 80px;border:transparent;" id="weft_spec" class="weft_spec spec" value="'+value.product_name+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_denier" style="width: 80px;border:transparent;" id="weft_denier" class="weft_denier denier" value="'+value.width+'" readonly="readonly"></td>';
contentt += '<td ><input type="text" name="weft_color_code" style="width: 80px;border:transparent;" value="'+value.design+'" id="weft_color_code" class="weft_color_code color_code"  readonly="readonly"></td>';

contentt += '<td><input type="text" name="weft_spec" style="width: 80px;border:transparent;" id="weft_spec" class="weft_spec spec" value="'+value.shades+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_denier" style="width: 80px;border:transparent;" id="weft_denier" class="weft_denier denier" value="'+value.rec_weight+'" readonly="readonly"></td>';
contentt += '<td ><input type="text" name="weft_color_code" style="width: 80px;border:transparent;" value="'+value.balanced_mtrs+'" id="weft_color_code" class="weft_color_code color_code"  readonly="readonly"></td>';

contentt += '</tr>';
});

$("#swan_dyed_body").html(contentt);
$('#myModal_weft_dying').modal('show');

}

});
	 
}

</script>

$(function () {
        $("#sys_date").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true
        });
    });

$(document).ready(function () {
        $('input[type="radio"]').click(function () {
		if ($(this).attr("value") == "all")
		{
			$("#all_location").show();
			 $("#ho_location").hide();
			 $("#peenya_location").hide();
			 $("#tailoring_location").hide();
			 $("#nandi_location").hide();
		}	
         if ($(this).attr("value") == "ho") {
				$("#ho_location").show();
                $("#peenya_location").hide();
				$("#all_location").hide();
				 $("#tailoring_location").hide();
			 $("#nandi_location").hide();
               
            }      
		if ($(this).attr("value") == "peenya")
			{
                $("#ho_location").hide();
                $("#peenya_location").show();
				$("#all_location").hide();
				 $("#tailoring_location").hide();
			 $("#nandi_location").hide();
				
            }
		if ($(this).attr("value") == "nandi")
		{
			 $("#tailoring_location").hide();
			 $("#nandi_location").show();
			$("#ho_location").hide();
			$("#peenya_location").hide();
			$("#all_location").hide();
			
		}
		if ($(this).attr("value") == "tailoring")
			{
				 
				 $("#tailoring_location").show();
			 $("#nandi_location").hide();
                $("#ho_location").hide();
                $("#peenya_location").hide();
				$("#all_location").hide();
				
            }
		
		
        });
    });
	
	
</script>

function swan_myFunction() {
 //alert();
  var input, filter, table, tr, td, i;
  input = document.getElementById("search_yarn_swan");
  
  filter = input.value.toUpperCase();
  table = document.getElementById("swan_dyed_body");
  tr = table.getElementsByTagName("tr");

// Loop through all table rows, and hide those who don't match the search query
  for (i = 0; i < tr.length; i++) {
	 // alert() 
    // td = tr[i].getElementsByTagName("td")[1];
	 td2 = tr[i].getElementsByTagName("td")[2];
	//td3 = tr[i].getElementsByTagName("td")[3];
	// td4 = tr[i].getElementsByTagName("td")[4];
	 td5 = tr[i].getElementsByTagName("td")[5];
	td6 = tr[i].getElementsByTagName("td")[6];
	// td7 = tr[i].getElementsByTagName("td")[7];
	// td8 = tr[i].getElementsByTagName("td")[8];
	// td9 = tr[i].getElementsByTagName("td")[9];
	 // td10 = tr[i].getElementsByTagName("td")[10];

// if (td.innerHTML.toUpperCase().indexOf(filter) > -1 ||  td2.innerHTML.toUpperCase().indexOf(filter) > -1 || td3.innerHTML.toUpperCase().indexOf(filter) > -1 || td4.innerHTML.toUpperCase().indexOf(filter) > -1 || td5.innerHTML.toUpperCase().indexOf(filter) > -1 || td6.innerHTML.toUpperCase().indexOf(filter) > -1 || td7.innerHTML.toUpperCase().indexOf(filter) > -1 || td8.innerHTML.toUpperCase().indexOf(filter) > -1 || td9.innerHTML.toUpperCase().indexOf(filter) > -1 || td10.innerHTML.toUpperCase().indexOf(filter) > -1 ) {
		   if (td2.innerHTML.toUpperCase().indexOf(filter) > -1 || td5.innerHTML.toUpperCase().indexOf(filter) > -1 || td6.innerHTML.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    //} 
  }
 }
</script>
<style>
		#dying{
			display:none;
		}					
	.form-horizontal .radio-inline {
    padding-top: 2px !important;
    margin-top: 0;
    margin-bottom: 0;
	}
	.form-horizontal .radio > span {
	    margin-top: -3px !important;
	}						
	.skin-blue .wrapper, .skin-blue .left-side {
		background-color: #ffffff !important;
	}
	
	.skin-blue .main-sidebar
	{
		background-color: #e6e6e6 !important;
	}

@media only screen and (min-width:641px) and (max-width:991px) {
		.form-group label{
			padding-left:20px !important;
		}
	}
	
	.body-middle
	{
		//width:550px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		color:#000;
	}
	
	.twisting
	{
		padding-bottom:50px;
	}
	
	.twisting table, th, td {
		border: 1px solid black;
		border-collapse: collapse;
	}
	
	.twisting th, td {
		padding:5px;
	}
	
	.text-input
	{
		border: initial;
		width:100%;
	}
	.text-input1
	{
		border: initial;
		width:80%;
	}
	.material-tr td
	{
		text-align:center;
	}
	
	#ui-id-1
	{
		display: none;
width: 350px;
top: 258px;
overflow-x: hidden !important;
overflow-y: scroll !important;
height: 203px !important;

} 
	#ui-id-2
	{
		display: none;
width: 350px;
top: 258px;
overflow-x: hidden !important;
overflow-y: scroll !important;
height: 203px !important;

} 
</style>