EVOLUTION-NINJA

Edit File: yarn_recived_details.php

<div class="page-content-wrapper">
	<div class="page-content">
		<h3 class="page-title">Yarn Goods Received Details</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('new_stores/yarn_received_details?prop_id=1'); ?>" >Yarn</a></li>
		</ul>
	</div>
		<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-7">
					<div class="row" style="padding-left:15px;padding-right:15px;" >
						<label class="col-sm-2 col-xs-4" style="width:12%;">PO No :</label>
						<input type="text" class="col-sm-6 col-xs-8" name="po_no" id="po_no">
						 <input type="hidden" id="delete_id" class="delete_id" name="delete_id" value="<?php echo $delete_id; ?>">
						 <button  id="search" name="search" class="btn add" style="padding:3px 24px !important;margin-left:8px">Search</button>
					</div>
						
				</div>
			
			</div> 
			
			<div class="row select_product">							
				<div class="form-group col-sm-12 col-md-4">
					<label class="col-sm-4 col-xs-5">PO. No.</label>
					<input type="text" class="col-sm-8 col-xs-7" id="po_no_id" name="po_no_id" style="text-transform: uppercase !important" 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-4">
					<label class="col-sm-4 col-xs-5">Purpose</label>
					<input type="text" class="col-sm-8 col-xs-7" id="purpose" name="purpose" style="text-transform: uppercase !important" readonly>
					<input type="hidden" class="col-sm-8 col-xs-7" id="invoice_no_id" name="invoice_no_id" readonly>
				</div>
				<div class="form-group col-sm-12 col-md-4">
					<label class="col-sm-5 col-xs-5">Unit / Department</label>
					<input type="text" class="col-sm-7 col-xs-7" name="department" id="department" style="text-transform: uppercase !important" readonly>
				</div>
			</div> 
			
			<div class="row select_product">							
				<div class="form-group col-sm-12 col-md-4">
					<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 class="form-group col-sm-12 col-md-4">
					<label class="col-sm-4 col-xs-5">Description</label>
					<input type="text" class="col-sm-8 col-xs-7" name="des_goods" id="des_goods" style="text-transform: uppercase !important">
				</div>
				<div class="form-group col-sm-12 col-md-4">
					<label class="col-sm-5 col-xs-5" style="padding-right: 0 !important;">Received goods from M/s</label>
					<input type="text" class="col-sm-7 col-xs-7" name="rec_from" id="rec_from" style="text-transform: uppercase !important" readonly>
				</div>
			</div> 
			
		
			<div class="row select_product">							
				<div class="form-group col-sm-12 col-md-4">
					<label class="col-sm-4 col-xs-5">Received 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-4">
					<label class="col-sm-4 col-xs-5">Indented By</label>
					<input type="text" class="col-sm-8 col-xs-7" name="indented_by" id="indented_by" style="text-transform: uppercase !important" readonly>
				</div>
				<div class="form-group col-sm-12 col-md-4">
					<label class="col-sm-5 col-xs-5">PO Approved By</label>
					<input type="text" class="col-sm-7 col-xs-7" name="po_approved_by" style="text-transform: uppercase !important" id="po_approved_by" readonly>
				</div>
				
			</div> 
				<div class="row select_product">							
				<div class="form-group col-sm-12 col-md-4">
					<label class="col-sm-4 col-xs-5">Upload document</label>
					<input type="file" class="col-sm-8  col-xs-7" style="color: black;" onchange="readURL(this);" name="document" id="document" />
				</div>
					<div class="form-group col-sm-12 col-md-4">
				
					 <img id="blah" src="#" alt="" />
				</div>
			</div> 
			
	
			
			
			<br/>
			<div class="row land_owner_a">
				<div class="col-sm-4 col-md-5"></div>
				<div class="col-sm-4 col-md-2" style="margin-bottom:10px;">
					<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">Yarn Details :</label>
									<div class="col-md-7">
									 <input type="text" class="form-control" id="yarnname" name="yarnname" class="yarnname" readonly >
									</div>
								</div>
							</div>
						</div> 
							<div class="row yarn_shades" id="yarn_shades">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">Shades :</label>
									<div class="col-md-7">
									 <input type="text" class="form-control" id="shades" name="shades" class="shades" readonly >
									</div>
								</div>
							</div>
						</div> 
						<div class="row yarn_shades" id="yarn_shades">
							<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" class="color_code" readonly >
									</div>
								</div>
							</div>
						</div> 
							<div class="row yarn_shades" id="yarn_shades">
							<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="yarn_dyed_shades" name="yarn_dyed_shades" class="yarn_dyed_shades" readonly >
									</div>
								</div>
							</div>
						</div> 
						
						
						
						
				<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">Ordered Quantity :</label>
									<div class="col-md-7">
									<input type="text" class="form-control" id="rec_quantity" name="rec_quantity" class="rec_quantity" 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">INVOICE #:</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="invoice" name="invoice" >
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">DATE :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="received_date" name="received_date" data-provide="datepicker" 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">LOT # :</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="lot" name="lot" >
									</div>
								</div>
							</div>
						</div> 
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">BALE #/BOX #:</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="bale" name="bale" >
									</div>
								</div>
							</div>
						</div> 
						
							<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									 <label class="control-label col-md-3">No of Hank/Cones</label>
									<div class="col-md-7">
									  <input type="text" class="form-control" id="hank_cones" name="hank_cones" >
									</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="yarndenier" name="yarndenier" class="yarndenier" >
								<input type="hidden" class="form-control" id="yarnspecification" name="yarnspecification" class="yarnspecification" >
								
								
								<input type="hidden" class="form-control" id="sum_rec_quantity" name="sum_rec_quantity" class="sum_rec_quantity" >
									<input type="hidden" class="form-control" id="c_val" name="c_val" class="c_val" >
							
						
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">GROSS WEIGHT :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="gross_weight" name="gross_weight" 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">NET WEIGHT
 :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="net_weight" name="net_weight" onkeyup="unit_value1(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">TARE WEIGHT :</label>
									<div class="col-md-7">
										<input type="text" class="form-control tare_weight" id="tare_weight" name="tare_weight"  >
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">MILL # :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="mill" name="mill"  >
									</div>
								</div>
							</div>
						</div> 
						
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3">GRADE :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="grade" name="grade"  >
									</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 loc_drop_down"   id="consumed_att" name="consumed_at" style="height:26px;" >
										<option value="">Select</option>
										<?php if(isset($consumed_at)) { foreach($consumed_at as $consumed_at) { ?>
										<option value="<?php echo $consumed_at->consumed_at; ?>"><?php echo $consumed_at->consumed_at; ?></option>
										<?php }}  ?>
									</select>
									
									  <input type="text" class="form-control loc_feild"   id="consumed_at" name="consumed_at"  readonly="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 BY :</label>
									<div class="col-md-7">
										<input type="text" class="form-control" id="received_by" style="text-transform: uppercase !important" name="received_by" value="<?php echo $approved_by; ?>" readonly >
									</div>
								</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">
				<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> 
<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>
.page-content 
{
   min-height:900px !important;
}
#submit
{
	display:none;
}
</style>
<script>

function unit_value(str)
    {
		var gross_weight =$('#gross_weight').val();
		var net_weight =$('#net_weight').val();
        var tare_weight = gross_weight - net_weight;
       $('.tare_weight').val(tare_weight.toFixed(2));
	}
	function unit_value1(str)
    {
		var gross_weight =$('#gross_weight').val();
		var net_weight =$('#net_weight').val();
        var tare_weight = gross_weight - net_weight;
       $('.tare_weight').val(tare_weight.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>

<style>
.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;
}

.well-sm {
    padding: 3px !important;
	border-radius: 0px !important;
}
input[type="file"] {
      padding-bottom: 0px !important;
    color:transparent;
}
.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}
#table_approved_indent
{
	display:none;
}
#refresh_list3
{
	display:none !important;
}
@media only screen and (min-width:320px) and (max-width:640px) {
}
</style> 
			
			
			
			<script>
function getDesignAndQuality(articleNo) {
	
    $.ajax({
        type: "post",
        url: "<?php echo base_url(); ?>marketing/getDesignAndQuality",
        data: "articleNo=" + articleNo,
        success: function (data) {
            var objData = jQuery.parseJSON(data);
           document.getElementById("design").value = objData.design;
            document.getElementById("quality").value = objData.quality;
        }
    });
}
 function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

reader.onload = function (e) {
                    $('#blah')
                        .attr('src', e.target.result)
                        .width(150)
                        .height(150);
                };

reader.readAsDataURL(input.files[0]);
            }
        }
</script>

 
				    
		<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>

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:0px !important;
    height: 25px !important;
    color:transparent;
}
.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}
#ui-id-1
{
	height:300px !important;
	overflow-y:scroll;
overflow-x:inherit;
}

.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;
	
padding-right: 22px !important;
padding-left: 23px !important;
margin-top: 4px !important;
color:bold !important;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    overflow: hidden;
    white-space: pre;
   
	
}
.ui-jqgrid-bdiv
	{
		height: auto !important;
    width: 1040px;
    overflow-y: scroll;
	}
	</style>

<script>
  $(function () {
        $("#received_date").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true
        });
    });
 </script>
<script>
  function grid(){
	var l=$("#po_id").val();
		var lr=$("#po_no").val();
	var ll;
		jQuery("#list2").jqGrid({
			url:"<?php echo base_url('vendor/vendor_goods_details');?>/s"+l+"/"+lr+"/",
			//url:"<?php echo base_url('vendor/vendor_goods_details')?>/s"+l+"/",
			datatype: "json", 
			colNames:['Id','Indent No','Product Name','Yarn Type','Quantity','Unit','Rate','INR','Total Gross Weight','Total Net Weight','Total Tare Weight','Approved','Action'],
			
			colModel:[
					  {name:'id',index:'id',hidden:true, width:50,editable:true,width:100},
					  {name:'indent_no',index:'indent_no',editable:false,width:100},
					 
					  {name:'product_name',index:'product_name',editable:false,width:125},
					  
					    {name:'product_type',index:'product_type', width:100,editable:false,editrules:{required: true}},
					  {name:'quantity',index:'quantity',editable:false,width:65},
					  {name:'indent_unit',index:'indent_unit',editable:false,width:50},
					  {name:'rate',index:'rate',editable:true,editrules:{required: true, number: true}, width:60},
					  {name:'inr',index:'inr',editable:true,editrules:{required: true,number: true}, width:60},
					   {name:'gross_weight',index:'gross_weight',editable:false,editrules:{required: true,number: true}, width:90},
					    {name:'net_weight',index:'net_weight',editable:false,editrules:{required: true,number: true}, width:90},
					 
					  {name:'tare_weight',index:'tare_weight',editable:false,editrules:{required: true,number: true}, width:90},
					
					 {	
	                    name: 'quantity_approval', index: 'quantity_approval', width: 50, align: 'center',
	                         formatter: 'checkbox', editoptions: { value: '1:0' },
	                         formatoptions: { disabled: true },
	                        
						},
					{name:'modal',index:'modal',editable:false,editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
									{
	                        	     return ' onclick="fun($(this))" ';
	                        		},formatter:function (cellvalue, options, rowObject) {    
    return "<input type='button' value='Add Stock' onclick='some_function' style='margin-left:22px'\>";
}

},					
		      	    ],
			 rowNum:50,
		      	rowTotal: 200000000000000000000000000,
		      	rowList : [50,100,200,300,500,1000,5000],
			rownumbers: true,
			pager: '#pager2', 
			sortname:'id', 
			viewrecords: true, 
				loadonce:true,
			gridview: true,
			onSelectRow: function(id){ if(id && id!==ll){ jQuery('#list2').jqGrid('restoreRow',ll); jQuery('#list2').jqGrid('editRow',id,true);
     function editRow(id) {
            if (id && id !== lastSelection) {
                var grid = $("#jqGrid");
                grid.jqGrid('restoreRow',lastSelection);
	
                var editParameters = {
                    keys: true,
                    successfunc: editSuccessful,
                    errorfunc: editFailed
                };

grid.jqGrid('editRow',id, editParameters);
                lastSelection = id;
            }
        }

function editSuccessful() {
            console.log("success");
        }

function editFailed() {
            console.log("fail");
        }			ll=id; } },
			 editurl: "<?php echo base_url('vendor/edit_received_goods_details');?>",
			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('vendor/yarn_goods_details_subgrid');?>/s"+row_id+"/",
					
					//data:{'sub_id':123},
						  mtype : "get", 	 
						datatype: "json", 
			       colNames:['Id','Yarn Name','Shade','Colo Code','DTL Shade','Received Date','Invoice','Date','LOT','Hank/Cones','BALE','Gross Weight','Net Weight','Tare Weight','Mill','Grade','Location','Received By','Delete'],
						colModel:[
								  {name:'id',index:'id',hidden:true, width:50,editable:true},
								  {name:'yarnname',index:'yarnname', width:250,editable:true,editrules:{required: true}},
   {name:'shadename',index:'shadename',editable:false,width:125},
								    {name:'color_code',index:'color_code',editable:false,width:125},
								 {name:'ssl_shade',index:'ssl_shade',editable:false,width:125},
								  
									 {name:'rec_date',index:'rec_date', width:90,editable:true,editrules:{required: true}},
								   {name:'invoice',index:'invoice', width:80,editable:true,editrules:{required: true}},
								  {name:'received_date',index:'received_date', editable:true,editrules:{required: true},width:90},
								  {name:'lot',index:'lot', width:80,editable:true,editrules:{required: true}},
								  {name:'hank_cones',index:'hank_cones', width:80,editable:true,editrules:{required: true}},
								  
								  {name:'bale',index:'bale', width:80,editable:true,editrules:{required: true}},
								   {name:'gross_weight',index:'gross_weight', width:80,editable:true,editrules:{required: true}},
								   {name:'net_weight',index:'net_weight', width:80,editable:true,editrules:{required: true}},
								    {name:'tare_weight',index:'tare_weight', width:80,editable:true,editrules:{required: true},formatter: 'number',
                      formatoptions: { decimalSeparator: ".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.0000' },},
								   {name:'mill',index:'mill', width:80,editable:true,editrules:{required: true}},
								    {name:'grade',index:'grade', width:80,editable:true,editrules:{required: true}},
								   {name:'consumed_at',index:'consumed_at', width:95,editable:true,editrules:{required: true}},
								  {name:'rec_by',index:'rec_by', width:93,editable:false},
								   {name:'',index:'',align: "center",editable:false,editrules:{required: true}, width:200,cellattr: function (rowId, tv, rawObject, cm, rdata) 
									{
	                        	     return ' onclick="fun_delete($(this))" ';
	                        		},formatter:function (cellvalue, options, rowObject) {    
    return "<input type='button' class='fa fa-eye' value='DELETE'  \>";
						  }},
								  
								  ],
						height: 'auto',
			          rowNum:20000000,
			          sortname: 'num',
			          sortorder: "asc"
			       });
			   }
			  }); 
			
			
	//$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
	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_delete(rowId)
		{
		  var id = rowId.closest('tr').attr('id'); 
		  var as=id;
		  //alert(as);
		  var v=$('#delete_id').val();
			 if(v == 1)
			 {
			
			$.ajax({
				type:'post',
				url:'<?php echo base_url("vendor/vendor_delete_yarn"); ?>',
				data:{'as':as},
				async:false,
				success:function()
				{
					
					 $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
					}
				 
			});
			 }
	 else
	 {
		  swal({
			 title: "You Don't Have Access For This Delete",
			 text: "",
	 		 });
	  }
	 
		}
		function fun(rowId)
	{
       var id = rowId.closest('tr').attr('id');
		$('#tr_id').val(id);	
		$('#yarn_shades').show();
			    $.ajax({
	        
	        url:"<?php echo base_url('vendor/receive_yarn_quantity')?>",
	        type:"POST",
	        data:{'id':id},
		                 success:function(data){
				                  var objData = jQuery.parseJSON(data);
						obj=objData.quantity;
						obj2=objData.yarn_details;
						objj=objData.sum_quantity;
						obj1=objData.c_val;
						
						obj_emp=objData.emp_loc;
						//alert(obj_emp.location);
						document.getElementById("rec_quantity").value =obj.quantity;
						document.getElementById("rec_quantity").value+=' '+obj.indent_unit;
						
						if(obj.shade == '')
						{
							$('#yarn_shades').hide();
						}
						else
						{
							document.getElementById("shades").value =obj.shade;
						}
						
								document.getElementById("yarn_dyed_shades").value =objData.s;
						document.getElementById("color_code").value =objData.c;
						document.getElementById("yarnname").value =obj2.yarnname+" ";
						document.getElementById("yarnname").value +=obj2.yarndenier+" ";
						document.getElementById("yarnname").value +=obj2.yarnspecification;
						
						document.getElementById("yarndenier").value=obj2.yarndenier;
						document.getElementById("yarnspecification").value=obj2.yarnspecification;
						
						document.getElementById("c_val").value =obj1;
						document.getElementById("sum_rec_quantity").value =objj.gross_weight;
					
						if(obj_emp.location == '')
						{
							$('.loc_feild').hide();
							$('.loc_drop_down').show();
						}
						else
						{
							$('.loc_feild').val(obj_emp.location);
							$('.loc_drop_down').hide();
						}
						$('#myModal').modal('toggle');
				             }
		            }); 
	}
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:{'hank_cones':hank_cones,'yarn_dyed_shades':yarn_dyed_shades,'yarnname':yarnname,'yarndenier':yarndenier,'yarnspecification':yarnspecification,'rec_date':rec_date,'invoice':invoice,'received_date':received_date,'lot':lot,'bale':bale,'tr_id':tr_id,'gross_weight':gross_weight,'net_weight':net_weight,'tare_weight':tare_weight,'mill':mill,'grade':grade,'consumed_at':consumed_at,'received_by':received_by},

async:false,

success:function(data)
				 {
					  swal({
			 title: "Successfully Added",
			  text: "",});
			
		$('#invoice').val('');
		$('#received_date').val();
		$('#lot').val('');
		$('#bale').val('');
		$('#tr_id').val('');
		$('#yarn_shades').val('');
		$('#gross_weight').val('');
		$('#net_weight').val('');
		$('#tare_weight').val('');
	$('#mill').val('');
		$('#grade').val();
		$('#consumed_at').val('');
	var yarn_dyed_shades =$('#yarn_dyed_shades').val('');
		//$('#received_quality').val('');
		
						$('#myModal').modal('toggle');
						$('#submit').show();
					 $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');	
					
				}

});
			 //}
//else{
	// swal({
			// title: "Received Quantity is Exceeded",
			//  text: "",
			 
		//	});
//}		
			}
$(document).ready(function(){	
	   $('#gross_weight').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});

$(document).ready(function(){	
	   $('#net_weight').on('change keyup', function() {
		   var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});		
	</script>
</script>
	
<style>
.form-control
{
	margin-bottom:17px !important;
}
.preview
{
	padding-bottom:3px !important;
	padding-top:3px !important;
}
</style>

</script>
	<style>
	#jaytab{
	width:100%;
	overflow:auto;
}
}
	#search_list2
{
	display:none !important;
}
	#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;
		}
		.radio-list {
			margin-left:7% !important;
		}
		
#table_pending_indent{
	overflow-x: scroll;
}
			#jaytab{
				margin-top: 0 !important;
				margin-left: 0 !important;
				overflow-x: scroll;
				width: 600px !important;
				padding-left: 0 !important;
			}
			#jaytab1 {
				margin-top: 0 !important;
				margin-left: 0 !important;
				overflow-x: scroll;
				width: 300px !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;
	}

</style>