EVOLUTION-NINJA

Edit File: edit_invoice_payment.php

<?php $this->load->view('includes/admin_header');?>
<link rel="stylesheet" href="<?php echo  base_url('assets/css/jquery-ui.css'); ?>">
<link rel="stylesheet" href="<?php echo base_url('admin_assets/css/datepicker3.css');?>" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap-datepicker.js');?>"></script>	
	<div class="main-container " id="main-container">
		<div class="form-group col-sm-12 col-md-6">		
		</div>
		<form id="payment_invoice">
			<input type="hidden" value="<?php echo $result->payment_id?>" name="id" />
			<div id="agreement_check_div col-sm-12">
				<?php $agr_sl=0;?>
				<table class="table agr_table table-bordered">
					<tr>
					<td><input type="text"  name="favour_of" style="width:100px !important;" class="form-control" value="<?php echo $result->favour_of?>" minlength="2" placeholder="Paid To" required="required"/></td>
					<td><input type="text"  name="collected_by" style="width:100px !important;" class="form-control" value="<?php echo $result->collected_by?>" minlength="2" placeholder="Collected By" /></td>
					<td>
					<select class="form-control payment_type"  style="" name="payment_type" id="sel1" required="required">';
					<option value="0">Select</option>
					<option <?php if($result->payment_type=="Cheque") echo "selected='selected'" ?>value="Cheque" >Cheque</option>
					<option <?php if($result->payment_type=="Cash") echo "selected='selected'" ?> value="Cash">Cash</option>
					<option <?php if($result->payment_type=="DD") echo "selected='selected'" ?> value="DD">DD</option>
					<option <?php if($result->payment_type=="Online Payment") echo "selected='selected'" ?> value="Online Payment">NEFT / RTGS</option>
					</select>
					</td>
					<td style="width: 15%;"><input type="text" style="width:90px !important;" class="form-control rrr  vvv" id="amount" name="amount" value="<?php echo $invoice_amount?>" placeholder="Amount"  required="required"></td>
					<?php if($result->payment_type=="Cheque"){?>
					<td><input type="text" class="form-control" style="width: 100px;" name="no" pattern="[0-9]{6}" value="<?php echo $result->cheque_no?>" maxlength="6" placeholder="Cheque No" ></td>
					<td><input type="text" class="form-control date_picker" style="width: 112px;" name="date" max="" value="<?php echo $result->cheque_date?>" placeholder="Cheque Date" ></td>
					<td><input type="text" class="form-control" style="width: 101px;" name="bank" placeholder="Bank Name" value="<?php echo $result->bank_name?>" ></td>
					<td><input type="text" class="form-control" style="width: 117px;" name="branch" placeholder="Branch Name" value="<?php echo $result->	branch_name?>" ></td>
					<?php }?>
					<?php if($result->payment_type=="Online Payment"){?>
					<td><input type="text" class="form-control" style="width: 150px;" name="no" placeholder="UTR NO" value="<?php echo $result->utr_no?>" ></td>
					<td><input type="text" class="form-control date_picker" style="width: 112px;" name="date" max="" placeholder="Online Date" value="<?php echo $result->online_date?>" ></td>
					<td></td>
					<td></td>
					<?php }?>
					<?php if($result->payment_type=="DD"){?>
					<td><input type="text" class="form-control" style="width: 100px;" name="no" pattern="[0-9]{6}" maxlength="6" placeholder="DD NO" value="<?php echo $result->dd_no?>" ></td>
					<td><input type="text" class="form-control date_picker" style="width: 112px;" name="date" max="" placeholder="DD Date" value="<?php echo $result->dd_date?>" ></td>
					<td><input type="text" class="form-control" style="width: 101px;" name="bank" placeholder="Bank Name" value="<?php echo $result->bank_name?>" ></td>
					<td><input type="text" class="form-control" style="width: 117px;" name="branch" placeholder="Branch Name" value="<?php echo $result->branch_name?>" ></td>
					<?php }?>
					
					<?php if($result->payment_type=="Cash"){?>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<?php }?>
					<td><a class="remove" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a></td>
					</tr>
				</table>
				<?php $agr_sl=$agr_sl+1;?>
			</div>
			<div class="form-group col-md-offset-6 col-sm-4 col-md-4">
			<button type="submit" class="btn btn-primary center-block submit">Submit</button>
			</div>
		</form>
	</div>
<script>	
$(document).ready(function(){
	$('#payment_invoice').submit(function(e){    
		e.preventDefault();
		formdata = new FormData($(this)[0]);
		$.ajax({
				type   		: 'post',
				url    		: '<?php echo site_url("update-payment")?>',
				data   		: formdata,
				contentType	: false,
				processData	: false,
				success:function(response){
					response=jQuery.parseJSON(response);
					if(response.result == 1)
					{
						alert('updated successfully');
						window.location.href  = '<?php echo site_url('invoice-list');?>';
					}
				}
			});
		}); 
});

</script>

$('.date_picker').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick1').datepicker('hide');
});

$(".payment_type").change(function(){
		var drop_down = $(this);
		var value = $(this).val();
		if(value == "Cheque")
		{
			var cheque_no   = '<input type="text" class="form-control" style="width: 100px;" name="no" pattern="[0-9]{6}" maxlength="6" placeholder="Cheque No" required="required">';
			var cheque_date = '<input type="text" class="form-control date_picker" style="width: 112px;" name="date" max="" placeholder="Cheque Date" required="required">';
			var bank_name   = '<input type="text" class="form-control" style="width: 101px;" name="bank" placeholder="Bank Name" required="required">';
			var branch_name = '<input type="text" class="form-control" style="width: 117px;" name="branch" placeholder="Branch Name" required="required">';
			drop_down.parent().next().next().html(cheque_no);
			drop_down.parent().next().next().next().html(cheque_date);
			drop_down.parent().next().next().next().next().html(bank_name);
			drop_down.parent().next().next().next().next().next().html(branch_name);
			$('.date_picker').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick1').datepicker('hide');
						});
		    	}
		    	else if(value == "Cash")
		    	{
					drop_down.parent().next().next().empty();
					drop_down.parent().next().next().next().empty();
					drop_down.parent().next().next().next().next().empty();
					drop_down.parent().next().next().next().next().next().empty();

var none1 = '<input type="hidden" class="form-control" style="width: 150px;" name="no" value="0" placeholder="">';
		    		var none2 = '<input type="hidden" class="form-control" style="width: 150px;" name="date" value="0" placeholder="">';
		    		var none3 = '<input type="hidden" class="form-control" style="width: 150px;" name="bank" value="0" placeholder="">';
		    		var none4 = '<input type="hidden" class="form-control" style="width: 150px;" name="branch" value="0" placeholder="">';
					
					drop_down.parent().next().next().html(none1);
					drop_down.parent().next().next().next().html(none2);
					drop_down.parent().next().next().next().next().html(none3);
					drop_down.parent().next().next().next().next().next().html(none4);
		    	}

else if(value == "Online Payment")
		    	{
		    		drop_down.parent().next().next().empty();
					drop_down.parent().next().next().next().empty();
					drop_down.parent().next().next().next().next().empty();
					drop_down.parent().next().next().next().next().next().empty();

var utr_no   = '<input type="text" class="form-control" style="width: 150px;" name="no" placeholder="UTR NO" required="required">';

var online_date = '<input type="text" class="form-control date_picker" style="width: 112px;" name="date" max="" placeholder="Online Date" required="required">';

var none1 = '<input type="hidden" class="form-control" style="width: 150px;" name="bank" value="0" placeholder="">';

var none2 = '<input type="hidden" class="form-control" style="width: 150px;" name="branch" value="0" placeholder="">';
					
					drop_down.parent().next().next().html(utr_no);
					drop_down.parent().next().next().next().html(online_date);
					drop_down.parent().next().next().next().next().html(none1);
					drop_down.parent().next().next().next().next().next().html(none2);

$('.date_picker').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick1').datepicker('hide');
						});
		    	}

if(value == "DD")
		    	{
					drop_down.parent().next().next().empty();
					drop_down.parent().next().next().next().empty();
					drop_down.parent().next().next().next().next().empty();
					drop_down.parent().next().next().next().next().next().empty();

var dd_no     = '<input type="text" class="form-control" style="width: 100px;" name="no" pattern="[0-9]{6}" maxlength="6" placeholder="DD NO" required="required">';
					var dd_date   = '<input type="text" class="form-control date_picker" style="width: 112px;" name="date" max="" placeholder="DD Date" required="required">';
					var dd_bank   = '<input type="text" class="form-control" style="width: 101px;" name="bank" placeholder="Bank Name" required="required">';
					var dd_branch = '<input type="text" class="form-control" style="width: 117px;" name="branch" placeholder="Branch Name" required="required">';

drop_down.parent().next().next().html(dd_no);
					drop_down.parent().next().next().next().html(dd_date);
					drop_down.parent().next().next().next().next().html(dd_bank);
					drop_down.parent().next().next().next().next().next().html(dd_branch);

$('.date_picker').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick1').datepicker('hide');
						});
					
		    	}
		});
				
		
	$(document).on('focusout','.rrr',function(){
		var value=$(this).val();
		var value = value.replace(/[_\W]+/g, "");
		x=value.toString();
        var lastThree = x.substring(x.length-3);
        var otherNumbers = x.substring(0,x.length-3);
        if(otherNumbers != '')
            lastThree = ',' + lastThree;
        var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
        $('.vvv').val(res);
        
	});
</script>