EVOLUTION-NINJA

Edit File: outsource_unplanned.php

<?php //print_r($orderDetails);exit; ?>
<?php //echo '<pre>';print_r($shadeNo);exit;
?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/colresizable/1.6.0/colResizable-1.6.min.js" integrity="sha512-pMZ2rgWRGMywzbRAVwGk+auTREN0ldKKjACUSB4cneTgD3kn/6pu//Lxi4l8xSRkY83HENr1vztTnGDySWs0Mg==" crossorigin="anonymous"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/reCopy.min.js"></script>
<script type="text/javascript">

$(function(){
  var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>';
$('a.add').relCopy({ append: removeLink});	
});

$.ajax({
            type: "post",
            url: "<?php echo base_url(); ?>planning/displayoutsource_shadedetails",
            data: "shadeID=" + shadeID,
            success: function (data) {//alert(data);
                    var objData = jQuery.parseJSON(data);
					//alert(objData.quantity);
					 $('#buyerShade').val(objData.buyerShade);
                    $('#ourShade').val(objData.ourShade);
                    $('#orderType').val(objData.subOrderType);
                    $('#orderType_type').val(objData.subOrderType);
                    $('#buyerShade').val(objData.buyerShade);
                    $('#description').val(objData.description);
                    $('#articleNo').val(objData.articleNo);
                    $('#dbdesign').val(objData.design);
					$('#design').val(objData.weave);
                    $('#quality').val(objData.quality);
                    $('#width').val(objData.width);
                    $('#articleWidth').val(objData.finishWidth);
                    $('#loomWidth').val(objData.loomWidth);
                    $('#units').val(objData.unit);
                    $('#numPieces').val(objData.quantity);
					if(objData.subOrderType=="FABRIC")
					{
						//document.getElementById("madeUpDate").disabled = true;
					}	
					
					
					if(objData.type=="MADEUPS")
					{
						$('#numPieces').val(objData.quantity);
					}	
					else{
						$('#orderMeters').val(objData.quantity);
					}
					$('#marketingInst').val(objData.marketingInst);
                    
                    
                    
            }
        });
    }*/
    
    function updateWarpWt(){
         
				var width = parseFloat($('#articleWidth').val());
				if(isNaN(width)){
					return false;
				}
                                
				var selWidth = parseFloat($('#selWidth').val());
				if(isNaN(selWidth)){
					return false;
				}
				var WarpPlndMtr = parseFloat($('#WarpPlndMtr').val());
				if(isNaN(WarpPlndMtr)){
					return false;
				}
				
                                //alert('width'+width+'selwidth'+selWidth+'warpplndm'+WarpPlndMtr+'weftpln'+WeftPlndMtr);
				var warpKora;
                                var curValue;
				if(width == selWidth){
                                    var i = 1;
					$('.hidden_warp_kora').each(function(){
                                                
						warpKora = parseFloat($(this).val());
                                                if(isNaN(warpKora)){
                                                        warpKora = 0;
                                                }
						warpKoraa = (warpKora * WarpPlndMtr) / width ;
                                               
						warpKoras=warpKoraa  * selWidth;
						               curValue = warpKoras .toFixed(4)
                                                if(! isNaN(curValue)){
                                                   
                                                    $('#warp_wt_'+i).val(curValue);
                                                }
                                                i++;
					});
                                         
					
					
				}
				else{
                                        var i = 1;
					$('.hidden_warp_kora').each(function(){
                                            //alert($(this).text());
						warpKora = parseFloat($(this).val());
                                                if(isNaN(warpKora)){
                                                        warpKora = 0;
                                                }
                                                var something = parseFloat(warpKora * selWidth * WarpPlndMtr);
//                                                alert('warp='+warpKora+'selwidth='+selWidth+'warppln='+WarpPlndMtr);
                                                //alert(parseFloat(warpKora * selWidth * WarpPlndMtr));
                                                warpKoraa = (warpKora * WarpPlndMtr) / width ;
                                                
                        						warpKoras=warpKoraa  * selWidth;
                        						               curValue = warpKoras .toFixed(4)
                                                                        if(! isNaN(curValue)){
                                                                           
                                                                            $('#warp_wt_'+i).val(curValue);
                                                                        }
                                                                        i++; 
					});
                                         
					
					
				}
			}
    function updateWeftWt(){

$(function(){
        $('#weav_div').show();
		$('#in_div').hide();
        
    });
    function planningtypes(str)
        {
            
                      if(str=="weaving")
                      {

$('#weav_div').show();
                       $('#in_div').hide();

}
                      else if(str=="inhouse")
                      { 
                          $('#in_div').hide();
                        $('#weav_div').show();

}

</script>

$(function () {
        $('.plan_param_warp').live('change', (function () { //alert(11);
            var WarpPlndMtr = parseFloat($('#WarpPlndMtr').val());
            
            
			if(isNaN(WarpPlndMtr)){
					WarpPlndMtr = 0;
				}
			
		
                            updateWarpWt(); 
                      
            
            }));
            
        $('.plan_param_weft').live('change', (function () { 
            
            var WeftPlndMtr = parseFloat($('#WeftPlndMtr').val());       
            
            
				if(isNaN(WeftPlndMtr)){
					WeftPlndMtr = 0;
				}
				
                            updateWeftWt(); 
                       
            
            }));
        
        $('#selWidth').live('change', (function (){
            updateWeftWt();
            updateWarpWt();
        }));

$( "#dyeingDate" ).datepicker({
      showOn: "button",
      buttonImage: "<?php echo base_url(); ?>assets/img/img3.png",
	  buttonImageOnly: true, 
	   dateFormat: "dd/mm/yy",
      //buttonText: "Select date",
	  changeMonth: true,
      changeYear: true,
      yearRange: '2017:2050'
    });
    });
    $(function () {
	
		$( "#weavingDate" ).datepicker({
		showOn: "button",
		buttonImage: "<?php echo base_url(); ?>assets/img/img3.png",
		buttonImageOnly: true, 
		dateFormat: "dd/mm/yy",
		//buttonText: "Select date",
		changeMonth: true,
		changeYear: true,
		yearRange: '2017:2050'
		});
       
    });
    $(function () {
		
		$( "#madeUpDate" ).datepicker({
		showOn: "button",
		buttonImage: "<?php echo base_url(); ?>assets/img/img3.png",
		buttonImageOnly: true, 
		dateFormat: "dd/mm/yy",
		//buttonText: "Select date",
		changeMonth: true,
		changeYear: true,
		yearRange: '2017:2050'
		});
    
		$('#madeUpDate').datepicker('setDate', 'today');
     
    });
    $(function () {
	
		$( "#cuttingDate" ).datepicker({
			showOn: "button",
			buttonImage: "<?php echo base_url(); ?>assets/img/img3.png",
			buttonImageOnly: true, 
			dateFormat: "dd/mm/yy",
			//buttonText: "Select date",
			changeMonth: true,
			changeYear: true,
			yearRange: '2017:2050'
		});
    
    });
    $(function () {
	
			$( "#proComDate" ).datepicker({
			showOn: "button",
			buttonImage: "<?php echo base_url(); ?>assets/img/img3.png",
			buttonImageOnly: true, 
			dateFormat: "dd/mm/yy",
			//buttonText: "Select date",
			changeMonth: true,
			changeYear: true,
			yearRange: '2017:2050'
		});
		
    });
</script>
<script>
function hankswarpcaliculation()
{ 
	//alert();
var hiddenwarpfld=document.getElementsByName("hiddenwarpfld");
var warpPlndMtr=document.getElementById("WarpPlndMtr").value;
var category="";
for(var i=0;i<hiddenwarpfld.length;i++)
{ 
//alert((parseFloat(hiddenwarpfld[i].value)*parseFloat(warpPlndMtr)).toFixed(4));
document.getElementById(i+1+"wrp").innerHTML="";
document.getElementById(i+1+"wrp").innerHTML+=(parseFloat(hiddenwarpfld[i].value)*parseFloat(warpPlndMtr)).toFixed(4);
}
}
function hanksweftcaliculation()
{
var hiddenweftfld=document.getElementsByName("hiddenweftfld");
var WeftPlndMtr=document.getElementById("WeftPlndMtr").value;
var category="";
for(var i=0;i<hiddenweftfld.length;i++)
{
document.getElementById(i+1+"wft").innerHTML="";
document.getElementById(i+1+"wft").innerHTML+=(parseFloat(hiddenweftfld[i].value)*parseFloat(WeftPlndMtr)).toFixed(4);
}
}

function storethistxtdata()
{
document.getElementById("midivtext").innerHTML=document.getElementById("marketingInst").value;
}
</script>
<div id="textboxpopup_marketInstruct" class="reveal-modal_mi">
<div id="midivtext">

</div>

<h3 class="page-title">Outsource Unplanned Order </h3>
       <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('planning/planning_order?prop_id=1'); ?>" > Planning Order </a></li>
		</ul>
	</div>

<div class="portlet-body form"> 
            
			 <form action="" method="post" class="transfer_modal_application form-horizontal">
             
				<input type="hidden" name="orderID" value="<?php if(isset($orderID)&& $orderID>0) echo $orderID;?>">
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="portlet light bg-inverse">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <span class="caption-subject font-red-sunglo bold uppercase">UnPlanned Order</span>
                                    </div>
                                </div>
								
                                <div class="row">

<div class="col-md-12 outsourse-sr"> 
                                    
                                    <style>
                                        .outsourse-sr .control-label{
                                            padding :0 !important;
                                        }
                                    </style>
<?php 
									    validationfn(form_error('oslNo'));
												  ?>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5" style="padding-right: 0; padding: 0;"><b>OSL No. :</b></label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" tabindex="-1" readonly="readonly" name="oslNo" value="<?php if($orderDetails->oslNo!=''){echo $orderDetails->oslNo;} ?>">
                                                    </div>
                                                </div>
                                            </div> 
                                            
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5" style="padding-right: 0;"><b>Party Name :</b></label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" tabindex="-1" readonly="readonly" name="partyName" value="<?php if($orderDetails->customerName!='') echo $orderDetails->customerName; ?>">
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5" style="padding-right: 0;"><b>Delivery Date:</b></label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" readonly="readonly" name="deliveryDate" value="<?php if($orderDetails->deliveryDate!='') echo date('d/m/Y',strtotime($orderDetails->deliveryDate));; ?>">

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

<div class="row" style="margin-top: 10px;">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5">Dyeing Completion Date:</label>
                                                    <div class="col-md-7">
                                                        <div class="input-group">
                                                            <input type="text" class="" readonly name="dyeingDate" id="dyeingDate" style="width:100px" data-provide="datepicker">
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

<div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5" style="padding-right: 0;">Weaving Completion Date:</label>
                                                    <div class="col-md-7">
                                                        <div class="input-group">
                                                             <input type="text" class=""  data-provide="datepicker" name="weavingDate" style="width:100px" id="weavingDate" >
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

<div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5" style="padding-right: 0;">MadeUp Completion Date :</label>
                                                    <div class="col-md-7">
                                                        <div class="input-group">
                                                            <input type="text" class="" style="width:100px" data-provide="datepicker" name="madeupDate" id="madeUpDate">
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div> 
                                        
                                    </div>  
                                    
                                </div> 
                                
                            </div>

<span class="caption-subject font-red-sunglo bold uppercase">Sub Order</span>
                                        <span class="caption-helper"></span>
                                    </div>

</div>
                                <br>
                                
                                <div class="row">
								<div class="table-responsive po_create_input">
                                  <table style="width:100%;" class="table table-bordered tab_vendor" id="normal">
                                    <thead class="thead-default">
                                      
                                      <th>Sub No:</th>
                                      <th>Order Type:</th>
                                      <th>Article No:</th>
                                      <th>Quality:</th>
                                      <th>Design:</th>
                                      <th>Buyer Shade:</th>
                                      <th>Our Shade:</th>
                                       <th>Ordered Mtrs/Yds/Pieces:</th>
                                        <th>Units:</th>
                                      <th>Width/Size:</th>
                                      <th>Description:</th>
                                       <th>Width(cms):</th>
                                      <th>Plnd Mtr :</th>
                                      <th>Piece Length Fabric Mtrs:</th>
                                    
                                     
                                    </thead>
                                    <tbody>  
                                    <?php $i=1; foreach($suborder as $suborder){ ?>
                                    <tr>
                                        <td><input type="text" class="form-control" tabindex="-1" readonly="readonly" value="<?php echo $i; ?>" style="width: 50px;"/><input type="hidden" name="subNo[]" id="sub_number" class="form-control" tabindex="-1" readonly="readonly" value="<?php echo $suborder->shadeID; ?>" style="width: 50px;"/></td>
                                        <td><input type="text" name="orderType[]" id="orderType" class="form-control" tabindex="-1" readonly="readonly" style="width: 135px;" value="<?php echo $suborder->subOrderType; ?>"/></td>
                                        <td><input type="text" readonly="readonly" tabindex="-1" name="articleNo[]" id="articleNo"  class="form-control" style="width: 100px;" value="<?php echo $suborder->articleNo; ?>"/></td>
                                        <td><input type="text" name="quality[]" id="quality"  class="form-control" tabindex="-1" readonly="readonly" style="width: 200px;" value="<?php echo $suborder->quality; ?>"/></td>
                                        <td><input type="text" readonly="readonly" tabindex="-1" name="dbdesign[]" id="dbdesign"  class="form-control" style="width: 150px;"  value="<?php echo $suborder->design; ?>"/></td>
                                        <td><input type="text" name="buyerShade[]" id="buyerShade" class="form-control" tabindex="-1" readonly="readonly"style="width: 155px;" value="<?php echo $suborder->buyerShade; ?>"/></td>
                                        <td><input type="text" name="ourShade[]" id="ourShade" class="form-control" tabindex="-1" readonly="readonly"style="width: 155px;" value="<?php echo $suborder->ourShade; ?>"/></td>
                                        <td><input type="text" name="numPieces[]" id="numPieces"  class="form-control" tabindex="-1" readonly="readonly"style="width: 110px;" value="<?php echo $suborder->quantity; ?>"/></td>  
                                        <td><input type="text" name="units[]" id="units" class="form-control decimal" tabindex="-1" readonly="readonly"style="width: 100px;" value="<?php echo $suborder->unit; ?>"/></td>
                                        <td><input type="text" name="width[]" id="width" tabindex="-1" readonly="readonly" class="form-control plan_param_warp plan_param_weft decimal"  style="width: 110px;" value="<?php echo $suborder->width; ?>"/></td>
                                        <td><input type="text" name="description[]" id="description" class="form-control plan_param_warp plan_param_weft decimal" style="width: 202px;" tabindex="-1" readonly value="<?php echo $suborder->description; ?>"> </td>
                                        <td><input type="text" name="mod_width[]" id="mod_width"  class="form-control" tabindex="-1"  onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" style="width: 100px;" value="<?php echo 0; ?>"/></td>
                                        <td><input type="text" name="plnd_mtr[]" id="plnd_mtr"  class="form-control" tabindex="-1" style="width: 100px;" value="<?php echo 0; ?>"/></td>
                                        <td> <input type="text" name="pieceLength[]"  class="form-control decimal" style="width: 100px;" value="<?php echo 0; ?>"/></td>
                                      
                                    </tr>
                                    <?php $i++; } ?>
                                    </tbody>
                                  </table>
                        
                                </div>
                              </div>

<!-- <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Sub No:</label>
                                            <div class="col-md-8">
                                                <div class="input-group">
												<script>
												$(document).ready(function(){
												//alert(<?php echo $shadeNo[0]->shadeID; ?>)
												displayshadedetails(<?php echo $shadeNo[0]->shadeID; ?>);
												});
												</script>
                                                    <select name="subNo" id="sub_number" onchange="displayshadedetails(this.value)" class="form-control" style="width:100px">
                                                        
<?php
$c=1;
foreach ($shadeNo as $result) {
    ?>
                                                            <option value="<?php echo $result->shadeID; ?>"><?php echo $c; ?></option>
                                                        <?php $c++; } ?>
                                                    </select>
                                                  
                                                </div>
                                            </div>
                                        </div>
										
																	
										
                                        <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Order Type:</label>
                                            <div class="col-md-8">
                                                <input type="text" name="orderType" id="orderType" class="form-control" tabindex="-1" readonly="readonly"/>
                                            </div>
                                        </div>
                                        
                                         <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;"><b>Article No:</b></label>
                                            <div class="col-md-8">
                                                <div class="input-group">

<input type="text" readonly="readonly" tabindex="-1" name="articleNo" id="articleNo"  class="form-control" style="width: 202px;" />
                                                    <div class="input-group-btn">
                                                
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                       
                                        <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Quality:</label>
                                            <div class="col-md-8">
                                                <input type="text" name="quality" id="quality"  class="form-control" tabindex="-1" readonly="readonly" />
                                            </div>
                                        </div>
										  <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Width(cms):</label>
                                            <div class="col-md-8">
                                                <input type="text" name="mod_width" id="mod_width"  class="form-control" tabindex="-1"  onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"/>
                                            </div>
                                        </div>

<br>

</div>

<div class="col-md-4">
                                         <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Plnd Mtr :</label>
                                            <div class="col-md-8">
                                                <input type="text" name="plnd_mtr" id="plnd_mtr"  class="form-control" tabindex="-1" />
                                            </div>
                                        </div>
																	<div
																			class="form-group">
																			<label class="control-label col-md-4">Design:</label>
																			 <div class="col-md-8">
																			<input type="text" readonly="readonly" tabindex="-1" name="dbdesign" id="dbdesign"  class="form-control" style="width: 202px;" />

</div>
																		</div>
                                        
                                         <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Buyer Shade:</label>
                                            <div class="col-md-8">
                                                <input type="text" name="buyerShade" id="buyerShade" class="form-control" tabindex="-1" readonly="readonly"/>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Our Shade:</label>
                                            <div class="col-md-8">
                                                <input type="text" name="ourShade" id="ourShade" class="form-control" tabindex="-1" readonly="readonly"/>
                                            </div>
                                        </div>
                                      
										 <div class="form-group">
                                            <label class="control-label col-md-4 decimal" style="padding-right: 0;">Ordered Mtrs/Yds/Pieces:</label>
                                            <div class="col-md-8">
                                                <input type="text" name="numPieces" id="numPieces"  class="form-control" tabindex="-1" readonly="readonly"/>
                                            </div>
                                        </div>
                                        
										                      
                                      
                                        <br>

</div>

<div class="col-md-4">
                                    
										
                                        
                                        
                                         <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Piece Length Fabric Mtrs:</label>
                                            <div class="col-md-8">
                                                <input type="text" name="pieceLength"  class="form-control decimal" />
                                            </div>
                                        </div>
                                 
                                        
                                          <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;"><b>Units:</b></label>
                                            <div class="col-md-8">
                                                <input type="text" name="units" id="units" class="form-control decimal" tabindex="-1" readonly="readonly"/>
                                            </div>
                                        </div>
                                       
                                        
										<div class="form-group">
                                            <label class="control-label col-md-4 " style="padding-right: 0;"><b>Width/Size:</b></label>
                                            <div class="col-md-8">
                                                <div class="input-group">

<div class="form-group">
													<label class="control-label col-md-4" style="padding-right: 0;">Description:</label>
													 <div class="col-md-8">
														<input type="text" name="description"
															id="description"
															value="<?=set_value('description') ?>"
															 class="form-control plan_param_warp plan_param_weft decimal"  style="width: 202px;" tabindex="-1" readonly> <?php validationfn(form_error('description')); ?>
													</div>
												</div>
		
                                    </div>

</div>-->

</div>
							
                           
<div>
				<div id = "jaytab" style="width:100%;overflow-x: scroll;" class="col-sm-12">
					<table id="list2"></table>
						<div id="pager2"></div>
							<div id="dialogSelectRow" title="Warning" style="display:none">
									<p>Please select row</p>
								</div>									
							</div>

</div>									
                            
                            <div class="portlet light bg-inverse">
							<span class="caption-subject font-red-sunglo bold uppercase"><br/><br/>Planning Details</span>
                                <br>
                                <div class="row">
								
                                    <div class="col-md-6" >
                                      
                                        <div class="form-group">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Production Instructions:</label>
                                            <div class="col-md-8">
                                                <input type="text"  class="form-control sel2" name="productionInst" style="" />
                                            </div>
                                            
                                        </div>  	
                                                     <div class="radio-list" >
				                        
				                        <label class="radio-inline">
										  <input type="radio"  checked="checked" name="factory_type" id="factory_type" value="weaving" onclick="planningtypes('weaving')" />
				                          Weaving Factory </label>
				                      </div><br>
				                      
                                         <div class="form-group" id="weav_div">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Outsource Factory:</label>
                                            <div class="col-md-8">
                                                <select name="weav_factory" class="form-control sel" id="slide" style="">
                                                            <?php
                                                            foreach ($vendors as $vendor) {
                                                                ?>
                                                            <option value="<?php echo $vendor->name; ?>"><?php echo $vendor->name; ?></option>
                                                        <?php } ?>
                                                        </select>
                                            </div>
                                            
                                        </div>  	
                                        
                                         <div class="form-group" id="in_div">
                                            <label class="control-label col-md-4" style="padding-right: 0;">Inhouse Factory:</label>
                                            <div class="col-md-8">
                                                <input type="text"  class="form-control sel2" name="inhouse_factory" value="Nandhi" style="" readonly/>
                                            </div>
                                            
                                        </div>  
				                      
                                       
                                        	
                                        		
                                    </div>
                                   
                                </div>	
                            </div>

<div class="form-actions" >
                                <div class="row"  >
                                    <div class="col-md-8" >
                                        <div class="row">
                                            <div class="row">
															<div class="col-md-offset-3 col-md-9">
															<input type="submit" name="submitpalnorder" value="Submit" class="btn" style=" width:50%; color:#FFFFFF; background:#485b7f;">
															<a href="<?php echo base_url(); ?>planning/planning_order?prop_id=1" class="btn default" style=" width:20%;">Cancel</a>
															</div>
											</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

</div>

</div>
        </div>

</div>   
</form>

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

}
.new_model
{
padding: 3px 12px !important;
padding-buttom:12px 1important;
margin-bottom: 5px;
width: 181px !important;
}

</style>

$("#normal").colResizable({
      liveDrag:true, 
      gripInnerHtml:"<div class='grip'></div>", 
      draggingClass:"dragging", 
            resizeMode:'fit'
        });

</script>

</script>
<script>

$(function () {
$('.plan_param_warpModal').live('change', (function () { //alert(11);
var WarpPlndMtr = parseFloat($('#Warp_PlndMtr').val());

if(isNaN(WarpPlndMtr)){
		WarpPlndMtr = 0;
	}
	
   updateWarpWt();

}));

$('.plan_param_weftModal').live('change', (function () { //alert(11);

var WeftPlndMtr = parseFloat($('#Weft_PlndMtr').val());

if(isNaN(WeftPlndMtr)){
		WeftPlndMtr = 0;
	}
              updateWeftWt();

}));

$('#sel_Width').live('change', (function (){
updateWeftWtModal();
updateWarpWtModal();
});

</script>
<script>
function hankswarpcaliculationModal()
{ 
	
var hiddenwarpfld=document.getElementsByName("hiddenwarpfld1");
var warpPlndMtr=document.getElementById("Warp_PlndMtr").value;

var category="";
for(var i=0;i<hiddenwarpfld.length;i++)
{ 
//alert((parseFloat(hiddenwarpfld[i].value)*parseFloat(warpPlndMtr)).toFixed(4));
document.getElementById(i+1+"wrp").innerHTML="";
document.getElementById(i+1+"wrp").innerHTML+=(parseFloat(hiddenwarpfld[i].value)*parseFloat(warpPlndMtr)).toFixed(4);
}
}

function hanksweftcaliculationModal()
{
var hiddenweftfld=document.getElementsByName("hiddenweftfld1");
var WeftPlndMtr=document.getElementById("Weft_PlndMtr").value;
var category="";
for(var i=0;i<hiddenweftfld.length;i++)
{
document.getElementById(i+1+"wft").innerHTML="";
document.getElementById(i+1+"wft").innerHTML+=(parseFloat(hiddenweftfld[i].value)*parseFloat(WeftPlndMtr)).toFixed(4);
}
}

function storethistxtdata()
{
document.getElementById("midivtext").innerHTML=document.getElementById("marketingInst").value;
}
</script>
	<script class="include" type="text/javascript" src="<?php echo base_url('assets/js/jquery.dcjqaccordion.2.7.js');?>"></script>
				
		<section id="container" >

<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'); ?>" />
		<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid-bootstrap.min.css'); ?>" />
		<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid-bootstrap-ui.min.css'); ?>" />
    
		<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>
					
					<style type="text/css">
			
				.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
				  border-color: #FF0000;
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
				}
			
				#editmodlist2
				{
					width: 400px !important;
					height:350px !important;
					overflow-y:scroll !important;
				}
				
				#FrmGrid_list2
				{
					width: 100% !important;
				}
				.ui-jqdialog .ui-jqdialog-titlebar
				{
					height: 29px !important;
					background-color: rgb(72,91,127);
					color: white;
					padding-left: 10px;
				}
				.ui-jqgrid .ui-jqgrid-titlebar 
				{
					height: 27px !important;
					background-color: rgb(72,91,127);
					color: white !important;
				}
				.fm-button
				{
					height: 21px !important;
					padding: 1px;					
					
					height: 21px !important;				    
				    width: 43%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				
				.ui-jqgrid-bdiv
				{
					height: 232px !important;
				}
				.ui-widget-overlay
				{
					z-index:0 !important;
					
				}	
				#ui-datepicker-div
{
	z-index:5 !important;
}				
					.ui-jqgrid .ui-jqgrid-htable th div {
    				overflow: visible !important;

}
			
				.ui-jqdialog .ui-jqdialog-titlebar-close span
				{
					display: block;
				   
					margin-top: -9px;
					margin-left: -7px;
				}
				.btn-primary 
				{
				  color: #ccc;
					background-color: #424a5d;
					border-color: #424a5d;
					padding-bottom: 0px;
					padding-top: 0;
					margin-left: 136px;
					margin-top: -19px;
					font-size: 10px;
				}
				.btn-primary:hover
				{
					color: #fff;
				
				}
				.fa-camera
				{
					color: #e6e6e6;
					float: left;
				   margin-left: 99px;
					margin-top: -19px;
				}
				input[type=file] 
				{
					display: none;
				}

#submitOrder
				{
					color: #FFFFFF;
					background: #485b7f;
					padding-bottom: 7px;
					padding-top: 7px;
					margin-top: 12px;
					font-size: 18px;
					font-weight: bold;
				}
</style> 
		<link href="<?php echo base_url('assets/css/sweetalert2.min.css');?>" rel="stylesheet"/>
<script src="<?php echo base_url('assets/js/sweetalert2.min.js');?>"></script>
<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'); ?>" />
<script>

$('.transfer_modal_application').submit(function(e){
		e.preventDefault();

var s=$('#sub_number').val();
		 var t=$('#orderType').val();
		 //alert(s);
			formdata = new FormData($(this)[0]);
					$.ajax({
		                type   : 'post',
		                url    : '<?php echo  base_url('planning/add_outsource');?>',
		                data   : formdata,
		                contentType: false,
		                processData: false,                          
		                 	success:function(response)
							{
							
							//		window.location.href  = '<?php echo base_url('planning/planning_order?prop_id=1');?>';
						
						}    
	       	});

});
	
		
		$('#Warp_PlndMtr').focusout(function(){
			var warp_kora=$('.warp_kora1').val();
			var planned_width=$('#sel_Width').val();
			var warp_planned_meter=$('#Warp_PlndMtr').val();
			var article_Width=$('#article_Width').val();

var val=parseFloat((warp_kora*warp_planned_meter)/article_Width);
			var final_val=parseFloat(val*planned_width);
			
			$('.warp_kora1').val(final_val.toFixed(4));
			
		});
		
		$('#Weft_PlndMtr').focusout(function(){
			//alert();
			var weft_kora=$('.weft_kora1').val();
			var planned_width=$('#sel_Width').val();
			var weft_planned_meter=$('#Weft_PlndMtr').val();
			var article_Width=$('#article_Width').val();
			//alert(weft_kora);
			//alert(planned_width);
			//alert(article_Width);
			
			
			
			var val=parseFloat((weft_kora*weft_planned_meter)/article_Width);
			//alert(val);
			var final_val=parseFloat(val*planned_width);
			//alert(final_val);
			$('.weft_kora1').val(final_val.toFixed(4));
			
		});

$(document).ready(function(){	
			   $('.decimal').on('change keyup', function() {
				   var val = $(this).val();
				    if(isNaN(val)){
				         val = val.replace(/[^0-9\.]/g,'');
				         if(val.split('.').length>2) 
				             val =val.replace(/\.+$/,"");
				    }
				    $(this).val(val); 
				});
			});
			
$(document).ready(function(){	
	   $('#sel_Width').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});

$(document).ready(function(){	
	   $('#plnd_mtr').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});	
</script>
<style>
.sel{
	margin-left:20px;width: 318px;
}
.sel2{
	margin-left:20px
}
.radio-list {
		padding-left: 44%;
	}
@media only screen and (min-width:320px) and (max-width:640px) {
	.radio-list {
		padding-left: 6%;
	}
	.sel{
		margin-left:0px;width: 100%;
	}
	.sel2{
		margin-left:0px
	}
}
</style>