EVOLUTION-NINJA

Edit File: weaving_goods_recived.php

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

$(document).ready(function () {
        $('input[type="radio"]').click(function () {
         if ($(this).attr("value") == "raw") {
				$("#yarn-body").show();
                $("#yarn-body1").hide();
                $("#yarn-body2").hide();
				$("#yarn-raw-body").hide();
            }      
		if ($(this).attr("value") == "twisting") {
                $("#yarn-body").hide();
                $("#yarn-body1").show();
				 $("#yarn-body2").hide();
				 $("#yarn-raw-body").hide();
            }      
		if ($(this).attr("value") == "dyed") {
                $("#yarn-body").hide();
				 $("#yarn-body1").hide();
                $("#yarn-body2").show();
				$("#yarn-raw-body").hide();
            }   
		if ($(this).attr("value") == "swan-dyed") {
				 $("#yarn-body").hide();
				 $("#yarn-body1").hide();
                $("#yarn-body2").hide();
				$("#yarn-raw-body").show();
            }      
			   			
        });
    });
	
</script>

<?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  $this->load->view('templates/nav_menu'); ?>

<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>For Weaving</strong></td>
						</tr>
						
						<tr>
							<td colspan="14">Work Order # <input type="text" class="text-input1 work_order" value="<?php echo 'DTL'.$financial_year.'-WO-'.'W'.$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">Vendor : <input type="text" class="text-input1 vendor_name"   id="vendor_name" name="ve_name" value="<?php echo " Swan Silk Nandi Factory" ?>"></td>
						</tr>
						
						<tr>
						<td colspan="14">Delivery Date : <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">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>Material Issues</strong> <button style="margin-left: 25%;color:#fff;" id="waeving_modal" name="weaving_modal"> <i class="fa fa-plus" style="color:#337AB7;;"></i></button</td>
							
						</tr>
						
						<tr class="material-tr">
							<td>SI #</td>
							<td>OSL</td>
							<td>Issue # / Lot #</td>
							<td>Yarn Type</td>
							<td>Yarn Quality</td>
							<td>Yarn Name</td>
							<td>Yarn Denier</td>
							<td>Yarn Speciﬁcation</td>
							<td>Color Code</td>
							<td>Dyed Weight </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: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:8%;"><input type="text" class="text-input  m_netweight m_net_weight" style="text-align:right;" name="m_net_weight" id="m_net_weight" onkeyup="net_weight(this.value)"></td>
							<td style="width:8%;"><input type="text" class="text-input lot" style="text-align:right;" name="lot" id="lot"></td>
							<td style="width:5%;"><input type="text" class="text-input bale" style="text-align:right;" name="bale" id="bale"></td>
							<td	style="width:5%;"><input type="text" class="text-input issued_gweight  issued_gross_weight" style="text-align:right;" name="issued_gross_weight" id="issued_gross_weight" onkeyup="issue_gross_weight(this.value)"></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(); ?>out_source/weaving_work_order" 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">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							        <h4 class="modal-title">Stock 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>
								<div class="row" style="padding-bottom:45px;">
						<div class="col-sm-3"></div>
						<div class="col-sm-8">
							<label class="radio-inline"><input type="radio" name="optradio" checked value="raw">Yarn - Raw </label>
							<label class="radio-inline"><input type="radio" name="optradio" value="twisting">Yarn - Twisting</label>
							<label class="radio-inline"><input type="radio" name="optradio" value="dyed">Yarn - Dyed</label>
							<label class="radio-inline"><input type="radio" name="optradio" value="swan-dyed">Swan - Yarn - Dyed</label>
						</div>
						<div class="col-sm-4"></div>							
					</div>  
					
					
									
							<div class="yarn-body" id="yarn-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" class=" col-xs-5" id="search_yarn_raw" placeholder="Type to search">
								</div>
							<br/><br/>
							<table class="table table-striped table-bordered table-hover" id="sample">
							<thead>
							<tr>
								<th>
									Select yarn
								</th>
									<th>
									Purpose
								</th>
								<th>
									Yarn Quality
								</th>
								<th>
									Yarn Type
								</th>
								<th>
									 Yarn Name
								</th>
								<th>
									 Yarn Denier
								</th>
                                <th>
									 Yarn Specification
								</th>
								 <th style="display:none;">
									 Yarn Shade
								</th>
								 <th>
									 Lot
								</th>
								
                                <th>
									 Net Weight
								</th>
								
								
							</tr>
							</thead>
							<tbody id="raw_body">
							
							</tbody>
							</table>
						</div>
							
				<div class="yarn-body1" id="yarn-body1" style="display:none;">
					<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_twist" class=" col-xs-5" placeholder="Type to search">
					</div>
						<br/><br/>
							<table class="table table-striped table-bordered table-hover" id="sample">
							<thead>
							<tr>
								<th>
									Select yarn
								</th>
									<th>
									Purpose
								</th>
								<th>
									Yarn Quality
								</th>
								<th>
									Yarn Type
								</th>
								<th>
									 Yarn Name
								</th>
								<th>
									 Yarn Denier
								</th>
                                <th>
									 Yarn Specification
								</th>
								 <th>
									Yarn  Shade
								</th>
								 <th>
									 Lot
								</th>
								
                                <th>
									 Net Weight
								</th>
								
								
							</tr>
							</thead>
							<tbody id="twist_body">
							
							</tbody>
							</table>
						</div>
						
						
						<div class="yarn-body2" id="yarn-body2" style="display:none;">
							<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_dyed" class=" col-xs-5" placeholder="Type to search">
							</div>
							
						<br/><br/>
							<table class="table table-striped table-bordered table-hover" id="sample">
							<thead>
							<tr>
								<th>
									Select yarn
								</th>
									<th>
									Purpose
								</th>
								<th>
									Yarn Quality
								</th>
								<th>
									Yarn Type
								</th>
								<th>
									 Yarn Name
								</th>
								<th>
									 Yarn Denier
								</th>
                                <th>
									 Yarn Specification
								</th>
								 <th>
									 Yarn Shade
								</th>
								 <th>
									 Lot
								</th>
								
                                <th>
									 Net Weight
								</th>
							</tr>
							</thead>
							<tbody id="dyed_body" >
							
							</tbody>
							</table>
						</div>

<div class="yarn-raw-body" id="yarn-raw-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_warp" class=" col-xs-5" placeholder="Type to search">
							</div>	
						<br/><br/>
							<table class="table table-striped table-bordered table-hover" id="sample">
							<thead>
							<tr>
								<th>
									Select yarn
								</th>
								
								<th>
									 OSL No.
								</th>
								
								<th>
									 Issue #
								</th>
								<th>
									 Yarn Quality 
								</th>
                                <th>
									Yarn Type
								</th>
								 <th>
									 Yarn Name
								</th>
								 <th>
									 Yarn Denier
								</th>
								 <th>
									 Yarn Speciﬁcation
								</th>
								 <th>
									 DTL Shade
								</th>
								<th>
									 Color Code
								</th>
                                <th>
									 Dyed Weight
								</th>
								
								
							</tr>
							</thead>
							<tbody id="swan_dyed_body" class="swan_dyed_body" >
							
										<?php  $i=1; if(isset($raw)) { foreach($raw as $twisting) { 
										
										?>
										
									<tr>
							<td ><input type="checkbox" name="id"
		id="id" class="yarn_raw_id"  onclick="display()" value="<?php echo $twisting->id."d"; ?>" style="width:20px !important;border:0px !important;padding:0px !important;"/></td>
		
		<td ><input type="text" name="m_yarn_name"
		id="m_yarn_name" class="m_yarn_name" value="<?php echo $twisting->osl_no; ?>" style="width:100px !important;border:0px !important;padding:0px !important;" readonly="readonly"/></td>
		
		<td ><input type="text" name="m_yarn_name"
		id="m_yarn_name" class="m_yarn_name" value="<?php echo $twisting->issue_no; ?>" style="width:100px !important;border:0px !important;padding:0px !important;" readonly="readonly"/></td>
		<td ><input type="text" name="m_yarn_specification"
		id="m_yarn_specification" class="m_yarn_name" value="<?php echo $twisting->yarn_quality; ?>" style="width:120px !important;border:0px !important" readonly="readonly"/></td>
		<td ><input type="text" name="m_yarn_denier"
		id="m_yarn_denier" class="m_yarn_name" value="<?php echo $twisting->yarn_type; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		<td style="display:none;" ><input type="text" name="m_yarn_specification"
		id="m_yarn_specification" class="m_yarn_name"  style="width:120px !important;border:0px !important;" readonly="readonly"/></td>
	
		
		
		<td ><input type="text" name="lot"
		id="lot" class="m_yarn_name"  value="<?php echo $twisting->yarnName; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
		<td ><input type="text" name="lot"
		id="lot" class="m_yarn_name" value="<?php echo $twisting->yarnDenier; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
		<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->yarnSpecification; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
		<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->shade; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->color_code; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->issue_dyed_qua; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
		
							</tr>
							<?php $i++; }} ?>	
							</tbody>
							</table>
						</div>
							
				
		</fieldset>
										
	 </div>
	</div>
  </div>
</div> 					
		 
		
		
	</div> 
</div>

$.ajax({
		url:"<?php echo base_url('out_source/fetch_weave_data')?>",
		dataType: "json",
		type:"POST",
	
		success:function(data)
		  { 	
		 
             var objData =JSON.parse(JSON.stringify(data));
			
var obj_raw=objData.get_yarn_raw_data;
var contentt = '';
$("#raw_body").empty();
var i=1;
 $.each(obj_raw,function(key,val)
 {
	
	  var ar_new=objData.raw[key];
contentt += '<tr>';
contentt += '<td><input type="checkbox"  value="'+val.id+'e'+'" 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.purpose+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="article" style="width: 50px;border:transparent;" id="article" class="article art" value="'+ar_new.yarn_quality+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="shade" style="width: 150px;border:transparent;" id="shade" class="shade sha" value="'+ar_new.yarn_type+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_quality" style="width: 80px;border:transparent;" id="weft_quality" class="weft_quality qual" value="'+ar_new.yarnName+'" readonly="readonly"></td>';

contentt += '<td><input type="text" name="weft_spec" style="width: 80px;border:transparent;" id="weft_spec" class="weft_spec spec" value="'+ar_new.yarnDenier+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_denier" style="width: 80px;border:transparent;" id="weft_denier" class="weft_denier denier" value="'+ar_new.yarnSpecification+'" readonly="readonly"></td>';
contentt += '<td style="display:none;"><input type="hidden" name="weft_color_code" style="width: 80px;border:transparent;" id="weft_color_code" 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.lot+'" readonly="readonly"></td>';
contentt += '<td><input type="text" name="weft_wt" id="weft_wt" style="width: 80px;border:transparent;" class="weft_wt w_wt" value="'+val.net_weight+'" readonly="readonly"></td>';
contentt += '</tr>';
});
$("#raw_body").html(contentt);

var obj_twist=objData.get_yarn_twisting_data;
var contenttt = '';
$("#twist_body").empty();
var i=1;
 $.each(obj_twist,function(key,val)
 {
	 //alert(val.id)
	  var ar_new1=objData.twist[key];
	//  alert(ar_new1.yarn_quality)
contenttt += '<tr>';
contenttt += '<td><input type="checkbox"  value="'+val.id+'e'+'" style="width: 80px;border:transparent;">';
contenttt += '<input type="hidden"  value="'+val.id+'" style="width: 80px;border:transparent;"></td>';
contenttt += '<td><input type="text" name="purpose" style="width: 80px;border:transparent;" id="purpose" class="purpose" value="'+val.purpose+'" readonly="readonly"></td>';
contenttt += '<td><input type="text" name="article" style="width: 50px;border:transparent;" id="article" class="article art" value="'+ar_new1.yarn_quality+'" readonly="readonly"></td>';
contenttt += '<td><input type="text" name="shade" style="width: 150px;border:transparent;" id="shade" class="shade sha" value="'+ar_new1.yarn_type+'" readonly="readonly"></td>';
contenttt += '<td><input type="text" name="weft_quality" style="width: 80px;border:transparent;" id="weft_quality" class="weft_quality qual" value="'+ar_new1.yarnName+'" readonly="readonly"></td>';

contenttt += '<td><input type="text" name="weft_spec" style="width: 80px;border:transparent;" id="weft_spec" class="weft_spec spec" value="'+ar_new1.yarnDenier+'" readonly="readonly"></td>';
contenttt += '<td><input type="text" name="weft_denier" style="width: 80px;border:transparent;" id="weft_denier" class="weft_denier denier" value="'+ar_new1.yarnSpecification+'" readonly="readonly"></td>';
contenttt += '<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.shades+'" readonly="readonly"></td>';
contenttt += '<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.lot+'" readonly="readonly"></td>';

contenttt += '<td><input type="text" name="weft_wt" id="weft_wt" style="width: 80px;border:transparent;" class="weft_wt w_wt" value="'+val.net_weight+'" readonly="readonly"></td>';
contenttt += '</tr>';
});
$("#twist_body").html(contenttt);

var obj_dyed=objData.get_yarn_dyed_data;
var content_dye = '';
$("#dyed_body").empty();
var i=1;
 $.each(obj_dyed,function(key,val)
 {
	// alert(val.id)
	  var ar_new2=objData.dyed[key];
content_dye += '<tr>';
content_dye += '<td><input type="checkbox"  value="'+val.id+'e'+'" style="width: 80px;border:transparent;">';
content_dye += '<input type="hidden"  value="'+val.id+'" style="width: 80px;border:transparent;"></td>';
content_dye += '<td><input type="text" name="purpose" style="width: 80px;border:transparent;" id="purpose" class="purpose" value="'+val.purpose+'" readonly="readonly"></td>';
content_dye += '<td><input type="text" name="article" style="width: 50px;border:transparent;" id="article" class="article art" value="'+ar_new2.yarn_quality+'" readonly="readonly"></td>';
content_dye += '<td><input type="text" name="shade" style="width: 150px;border:transparent;" id="shade" class="shade sha" value="'+ar_new2.yarn_type+'" readonly="readonly"></td>';
content_dye += '<td><input type="text" name="weft_quality" style="width: 80px;border:transparent;" id="weft_quality" class="weft_quality qual" value="'+ar_new2.yarnName+'" readonly="readonly"></td>';

content_dye += '<td><input type="text" name="weft_spec" style="width: 80px;border:transparent;" id="weft_spec" class="weft_spec spec" value="'+ar_new2.yarnDenier+'" readonly="readonly"></td>';
content_dye += '<td><input type="text" name="weft_denier" style="width: 80px;border:transparent;" id="weft_denier" class="weft_denier denier" value="'+ar_new2.yarnSpecification+'" readonly="readonly"></td>';
content_dye += '<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.shades+'" readonly="readonly"></td>';
content_dye += '<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.lot+'" readonly="readonly"></td>';
content_dye += '<td><input type="text" name="weft_wt" id="weft_wt" style="width: 80px;border:transparent;" class="weft_wt w_wt" value="'+val.net_weight+'" readonly="readonly"></td>';
content_dye += '</tr>';
});
$("#dyed_body").html(content_dye);

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

});
$("#generate").click(function() {
	 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(checkbox_value);
		$.ajax({
            url:"<?php echo base_url('out_source/fetch_weaving_data');?>",

type:"POST",
           		data:{'ids':checkbox_value },
				async:false,
		        success: function (data) {
					
				  var objData = jQuery.parseJSON(data);
					var obj=objData.result_yarn;
				
					var obj1=objData.result_swan;
					//alert();
					var content = '';
	
				$("#yarnTbody").empty();
					var i=1;
					
                  $.each(obj1,function(key,val){
		//alert(val.osl_no);
		content += '<tr>';
		
	content += '<td style="width:4%;text-align:right;" ><input type="text" class="text-input" value="'+i+'"><input type="hidden" class="text-input yarn_id" name="yarn_id" id="yarn_id" value="'+val.id+"swan_dyed"+'"></td>';
		content += '<td style="width:5%;"><input type="text" class="text-input yarn_osl_no" name="yarn_osl_no" id="yarn_osl_no" value="'+val.osl_no+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input yarn_issue_no" name="yarn_issue_no" id="yarn_issue_no" value="'+val.issue_no+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input yarn_type" name="yarn_type" id="yarn_type" value="'+val.yarn_type+'"></td>';
		content += '<td style="width:10%;"><input type="text" class="text-input yarn_quality" name="yarn_quality" id="yarn_quality" value="'+val.yarn_quality+'"></td>';
		content += '<td style="width:10%;"><input type="text" class="text-input m_gweight yarn_name" name="yarn_name" id="yarn_name" onkeyup="gross_weight(this.value)" value="'+val.yarnName+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input  m_netweight yarn_denier" style="text-align:right;" name="yarn_denier" id="yarn_denier" onkeyup="net_weight(this.value)" value="'+val.yarnDenier+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input yarn_spec" style="text-align:right;" name="yarn_spec" id="yarn_spec" value="'+val.yarnSpecification+'"></td>';
		content += '<td style="width:5%;"><input type="text" class="text-input color_code" style="text-align:right;" name="color_code" id="color_code" value="'+val.color_code+'"></td>';
		content += '<td	style="width:5%;"><input type="text" class="text-input dyed_weight" style="text-align:right;" name="dyed_weight" id="dyed_weight"  value="'+val.issue_dyed_qua+'"></td>';
		
		
		content += '</tr>';
					index= i;
					i++;
		
			});
		
		$.each(obj,function(key,val){
		var ar_new_yarn=objData.result_yarn1[key];
		var ar_new_yarn1=objData.purpose_yarn1[key];
		
		content += '<tr>';
		
		content += '<td style="width:4%;text-align:right;" ><input type="text" class="text-input" value="'+i+'"><input type="hidden" class="text-input yarn_id" name="yarn_id" id="yarn_id" value="'+val.id+"yarn_det"+'"></td>';
		content += '<td style="width:5%;"><input type="text" class="text-input yarn_osl_no" name="yarn_osl_no" id="yarn_osl_no" value="'+ar_new_yarn1.purpose+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input yarn_issue_no" name="yarn_issue_no" id="yarn_issue_no" value="'+val.lot+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input yarn_type" name="yarn_type" id="yarn_type" value="'+ar_new_yarn.yarn_type+'"></td>';
		content += '<td style="width:10%;"><input type="text" class="text-input yarn_quality" name="yarn_quality" id="yarn_quality" value="'+ar_new_yarn.yarn_quality+'"></td>';
		content += '<td style="width:10%;"><input type="text" class="text-input m_gweight yarn_name" name="yarn_name" id="yarn_name"  value="'+ar_new_yarn.yarnName+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input  m_netweight yarn_denier" style="text-align:right;" name="yarn_denier" id="yarn_denier" value="'+ar_new_yarn.yarnDenier+'"></td>';
		content += '<td style="width:8%;"><input type="text" class="text-input yarn_spec" style="text-align:right;" name="yarn_spec" id="yarn_spec" value="'+ar_new_yarn.yarnSpecification+'" ></td>';
		content += '<td style="width:5%;"><input type="text" class="text-input color_code" style="text-align:right;" name="color_code" id="color_code" ></td>';
		content += '<td	style="width:5%;"><input type="text" class="text-input dyed_weight " style="text-align:right;" name="dyed_weight" id="dyed_weight"  value="'+val.net_weight+'"></td>';
		content += '</tr>';
					index= i;
					i++;
		
			});
		
			
	$("#yarnTbody").html(content);
			}

});
	}
	
    });
	
	
var $rows = $('#sample tr');
$('#search_warp').keyup(function() {

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 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>
		yarn_id=[];
		yarn_quality=[];
		yarn_name=[];
		yarn_denier	=[];
		yarn_spec=[];
		yarn_osl_no=[];
		yarn_issue_no=[];
		yarn_type=[];
		color_code=[];
		dyed_weight=[];
		
$("#submit_data").click(function(e) {
	e.preventDefault();
//	alert();
	$('.yarn_id').each(function () {
		yarn_id.push($(this).val());
		});
	
	$('.yarn_quality').each(function () {
		 yarn_quality.push($(this).val());
	});	
	
	$('.yarn_name').each(function () {
		 yarn_name.push($(this).val());
		});
		
	$('.yarn_denier').each(function () {
		 yarn_denier.push($(this).val());
	});	
	
	$('.yarn_spec').each(function () {
		 yarn_spec.push($(this).val());
		});
		
	$('.yarn_osl_no').each(function () {
		yarn_osl_no.push($(this).val());
		
	});	
	
	$('.yarn_issue_no').each(function () {
		 yarn_issue_no.push($(this).val());
	});	
	
	$('.yarn_type').each(function () {
		 yarn_type.push($(this).val());
		});
	$('.color_code').each(function () {
		 color_code.push($(this).val());
		});
		
	$('.dyed_weight').each(function () {
		dyed_weight.push($(this).val());
		
	});

var work_order =$('#work_order').val();
		var work_order_num =$('#work_order_num').val();
	var vendor_name =$('#vendor_name').val();
	var sys_date =$('#sys_date').val();
	var comment =$('#comment').val();
			 $.ajax({
            url:"<?php echo base_url('out_source/insert_weaving_data');?>",

type:"POST",
           
				data:{'work_order_num':work_order_num,'work_order':work_order,'vendor_name':vendor_name,'sys_date':sys_date,'comment':comment,'dyed_weight':dyed_weight,'color_code':color_code,'yarn_type':yarn_type,'yarn_issue_no':yarn_issue_no,'yarn_osl_no':yarn_osl_no,'yarn_spec':yarn_spec,'yarn_denier':yarn_denier,'yarn_name':yarn_name,'yarn_quality':yarn_quality,'yarn_id':yarn_id},

async:false,

success:function(data){

@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>
<style>
	.content-wrapper{
		overflow:auto !important;
	}
	.modal-dialog{
		width:80% !important;
	}
	.ss{
		margin-left:415px;
	}
	@media only screen and (min-width:320px) and (max-width:640px){
		.modal-dialog{
			width:1200px !important;
		}
		#myModal_weft_dying{
			width:100% !important;
			overflow-x:scroll;
		}
		.ss{
		margin-left:0px;
	}
	}
</style>