EVOLUTION-NINJA

Edit File: customer_details88.php

<?php   
// print_r($result);
// die();
?>

<script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script>
<script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
<script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.min.js'); ?>"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.min.css'); ?>" />
<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/bootstrap.min.css'); ?>" />	
<script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<script>

// $(document).ready(function(){
// 	//Chosen
//   $(".from_user").chosen({});
//   //Logic
// });

// $(document).ready(function(){
// 	//Chosen
//   $(".to_user").chosen({});
//   //Logic
// });
function parmissionunits(){
      $("#width").empty();
    var type=$('#subOrderType').val(); 
   
         $.ajax({
    			type:'post',
    			url:'<?php echo base_url("quality_check/size_type"); ?>',
    			data:'',
    			async:false,
    			success: function (response12) {
    			    response12 = jQuery.parseJSON(response12);
    			    console.log(response12);
                    mode +='<option value = "">Select an Option</option>';
        			$('#width').append(mode);
                  	for(var i=0; i<response12.length; i++){
                  	     if(type==response12[i].product_type){
                  	       var size_val = response12[i].size+"&nbsp;"+response12[i].scale;
        					var mode = '';
        					mode +='<option value='+size_val+'>'+size_val+'</option>';
                            
        					$('#width').append(mode);
        				}
                  	}
                    
    				}
    			
    		});	
    		$(".product_type").chosen({});	
	}

</script> 
<script>
    $(function () {
        $("#orderDate").datepicker({
            dateFormat: "d-m-yy",
            changeMonth: true,
            changeYear: true
        });
    });
    $(function () {
        $("#requiredDate").datepicker({
            dateFormat: "d-m-yy",
            changeMonth: true,
            changeYear: true
        });
    });
    
  
</script>
<style>
.ui-jqgrid
{
	    text-transform: capitalize !important;
}
.tablediv
{

text-transform: uppercase !important;

}
.ui-jqgrid tr.jqgrow td{ 
text-transform: uppercase !important;
}
#ui-id-1
	{
	
		width: 350px;
		top: 258px;
		overflow-x: hidden !important;
		overflow-y: scroll !important;
		height: 203px !important;
	} 
</style>
<?php  //include("menu.php");
?>
 
 <div class="page-content-wrapper">
	<div class="page-content">
		<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('quality_check/customer_product_details11?prop_id=1'); ?>" >Add Fabric </a></li>
		    </ul>
	    </div>
		<div class="portlet box blue-madison">
			<form class="form-inline" id="myForm"  >
			    <input type="hidden"  class="form-control ss col-sm-8" name="url_ref_val" >
			    <input type = "hidden" name = "temp_name"  id = "temp_name" value = "" />	
				<div class="row">
					<div class="col-sm-12">
						<div class="form-group col-sm-10 ss" style="margin-left: 3%;"> 
							<label class="radio-inline">
							<input type="radio"   checked="checked" value="inhouse" name="planningorder" id="inhouse_planningorder"  onclick="planningtypes('In-House Productions')" />
 								In-House Productions</label> 
							<label class="radio-inline radio2">
							<input type="radio"  name="planningorder" class="planningorder" id="outsource_planningorder" value="outsource" onclick="planningtypes('Out-Source Productions')" />
 								Out-Source Productions</label> <br/><br/>
						</div> 
						<br/>
						<div class="row">
						    <div class="col-sm-6">
							    <div class="row">
            						<div class="col-sm-4">
            							<div class="form-group">
            								<label class="control-label">Customer ID :</label>
            							</div>	
            						</div>	
        							<div class="col-sm-4">
        								<input type="text" name="customer_id" id="customer_id" class="form-control" style="height: 30px;"  value="<?php echo $result->customerID; ?>" readonly="readonly">
        								<input type="hidden" name="customer_name" id="customer_name" class="customer_name" value="<?php echo $result->customerName; ?>">
        							    <input type="hidden" name="c_id" id="c_id" class="form-control" style="height: 30px;"  value="<?php echo $result->id; ?>" readonly="readonly">
        							    <input type="hidden" name="rand" id="rand" class="form-control" style="height: 30px;"  value="<?php echo  $_GET['rand']; ?>" readonly="readonly">
        							</div>

<div class="col-sm-4"></div>
						        </div> 
						        <div class="row" style="padding-top:20px;">
                				    <div class="col-sm-4">
                					    <div class="form-group">
                							<label class="control-label">Order Type :</label>
                						</div>
                					</div>
                					<div class="col-sm-6">
                						<select onchange="parmissionunits(this.value)"
											name="subOrderType" id="subOrderType"
											class="form-control" style="height: 30px;" required="required">
											<option value="">Select</option>
                                            <?php
                                                foreach ($orderTypes as $type) {
                                                    $as=$type->type;
                                                    if($as=='FABRIC'){
                                                    echo '<option value="' . $type->fabricType . '"'; 
                                                    if(isset($_POST['subOrderType']) && ($_POST['subOrderType'] == $type->fabricType))
                                                        echo 'selected="selected" ';
                                                    echo '>';
                                                    echo $type->fabricType . '</option>';
                                                    }
                                                }
                                            ?>
                                        </select>
                					</div>
                					<div class="col-sm-4"></div>
                				</div> 
    							<div class="row" style="padding-top:20px;">
        							<div class="col-sm-4">
        								<div class="form-group">
        									 <label class="control-label">Units :</label>
        								</div>	 
        							</div>		
                    				<div class="col-sm-6">
										<select name="unit" id="unit" class="form-control"
											style="height: 30px;" required="required">
											<option value="">Select</option>
											<option value="MTRs"
												<?php echo set_select('unit','MTRs'); ?>>MTRs</option>
											
											
											
											
											
											
											
											
											<option value="YARDS"
												<?php echo set_select('unit','YARDS'); ?>>YARDS</option>
										</select>
                    				</div>
                    				<div class="col-sm-2"></div>
                    			</div> 
                    			<div class="row" id="inhouse" style="padding-top:20px;">
									<div class="col-sm-4">
										<div class="form-group" >
											<label class="control-label">Article No:</label>
										</div>
									</div>
									<div class="col-sm-6">
									    <select name="articleNo" id="articleNo"
											class="form-control art_no" style="height: 30px;"
											onfocusout="articleno_getDesignAndQuality(this.value);" >
											<option value="">Select</option>
										<?php
											foreach ($articles as $article) {
											 //   print_r($article);
											 //   die();
											    echo '<option value="' . $article->articleNo . '" ';
											    if(isset($_POST['articleNo'])&&($_POST['articleNo'] == $article->articleNo))
											        echo ' selected="selected" ';     
											    echo '>';
											    echo $article->articleNo . '</option>';
											}
										?>
                                        </select><?php validationfn(form_error('articleNo')); ?>
									</div>
									<div class="col-sm-2"></div>
								</div>
								<div class="row" id="outsource" style="padding-top:20px;">
								    <div class="col-sm-4">
										<div class="form-group" >
											<label class="control-label">Article No:</label>
										</div>
									</div>
									<div class="col-sm-6">
								    	<select name="article_No" id="article_No"	class="form-control art_no1" style="height: 30px;" onchange="outsource(this.value);" >
											<option value="">Select</option>
										    <?php foreach ($outsource as $article) {?>
											<option value="<?php echo $article->product; ?>"><?php echo $article->product; ?></option>
												
												<?php }
												?>
										</select><?php validationfn(form_error('articleNo')); ?>
									</div>
									<div class="col-sm-2"></div>
								</div>	
								<div class="row" style="padding-top:20px;">
    							    <div class="col-sm-4">
    								    <div class="form-group">
    									    <label class="control-label">Weave :</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="design" id="design"
											class="form-control" style="height: 30px;"
											value="<?=set_value('design') ?>"
											readonly="readonly">
                                    </div>
                                    <div class="col-sm-2"></div>
                                    </div> 
            						<div class="row" style="padding-top:20px;">
            							<div class="col-sm-4">
            								<div class="form-group">
            									<label class="control-label">Design :</label>
                                        	</div>
                                        </div>
                                        <div class="col-sm-6">
                                            <select name="dbdesign" id="dbdesign" class="form-control" style="height: 30px;" required="required">
														<option value="">Select</option>
														<option value="0">None</option>
													<?php
													foreach ($designdata as $designdata) {
													    echo '<option value="' . $designdata->designmp . '" ';
													    if(isset($_POST['designmp'])&&($_POST['designmp'] == $designdata->designmp))
													        echo ' selected="selected" ';     
													    echo '>';
													    echo $designdata->designmp . '</option>';
													}
													?>
                                            </select> 
                                        </div>
                                        <div class="col-sm-2"></div>
                                    </div> 
                                    <div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">Buyer Description:</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="text" name="custom_description"
												id="custom_description"
												value="<?=set_value('custom_description') ?>"
												class="form-control" style="height: 30px;width:90%!important;" required="required">
                                        </div>
                                        
                                    </div> 						
        							<div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">Marketing Description :</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="text" name="description"
												id="description"
												value="<?=set_value('description') ?>"
												class="form-control" style="height: 30px;width:90%!important;" required="required">
                                        </div>
                                        
                                    </div> 
                                     <div class="row" style="padding-top:20px;">
                						<div class="col-sm-4">
                						    <div class="form-group">
                								<label class="control-label">Price Valid From :</label>
                
                							</div>
                						</div>
                						<div class="col-sm-6">
                						    <input type="text" name="indent_date" id="orderDate"class="form-control indent_date datepicker" required="" readonly=""> 
                							 
                						</div>
                						<div clas="col-sm-2"></div>
                					</div>
                					
                					<div class="row" style="padding-top:20px;">
                						<div class="col-sm-4">
                						    <div class="form-group">
                								<label class="control-label">Composition :</label>
                
                							</div>
                						</div>
                						<div class="col-sm-6">
                						    <input type="text" name="composition" id="composition"class="form-control" required> 
                							 
                						</div>
                						<div clas="col-sm-2"></div>
                					</div>
                					
                					<div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">Customs Declaration :</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="text" name="customs_declaration"
												id="customs_declaration"
												value="<?=set_value('description') ?>"
												class="form-control" style="height: 30px;width:90%!important;" required="required">
                                        </div>
                                        
                                    </div> 
							    </div> 
							    <div class="col-sm-6">
							        <div class="row" >
            							<div class="col-sm-3">
            								<div class="form-group">
            								    <label class="control-label">Payment Terms :</label>
            									<div class="col-md-7"></div>
            								</div>
            							</div>
            							<div class="col-sm-6">
            							    <input type="hidden" name="production" id="production" class="production" value="<?php echo 'inhouse'; ?>">
    									 	<select name="paymentTerms" id="paymentTerms" class="form-control" style="height: 30px;width:173px;" value="" required="required">
    											<option value="">Select</option>
    											<option value="30 Days DA">30 Days DA</option>
    											<option value="45 Days DA">45 Days DA</option>
    											<option value="60 Days DA">60 Days DA</option>
    											<option value="90 Days DA">90 Days DA</option>
    											<option value="LC">LC</option>
    											<option value="DP(On Doc Receipt)">DP(On Doc Receipt)</option>
    											<option value="Advance Pay">Advance Pay</option>
    											<option value="Part Payment">Part Payment</option>
    											<option value="LC">Usance(Credit)Bill</option>
    											<option value="Usance(Credit)Bill">On Goods Receipt</option>
    											
    											<option value="Other">Other</option>
            								</select>
            							</div>
            							<div class="col-sm-3"></div>
            						</div> 
            						<div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">Contract Type :</label>
            								
            								</div>
            							</div>
            							<div class="col-sm-6">
            							    <select name="contractType" id="contractType"
    											class="form-control" style="height: 30px;width:173px;" required="required">
    											<option value="">Select</option>
    											<option value="C&F">C&F</option>
    											
    											<option value="CIF">CIF</option>
    											<option value="CIF THRU FEDEX">CIF THRU FEDEX</option>
    											<option value="FOB">FOB</option>
    											<option value="FOB+FRT">FOB+FRT</option>
    											<option value="FOB+INS">FOB+INS</option>
    											<option value="FOB ICD BENGALURU">FOB ICD BENGALURU</option>
    												
    											<option value="FOB CHENNAI"	>FOB CHENNAI</option>
    											<option value="FOB BENGALURU AIRPORT">FOB BENGALURU AIRPORT</option>
    											<option value="FOB TUTICORIN">FOB TUTICORIN</option>
    											<option value="FOB MUMBAI">FOB MUMBAI</option>
    											<option value="EXW BENGALURU">EXW BENGALURU</option>
    											<option value="CIF ICD BENGALURU">CIF ICD BENGALURU</option>
    
    											<option value="CIF CHENNAI">CIF CHENNAI</option>
    											<option value="CIF BENGALURU AIRPORT">CIF BENGALURU AIRPORT</option>
    											<option value="CIF TUTICORIN">CIF TUTICORIN</option>
    											<option value="CIF MUMBAI">CIF MUMBAI</option>
    
    											<option value="C&F ICD BENGALURU">C&F ICD BENGALURU</option>
    
    											<option value="C&F CHENNAI">C&F CHENNAI</option>
    											<option value="C&F BENGALURU AIRPORT">C&F BENGALURU AIRPORT</option>
    											<option value="C&F TUTICORIN">C&F TUTICORIN</option>
    											<option value="C&F MUMBAI">C&F MUMBAI</option>
    
    											<option value="C&I ICD BENGALURU">C&I ICD BENGALURU</option>
    
    											<option value="C&I CHENNAI">C&I CHENNAI</option>
    											<option value="C&I BENGALURU AIRPORT">C&I BENGALURU AIRPORT</option>
    											<option value="C&I TUTICORIN">C&I TUTICORIN</option>
    											<option value="C&I MUMBAI">C&I MUMBAI</option>
    
    											<option value="OTHERS">OTHERS</option>
    										</select>
            							</div>
            							<div class="col-sm-3"></div>
            						</div> 
            						
            						<div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">Currency Name :</label>
            								</div>
            							</div>
            							<div class="col-sm-6">
            							     <select name="currencyName" id="currencyName" class="form-control" required="required">
												<option value="">Select</option>
												<option value="USD">USD</option>
												<option value="GBP">GBP</option>
												<option value="EUR">EUR</option>
												<option value="CHF">CHF</option>
												<option value="INR">INR</option>
            								</select>
            							</div>
            							<div class="col-sm-3"></div>
            						</div> 
				
            						<div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									<label class="control-label"><span id="changewss">Width:</span></label>
            								</div>
            							</div>
            							<div class="col-sm-6">
            							    <select  name="width" id="width" class="form-control ss col-sm-8">
								                
								            </select>
            							</div>
            							<div class="col-sm-3"></div>
            						</div> 
            						
            						
            						<div class="row" style="padding-top:20px;">
                						<div class="col-sm-3">
                						    <div class="form-group">
                								<label class="control-label">Unit Price :</label>
                
                							</div>
                						</div>
                						<div class="col-sm-6">
                							 <input type="number"  step = any class="form-control" id="unit_price" name="unit_price" required>
                						</div>
                						<div clas="col-sm-3"></div>
                					</div> 
                						
                					<div class="row" style="padding-top:20px;">
                    				    <div class="col-sm-3">
                    					    <div class="form-group">
                    							<label class="control-label">Quality :</label>
                    							<div class="col-md-7"></div>
                    						</div>
                    					</div>
                    					<div class="col-sm-6">
                    					    <input type="text" name="quality" id="quality"
												value="<?=set_value('quality') ?>"
												class="form-control" style="height: 30px;"
												readonly="readonly" ><?php validationfn(form_error('quality')); ?> 
                    					</div>
                    					<div class="col-sm-3"></div>
                    				</div> 
                    						
                    				<div class="row" style="padding-top:20px;">
                    				    <div class="col-sm-3">
                    						<div class="form-group">
                    							<label class="control-label">Piece Length :</label>
                    						</div>
                    					</div>
                    					<div class="col-sm-6">
                    						<input type="number" class="form-control" id="ourshade" name="ourshade" required="required">
                    					</div>
                    					<div class="col-sm-3"></div>
                    				</div> 
							       
                					<div class="row" style="padding-top:20px;">
                						<div class="col-sm-3">
                						    <div class="form-group">
                								<label class="control-label">Price Valid Until :</label>
                
                							</div>
                						</div>
                						<div class="col-sm-6">
                						    <input type="text" name="indent_date" id="requiredDate"class="form-control indent_date datepicker" required="" readonly=""> 
                							 
                						</div>
                						<div clas="col-sm-3"></div>
                					</div>
                					
                					<div class="row" style="padding-top:20px;">
                						<div class="col-sm-3">
                						    <div class="form-group">
                								<label class="control-label">HSN Code :</label>
                							</div>
                						</div>
                						<div class="col-sm-6">
                						    <input type="number" name="hsn_code" id="hsn_code"class="form-control" required> 
                						</div>
                						<div clas="col-sm-3"></div>
                					</div>
                					
                					<div class="row" style="padding-top:20px;">
    							<div class="col-sm-3">
    								<div class="form-group">
    									 <label class="control-label">Product Category :</label>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                   <select name="product_category" id="product_category" onchange = "product_category_fetch(this.value);"class="form-control" style="height: 30px;" required="required">
									
										
											<?php
											echo '<option value="" >select</option>';
											foreach ($product_category as $product_c) {
											    echo '<option value="' . $product_c->id . '" ';
											   
											    echo '>';
											    echo $product_c->product_category . '</option>';
											}
											?>
                                    </select> 
                                </div>
                                
                            </div> 
                				
                            	<div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">HS  Code:</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="text" name="hs_code"
												id="hs_code"
												value=""
												class="form-control" style="height: 30px;width:90%!important;" required="required">
                                        </div>
                                        
                                    </div> 
                                    
                                     <div class="row" style="padding-top:20px;">
            							<div class="col-sm-3">
            								<div class="form-group">
            									 <label class="control-label">DBK SI :</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="text" name="dbk_si"
												id="dbk_si"
												value=""
												class="form-control" style="height: 30px;width:90%!important;" required="required">
                                        </div>
                                        
                                    </div> 	
                					
							    </div> 
							    
							</div> 
							
							
                            
                            
							<div class="row" style="margin-top: 10px;">
						                <div class="col-sm-4"></div>
						                    <div class="col-sm-4">
							                    <button type="submit" name="submitOrder"  class="btn">Save</button>
							                    <button type="button" onclick="remove()" class="btn">Clear</button>
						                    </div>
						                    <div class="col-sm-4"></div>
						                </div>
						            </div>  
					</div> 
				</div>
			</form>	
			<div class="row">
                 	<div class="col-md-12">
                 		<div class="portlet box blue">
						<div class="portlet-title">
							<div class="caption">
								Material details 
								
		
							 <a id="addButton11" class="btn blue addButton" data-toggle="modal" data-target="#myModal11"> <i class="fa fa-plus"></i></a>
						
							</div>
							
							
							
							
						</div>
						<div class="portlet-body">
						
						
							
							<div class="table-scrollable">
								<table id="table_material" class="table table-striped table-bordered table-hover">
								<thead>
								<tr>
								    <th scope="col">
										 ID
									</th>
								    <th scope="col">
										 Product Type
									</th>
									<th scope="col" style="">
										 Width
									</th>
									<th scope="col">
										 Product
									</th>
									<th scope="col">
										 Features
									</th>
									<th scope="col">
										Consumption
									</th>
									<th scope="col">
										 Unit
									</th>
									<th scope="col">
										 Rate
									</th>
									<th scope="col">
										 Total
									</th>
										<th scope="col">
										 Weight
									</th>
									
									
								</tr>
								</thead>
								<tbody id="addedRows"></tbody>
								</tbody>
								</table>
								<div></div>
							</div>
						</div>
					</div>
                 	</div>
               	
                           <div id="myModal11" class="modal fade" role="dialog" style="color:#000;">
							  <div class="modal-dialog" style="width:70% !important">
							
							    
							    <div class="modal-content">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							        <h4 class="modal-title">Add New Data</h4>
							      </div>
							      <div class="modal-body">
							       <form class="form-horizontal article_master_Data">
									<fieldset>
									
									<div class="col-md-6">
										
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Product Type</label>  
									  <div class="col-md-6">
								        <select name='product_type22' id='product_type22' onchange='product()'>
								            <option value=''>Select</option>
								            <option value='Fabric'>Fabric</option>
								            <option value='Yarn'>Yarn</option>
								            <option value='Consumables'>Consumables</option>
								            <option value='Services'>Services</option>
								            </select>
									  </div>
									</div>
	
						<div class="form-group col-sm-10 ss" style="margin-left: 3%;" id='fabric'> 
							<label class="col-md-4 control-label radio-inline">
							<input type="radio"   checked="checked" value="inhouse" name="planning" id="in_planningorder"  onclick="heart('In-House')" />
 								In-House Productions</label> 
							<label class="col-md-4 control-label radio-inline radio2">
							<input type="radio"  name="planning" class="planning" id="out_planningorder" value="outsource" onclick="heart('Out-Source')" />
 								Out-Source Productions</label> <br/><br/>
						</div> 
							<div class="form-group row selectconsumable" style="padding-bottom:15px; display:none;">	
		                    	<a id="addButton" class="btn blue addButton" onclick='mat()'style="margin-left: 165px;"> <i class="fa fa-plus"></i></a>
				            </div>
						<br/>
								<div class="form-group" id='inpro' >
											<label class="col-md-4 control-label">Product:</label>
									<div class="col-sm-6">
									    <select name="product22" id="product22" class="form-control art_no" style="height: 30px;" >
                                        </select>
									</div>
								</div>
								<div class="form-group" id='ser' >
											<label class="col-md-4 control-label">Product:</label>
									<div class="col-sm-6">
									    <select name="servi" id="servi" class="form-control art_no" style="height: 30px;" >
									        <option value=''>Select</option>
									        <option value='Embroidery'>Embroidery</option>
									        <option value='Finishing'>Finishing</option>
									        <option value='Transport'>Transport</option>
									        <option value='Others'>Others</option>
                                        </select>
									</div>
								</div>
							
										<div class="form-group" id="outpro">
											<label class="col-md-4 control-label">Product:</label>
									<div class="col-sm-6">
								    	<select name="product_no" id="product_no"	class="form-control art_no1" style="height: 30px;" onchange="outsource(this.value);" >
											<option value="">Select</option>
										    <?php foreach ($outsource as $article) {?>
											<option value="<?php echo $article->product; ?>"><?php echo $article->product; ?></option>
												
												<?php }
												?>
										</select><?php validationfn(form_error('articleNo')); ?>
									</div>
								</div>	
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas"> Unit</label>  
									  <div class="col-md-6">
									 <input id="hanks" name="hanks" class="form-control" type="text">  
									  </div>
									</div>
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas"> Width</label>  
									  <div class="col-md-6">
									 <input id="unit5" name="unit5" class="form-control" type="text">  
									  </div>
									</div>
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Features</label>  
									  <div class="col-md-6">
									 <input type="text" name="warp" id="warp" style="width:195px" class="form-control">
								
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Consumption</label>  
									  <div class="col-md-6">
									 <input  class="form-control" name="final" id="final" type="number" onchange="multipli()"> 
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Rate</label>  
									  <div class="col-md-6">
									 <input  class="form-control" name="noofend" id="noofend" type="number" onchange="multipli()">   
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">INR</label>  
									  <div class="col-md-6">
									 <input id="korawt" name="korawt" class="form-control" type="number" readonly>  
									  </div>
									</div>
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas"> Weight</label>  
									  <div class="col-md-6">
									 <input id="weight5" step=any name="weight5" class="form-control" type="number">  
									  </div>
									</div>
									
									
									
									</fieldset>
									</form>
																			
							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-primary" id="add_article" data-dismiss="modal" >Submit</button>
							      </div>
							    </div>
							
							  </div>
							</div> 
							<div id="myModal" class="modal fade" 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">Consumables</h4>
							      </div>
							      <div class="modal-body">
							     
									<fieldset>
							
					
									
										<div class="portlet-body" id="portlet-body">
										<div class="col-xs-6">
											<label class="col-sm-4 col-xs-2" style="padding-right:0 !important;"><b>Search :</b> </label>
											<input type="text" id="search_warp" class="col-sm-6 col-xs-5" placeholder="Type to search">
										</div>
							
						<br/><br/>
							<table class="table table-striped table-bordered table-hover" >
							<thead>
							<tr>
								<th>
									Select yarn
								</th>
								<th>
									Product
								</th>
								
								<th>
									 Unit
								</th>
								
						
                              
							</tr>
							</thead>
							<tbody id="sample">
							<?php
							$count=1;
							foreach($getalldata1 as $getresult)
						{
							?>
							<tr>
							<td><input type="radio" name="yarn_twisting" id="yarn_twisting" class="yarn_twisting" onclick="display(<?php echo $getresult->id; ?>)" value="<?php echo $getresult->id; ?>"><input type="hidden" value="<?php echo $getresult->id; ?>"></td>
							<td><?php echo $getresult->product; ?></td>
							<td><?php echo $getresult->unit; ?></td>
							
						
							
					
							</tr>
							<?php }?>
							</tbody>
							</table>
						</div>

</fieldset>
																	
							      </div>
							    
							    </div>
							
							  </div>
							</div>

</div>
		</div>
	</div>
</div>

<link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>">
<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />

success:function(data){
		          //   alert(data);
				 	 window.location.href = 'https://swansilk.co/decotextil/quality_check/customer_product_details11/'+id;
				 	 return false;
					}

});
	});
	function mat(){
	   
	        $("#myModal").modal('show');
	}
	
		var $rows = $('#sample tr');
	$('#search_warp').keyup(function() {

});
    }else if(product=='Yarn'){
        // $('#product22').empty();
        $("#product22").val('');
         $('#fabric').hide();
         $("#ser").hide();
          $(".selectconsumable").hide();
         var tan='Kgs';
         var hh=$('#hanks').val(tan);
        $.ajax({
                url:"<?php echo base_url('quality_check/yarn_details');?>",
                type:"POST",
				data:'',
				async:false,
		        success:function(response1){
		            response1 = jQuery.parseJSON(response1);
    			    console.log(response1);
                    mode +='<option value = "">Select an Option</option>';
        			$('#product22').append(mode);
                  	for(var i=0; i<response1.length; i++){
    					var mode = '';
    					mode +='<option>'+response1[i].yarnName+' '+response1[i].yarnDenier+' '+response1[i].yarnSpecification+'</option>';
    					$('#product22').append(mode);
                  	}
				}

});
    
    }else if(product=='Consumables'){
        $("#product22").val('');
        $('#fabric').hide();
        $(".selectconsumable").show();
         $("#ser").hide();
     }else if(product=='Services'){
          $("#ser").show();
         $('#inpro').hide();
        $(".selectconsumable").hide();
         $('#fabric').hide();
         
        
        
     }
}

</script>
 
<script>

</script>

.well-sm {
    padding: 3px !important;
	border-radius: 0px !important;
}
input[type="file"] {
    padding-bottom: 28px !important;
    height: 25px !important;
    color:transparent;
}
.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}

.ui-jqgrid .ui-jqgrid-caption {
    text-align: left;
    background: rgb(72,91,127);
    color: white;
}
.ui-jqdialog .ui-jqdialog-titlebar {
    padding: .1em .1em;
    min-height: 35px;
     background: rgb(72,91,127);
    color: white;
}
.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin:  -9px !important;
}   
.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin: -9px !important;
}
#sData
{
	 height: 27px;
}
#cData
{
	 height: 27px;
}
#dData
{
	 height: 27px;
}
#eData
{
	 height: 27px;
}
.page-content a {
	color: #485b7f;
	float: right;
}

</style>

label {
    font-weight: normal;
    text-align: left;
}
.hr-line{
	border-top: 1px solid #465A81;
}

input[type=file] {
    display: none;
}
	</style>

list2_136_t
{
	height:12px !important;
}
.scroll 
{
	height:12px !important;
}
.ui-jqgrid-btable
{
	
}
.ui-common-table
{
	height:12px !important;
}
#refresh_list2
{
	display:none !important;
}
#client_edit
{
	padding-right:18px !important;
}

#list2
{
	width: 1050px;
height: 0px !important;
}

#gview_list2
{

height: auto !important;
}

@media only screen and (min-width:320px) and (max-width:641px){
			.ui-jqgrid {
    margin-left: 1px !important;
}
			#jaytab{
				margin-top: 0 !important;
				margin-left: 0 !important;
				overflow-x: scroll;
				width: 100% !important;
				padding-left: 0 !important;
			}
			
			#editmodlist2
			{
				width:90% !important;
			}
			#sData span, #cData span {
				margin-left: 0 !important;
				}
		}
		@media only screen and (min-width:641px) and (max-width:991px){
			
			.ui-jqgrid {
			margin-left: 1px !important;
			}
			#jaytab{
				margin-top: 0 !important;
				margin-left: 0 !important;
				overflow-x: scroll;
				width: 100% !important;
				padding-left:0 !important;
				padding-right:9px !important;
			}

}
</style>    
	
<script>
function remove()
{
	    var customer_id = $("#customer_id").val('');
	    var pr = $("#outsource_planningorder").val('');
	    var pr2 = $("#inhouse_planningorder").val('');
	    var subOrderType = $("#subOrderType").val(''); // DTL or PO
	    var unit =$('#unit').val('');
	    var articleNo =$('#articleNo').val('');
		var weave = $("#design").val('');
		var design = $("#dbdesign").val('');
		var description = $("#description").val('');
		var paymentTerms = $("#paymentTerms").val('');
		var contractType = $("#contractType").val('');
		var currencyName =$('#currencyName').val('');
		var width =$('#width').val('');
		var unit_price =$('#unit_price').val('');
		var quality =$('#quality').val('');
		var ourshade =$('#ourshade').val('');
		var price_valid_from =$('#price_valid_from').val('');
		var price_valid_until =$('#price_valid_until').val('');
   
}

$("#removeButton").click(function () {
   // alert();
    $('#table tr:last').remove();
    
});
$("#add_article").click(function(){
        var id = $("#c_id").val();
         var rand = $("#rand").val();
         var customer_id = $("#c_id").val();
        var pro = $("#product22").val();
        var pro1 = $("#servi").val();
		var pro2 =$('#product_no').val();
		if(pro=='' && pro1==''){
		    var product=pro2;
		}else if(pro=='' && pro2==''){ 
		    var product=pro1;
		}else if(pro1=='' && pro2==''){
		    var product=pro;
		}else if(pro1 !=''){
		  //   alert('fabout');
		     product=pro1;
		}
		var product_type = $("#product_type22").val();
// 		alert(product_type);
		var production=$('input[name="planning"]:checked').val();
		var unit =$('#hanks').val();
		var width =$('#unit5').val();
		var features =$('#warp').val();
		var consumption =$('#final').val();
		var rate =$('#noofend').val();
		var total =$('#korawt').val();
		var weight =$('#weight5').val();
		
		$.ajax({
                url:"<?php echo base_url('quality_check/insert_fabpro_details');?>",
                type:"POST",
				data:{'rand':rand,'features':features,'customer_id':customer_id,'consumption':consumption,'product':product,'product_type':product_type,'production':production,'unit':unit,'width':width,'rate':rate,'total':total,'weight':weight},
				async:false,

success:function(data){
		            console.log(data);
		           var data = jQuery.parseJSON(data);
		           var i = 0;
		           $('#addedRows').empty();
                    $.each(data, function(key, val){
                        i = i+1;
                        
                        var z =	"<tr><td>"+i+"</td><td>"+val.product_type+"</td><td>"+val.width+"</td><td>"+val.product+"</td><td>"+val.features+"</td><td>"+val.consumption+"</td><td>"+val.unit+"</td><td>"+val.rate+"</td><td>"+val.total+"</td><td>"+val.weight+"</td><td><input type='button' onclick=deleteRow(" + val.id + ") value='Delete'></td></tr>";
					    $('#addedRows').append(z);
                    });
		         }

});
		     $("#product22").empty();
		     var r=clear();
});
function deleteRow(row) {
    // alert('hii');
     var ran=$('#rand').val();
            $.ajax({
                url:"<?php echo base_url('quality_check/delete_fabpro_details');?>",
                type:"POST",
				data:{'row':row,'ran':ran},
				async:false,
				success:function(data){
		            console.log(data);
		             var data = jQuery.parseJSON(data);
		           var i = 0;
		           $('#addedRows').empty();
                    $.each(data, function(key, val){
                        i = i+1;
                        
                        var z =	"<tr><td>"+i+"</td><td>"+val.product_type+"</td><td>"+val.width+"</td><td>"+val.product+"</td><td>"+val.features+"</td><td>"+val.consumption+"</td><td>"+val.unit+"</td><td>"+val.rate+"</td><td>"+val.total+"</td><td>"+val.weight+"</td><td><input type='button' onclick=deleteRow(" + val.id + ") value='Delete'></td></tr>";
					    $('#addedRows').append(z);
                    });
				}
		     });
  
}
function clear()
{
    
        var hh=$("#product22").chosen('destroy');
        var pro = $("#product22").val('');
        var pro1 = $("#servi").val('');
		var pro2 =$('#product_no').val(''); // DTL or PO
	   var product_type = $("#product_type22").val('');
		var production=$('input[name="planning"]:checked').val('');
		var unit =$('#hanks').val('');
		var width =$('#unit5').val('');
		var features =$('#warp').val('');
		var consumption =$('#final').val('');
		var rate =$('#noofend').val('');
		var total =$('#korawt').val('');
		var weight =$('#weight5').val('');
}

// function typemaster(){
    
// }
</script>	
	
	<style>
	    .page-content a {
			float: none;
		}
	</style>

<script>
$(document).ready(function() {
    // Assuming you want to handle the change event for 'articleNo'
    $("#articleNo").on("change", function() {
        var selectedArticleNo = $(this).val();
        articleno_getDesignAndQuality(selectedArticleNo);
    });