EVOLUTION-NINJA

Edit File: dyeing_yarn_recived_details.php

</style>
<div class="page-content-wrapper">
	<div class="page-content">
		<h3 class="page-title">Dyeing Goods Received Details</h3>
		<?php  $this->load->view('templates/nav_menu'); ?>
		<form id="land_owner" class="form-inline" enctype="multipart/form-data" method="post">
			<div class="row" style="padding-bottom:15px;">
				<div class="form-group col-sm-12 col-md-6">
				<div class="row" style="padding-left:15px ;padding-right:15px;">
					<label class="col-sm-4 col-xs-4">WO. No.</label>
					<input type="text" class="col-sm-8 col-xs-8" name="po_no" id="po_no">
				</div>
				</div>
				<div class="form-group col-sm-12 col-md-6">
					<button  id="search" name="search" class="btn add" style="padding:3px 24px !important;">Search</button>
				</div>
			</div> 
			
			<div class="row select_product">							
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-xs-5">WO. No.</label>
					<input type="text" class="col-sm-8 col-xs-7" id="po_no_id" name="po_no_id" readonly>
					<input type="hidden" class="col-sm-8 col-xs-7" name="po_id" id="po_id">
				</div>
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-xs-5">Date </label>
					<input type="text" class="col-sm-8 col-xs-7" name="current_date" id="current_date" readonly>
				</div>
			</div> 
			
			<div class="row select_product">							
				
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-5 col-xs-5" style="padding-right: 0 !important;">Received following goods from M/s</label>
					<input type="text" class="col-sm-7 col-xs-7" name="rec_from" id="rec_from" readonly  style="text-transform: uppercase !important">
				</div>
					<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-xs-5">Description of goods</label>
					<input type="text" class="col-sm-8 col-xs-7" name="des_goods" id="des_goods"  style="text-transform: uppercase !important">
				</div>
				
			</div> 
			
			 <div class="row select_product">							
				
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-xs-5">Created By</label>
					<input type="text" class="col-sm-8 col-xs-7" name="rec_by" id="rec_by"  style="text-transform: uppercase !important" readonly>
				</div>
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-xs-5">Upload document</label>
					<input type="file" class="col-sm-8  col-xs-7" style="color: black;" name="document" id="document" />
				</div>
			</div> 
			
		
			
			<div class="row select_product">							
				
				
			</div> 
				<div class="row select_product">							
		
			<br/><br/>
			<div class="row land_owner_a">
				<div class="col-sm-4 col-md-5"></div>
				<div class="col-sm-4 col-md-2">
					<button id="submit" name="submit" class="btn center-block submit pull-left">Submit</button>
					
					
				</div>
					
				<div class="col-sm-4 col-md-5"></div>													
			</div> 	
		</form>
		
<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Goods Details</h4>
            </div>
            <div class="modal-body">
			<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">OSL# :</label>
									<div class="col-md-7">
									 <input type="text" class="form-control" id="osl_no" name="osl_no" readonly>
									</div>
								</div>
							</div>
						</div> 
							
				<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">Issue# :</label>
									<div class="col-md-7">
									<input type="text" class="form-control" id="issue_no" name="issue_no" readonly >
									</div>
								</div>
							</div>
						</div> 
						
					<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">DTL Shade :</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="shade" name="shade" readonly>
									</div>
								</div>
							</div>
						</div>

<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">Yarn Details :</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="yarn_details" name="yarn_details" readonly >
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Color Code :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="color_code" name="color_code"  readonly>
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">Issued Dyed Quantity :</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="issue_dyed_qua" name="lot" readonly>
									</div>
								</div>
							</div>
						</div> 
						
						
						
						
							
							<input type="hidden" class="form-control" id="tr_id" name="tr_id" class="tr_id" >
								
								
							
								<input type="hidden" class="form-control" id="work_order" name="work_order" class="work_order" >
								
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Received Dyed Quantity :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="rec_dyed_qua" name="rec_dyed_qua" onkeyup="unit_value(this.value)" >
									</div>
								</div>
							</div>
						</div> 
						
							<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Degum Loss
 :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="degum_loss" name="degum_loss"  readonly>
									</div>
								</div>
							</div>
						</div> 
						
							<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Degum Loss% :</label>
									<div class="col-md-7">
										<input type="text" class="form-control degum_loss_per" id="degum_loss_per" name="degum_loss_per" readonly >
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Vendor :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="vendor" name="vendor"  readonly >
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Received Date :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="rec_date" name="rec_date" value="<?php echo date("d-m-Y"); ?>" >
									</div>
								</div>
							</div>
						</div> 
						
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Location :</label>
									<div class="col-md-7">
										<select class="form-control"  id="consumed_at" name="consumed_at" style="height:26px;" >
										
										<?php if(isset($consumed_at)) { foreach($consumed_at as $consumed_at) { ?>
										<option value="<?php echo $consumed_at->consumed_at; ?>" <?php if($consumed_at->consumed_at=="PEENYA - DYEING") { echo "selected"; }?>><?php echo $consumed_at->consumed_at; ?></option>
										<?php }}  ?>
									</select>
									</div>
								</div>
							</div>							
						</div>
						
						<div class="row" style="display: none;">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">Received By :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="rec_by" name="rec_by" value="<?php echo $received_by; ?>" >
									</div>
								</div>
							</div>
						</div> 
						
						
						
						
						
						
					 <div class="modal-footer">
                <button  class="btn btn-default" data-dismiss="modal">Close</button>
                <button id="submit_modal" name="submit" onclick="goods_details()" class="btn btn-primary">Submit</button>
            </div>	
						
					   </div>
           
        </div>
        
    </div>

<div  class="col-sm-12">
							<div id = "jaytab" class="jaytab" style="width: 1070px;">
								<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> 
	</div>
</div> 
<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 src="<?php echo base_url(); ?>assets/js/rowedex3.min.js" type="text/javascript"></script> 	
<style>
#submit
{
	display:none;
}
</style>
<script>

function unit_value(str)
    {
		var issue_dyed_qua =$('#issue_dyed_qua').val();
		var rec_dyed_qua =$('#rec_dyed_qua').val();
        var val = issue_dyed_qua - rec_dyed_qua;
		
		var per_val=(1-(rec_dyed_qua/issue_dyed_qua))*100
       $('#degum_loss').val(val.toFixed(2));
	   $('#degum_loss_per').val(per_val.toFixed(2));
	}
	
	</script>
<script>
$("#land_owner").submit(function(e) {
	e.preventDefault();
	
	formdata = new FormData($(this)[0]);
	  
 	$.ajax({
		url:"<?php echo base_url('vendor/insert_goods_data');?>",
		type:"POST",

data: formdata,      
			 contentType: false,
             processData: false,

success:function(data)
			 {
				$('#po_no_id').val('');
				$('#po_no').val('');
				$('#purpose').val('');
				$('#invoice_no_id').val('');
				$('#current_date').val('');
				$('#rec_from').val('');

$('#department').val('');
				$('#quantity').val('');
				$('#rate').val('');
				$('#value').val('');
				
				$('#recv_goods').val('');
				$('#send_goods').val('');
				
				$('#des_goods').val('');
				$('#rec_by').val('');
				$('#indented_by').val('');
				$('#po_approved_by').val('');
				window.location.reload();
				}
		 });
		// }
// 	else{
		
// 	  swal({
// 	 title: "Please Fill All The Fields",
// 	  text: "",
	 
//});
 	//}
	});
</script>

});
		});
 
	</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('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'); ?>" />
    
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-jqgrid/4.15.5/css/ui.jqgrid.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-jqgrid/4.15.5/js/jquery.jqgrid.min.js"></script>
   
	<style type="text/css">
		.ss{
	padding-right: 0 !important;
	padding-left: 0 !important;
}

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

.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;
}
#sData
{
	 height: 27px;
}
#cData
{
	 height: 27px;
}
#dData
{
	 height: 27px;
}
#eData
{
	 height: 27px;
}
.coledit
{	cursor:pointer;
	text-align: right;
padding-right: 24px !important;
padding-left: 24px !important;

}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    overflow: hidden;
    white-space: pre;
   
	
}
.ss{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.form-control {
	width:65% !important;
    height:27px !important;
    padding: 3px 12px !important;
    border-radius: 0px !important;
	//margin-bottom:15px;
}
label {
    font-weight: normal;
    text-align: left;
}
.hr-line{
	border-top: 1px solid #465A81;
}

.form-control {
    height: 29px !important;
    margin-bottom: 14px;
}
#search_list2
{
	display:none;
}
	</style>

},					
		      	    ],
			  rowNum:50,
		      	rowTotal: 20000000000000000000000000,
		      	rowList : [50,100,200,300,500,1000,5000],
			rownumbers: true,
			pager: '#pager2', 
			sortname:'id', 
			viewrecords: true, 
				loadonce:true,
			gridview: true,
			
			sortorder:"desc", 
			caption:"Delivery Confirmation Details",

subGrid: true,
			    subGridRowExpanded: function(subgrid_id, row_id) {
			         var subgrid_table_id;
				  //alert(row_id);
				   swan_id=row_id;
				  // alert(swan_id);
			       subgrid_table_id = subgrid_id+"_t";
			       jQuery("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table>");
			       jQuery("#"+subgrid_table_id).jqGrid({
				
			     url:"<?php echo base_url('out_source/deying_delivery_goods_details_subgrid');?>/s"+row_id+"/",
					
					//data:{'sub_id':123},
						  mtype : "get", 	 
						datatype: "json", 
			       colNames:['Id','Yarn Details','Issue Quantity','received Quantity','Degum Loss','Degum Loss%','Location','Received By'],
						colModel:[
								  {name:'id',index:'id',hidden:true, width:50,editable:true},
								  
								  {name:'yarn_details',index:'yarn_details', width:250,editable:true,editrules:{required: true}},
								
								   {name:'issue_dyed_qua',index:'issue_dyed_qua', width:130,editable:true,editrules:{required: true}},
								 
								  {name:'rec_dyed_qua',index:'rec_dyed_qua', width:120,editable:true,editrules:{required: true}},
								  {name:'degum_loss',index:'degum_loss', width:120,editable:true,editrules:{required: true}},
								   {name:'degum_loss_per',index:'degum_loss_per', width:120,editable:true,editrules:{required: true}},
								   {name:'location',index:'location', width:109,editable:true,editrules:{required: true}},
								    {name:'rec_by',index:'rec_by', width:100,editable:true,editrules:{required: true}},
								  							
								  ],
						height: 'auto',
			          rowNum:50,
		      	rowTotal: 20000000000000000000000000,
		      	rowList : [50,100,200,300,500,1000,5000],
			          sortname: 'num',
			          sortorder: "asc"
			       });
			   }
			  }); 
			
			
	
	jQuery("#list2").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
	 	
	$("#list2").jqGrid('navGrid','#pager2',
				{edit:false,add:false,del:false,search:true,refreshstate:"current"},
				{ },
		        { },
		        { }, 
				{
			    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
			        closeOnEscape: true, 
			        	multipleSearch: true, 
			         	closeAfterSearch: true,
	 					multipleGroup:true,
						caption:"search"
	 }
		);
      		
			$("#list2").navButtonAdd('#pager2',
					{ 	caption:"Delete", 
						buttonicon:"ui-icon-trash", 
						onClickButton: deleteRow,
						position: "last", 
						title:"", 
						cursor: "pointer",
						id:"client_delete"
					} 
			);	
			
			
}function fun(rowId)
	{
       var id = rowId.closest('tr').attr('id');
	    //var w = rowId.closest('tr').attr('quantity_approval');
		//alert(w);
	 
		$('#tr_id').val(id);	
		
			    $.ajax({
	        
	        url:"<?php echo base_url('out_source/dyeing_receive_yarn_quantity')?>",
	        type:"POST",
	        data:{'id':id},
		                 success:function(data){
							// alert();
				        //   var objData =JSON.parse(JSON.stringify(data));
						  var objData = jQuery.parseJSON(data);
						var obj=objData.work_order_no.dyed_id;
						var obj1=objData.quantity;
						var obj2=objData.material_issue_no;
						
						//alert(obj.val);
						// if(!obj)
						// {
							// $('#po_approved_by').val(objData.wo_no.prepared_by);
					
					 $('#yarn_details').val(obj1.yarn_specification);
					 $('#shade').val(obj1.yarn_quality);
					
					 $('#osl_no').val(obj1.osl_no);
					 $('#issue_no').val(obj1.issue_no);
					
					 $('#tr_id').val(obj1.id);
					 $('#work_order').val(obj1.work_order);
					
					 $('#color_code').val(obj1.warp_color);
					 $('#vendor').val(obj1.vendor);
					 $('#issue_dyed_qua').val(obj2.issue_net_weight);
				//	$('#rec_byy').val(objData.recieved_by);
					
							 $('#myModal').modal('show');
						}
						// else
						// {
							 // swal({
							// title: "Already Exist",
							// text: "",});
							// $('#myModal').modal('hide');
						// }
				             // }
		            }); 
	}
function deleteRow() {
			// Get the currently selected row
			
			var row = $("#list2").jqGrid('getGridParam','selrow'); 
			 $("#id").val(row);
			if( row != null ) 
				$("#list2").jqGrid('delGridRow',row,
					{	 
						modal:true,jqModal:true,
				        recreateForm: true,		        
				        beforeSubmit: function(postdata,formid){
					       
					    	 $.ajax({
					             
					             url:"<?php echo base_url('vendor/receive_details_delete');?>",
					             type:"POST",
					            data:{'id':row},
					                 async:false,
					                 success:function(data){
					                 if(data==""){
					                   alert('Successfully Deleted');
					                     $("#delmodlist2").remove();
						                 $("#list2").trigger("reloadGrid");
										  window.location.reload();
					                  
					                 }
					                 else{
					                     alert('Successfully Deleted');
					                     $("#delmodlist2").remove();
						                 $("#list2").trigger("reloadGrid");
										  window.location.reload();
					                 }
					             }
					         });
					    },
						closeAfterEdit: true,
						reloadAfterSubmit:false,
						afterSubmit : false 
						
					});

else $( "#dialogSelectRow" ).dialog();
		}
</script>

type:"POST",
           
				data:{'osl_no':osl_no,'issue_no':issue_no,'shade':shade,'yarn_details':yarn_details,'color_code':color_code,'tr_id':tr_id,'work_order':work_order,'issue_dyed_qua':issue_dyed_qua,'rec_dyed_qua':rec_dyed_qua,'degum_loss':degum_loss,'degum_loss_per':degum_loss_per,'consumed_at':consumed_at,'vendor':vendor,'rec_date':rec_date,'rec_by':rec_by},

async:false,

success:function(data)
				 {
					  swal({
			 title: "Successfully Added",
			  text: "",});
			
	
		
		
	var osl_no =$('#osl_no').val('');
		var issue_no =$('#issue_no').val('');
		var shade =$('#shade').val('');
		var yarn_details =$('#yarn_details').val('');
		var color_code =$('#color_code').val('');
		var tr_id =$('#tr_id').val('');
		var work_order =$('#work_order').val('');
		var issue_dyed_qua =$('#issue_dyed_qua').val('');
		var rec_dyed_qua =$('#rec_dyed_qua').val('');
	var degum_loss =$('#degum_loss').val('');
		var degum_loss_per =$('#degum_loss_per').val('');
		//var consumed_at =$('#consumed_at').val('');
	//	var received_by =$('#received_by').val();
	//var received_quality =$('#received_quality').val();
			
		var vendor =$('#vendor').val('');
		
		var rec_date =$('#rec_date').val('');
	//	var rec_by =$('#rec_by').val('');
			
	
		
						$('#myModal').hide();
						$('#submit').show();
						
					
				}

});
		}
	else
	{
			swal({
				title: "Quantity Exceeded",
				text: "",
				});
	}
			}
	
	</script>
	<style>
		#list2_122_t
	{
		height:0px !important;
	}

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:12px !important;
}
#list2
{
	width: 1050px;
height: 0px !important;
}
#gbox_list2
{

height: auto !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;
			}

}
		
	
#sData span, #cData span 
{
    margin-left: 3px;
}
#sData {
    height: 29px;
}
#cData {
    height: 29px;
}

.jqgfirstrow
{
		height: 0px !important;
}
#ui-id-1
{
	display: block;
width: 348px;
top: 203px;
left: 429px;
height: 300px;
overflow-x: scroll;

}
	</style>
	<style>
@media only screen and (min-width:320px) and (min-height:640px){
	#gbox_list2{
		width:950px !important;
	}
	#gview_list2{
		width:100% !important;
	}
	.ui-jqgrid-hdiv{
		width:100% !important;
	}
	.ui-jqgrid-htable{
		width:100% !important;
	}
	#list2{
		width:100% !important;
	}
}
</style>