EVOLUTION-NINJA

Edit File: payment.php

<?php $this->load->view('includes/admin_header');?>
<link rel="stylesheet" href="<?php echo  base_url('admin_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">
		<h3>Add Payment Details</h3>
		<div class="form-group col-sm-12 col-md-6" style="padding-top: 20px;">		
			<button class="btn btn-sm btn-primary aggr_payment_btn col-sm-4 col-md-3" type="button">Add payment</button>							
		</div>
		<form id="payment_invoice">
		<input type="hidden" value="<?php echo $invoice_id?>" name="id" />
		<div id="agreement_check_div col-sm-12">
			<table class="table agr_table table-bordered">
			</table>
		</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("add-payment")?>',

data   : formdata,
                contentType: false,

processData: false,
				success:function(response){

response=jQuery.parseJSON(response);

if(response.result == 1)

{
						 //alert('Payment Added Successfully');
						 window.location.href  = '<?php echo site_url('invoice-list');?>';
						 toastr["success"]('Payment Added Successfully');
					 }else
					 {
					      toastr["error"](response.message);
					 }

}

});

}); 
});

</script>

var agr_sl = 0;

$(".aggr_payment_btn").click(function(){

var mode = '';

mode += '<tr>';
			
			mode +='<td ><select type="text"  name="favour_of[]" style="width:130px !important;" class="form-control" minlength="2" placeholder="Paid To" required="required">';
			mode +='<?php foreach($paid_to as $key => $value) { ?>';
		    
			mode +='<option value="<?php echo $value; ?>"><?php echo $value; ?></option>';	
			mode +='<?php } ?></select>';	
			mode +='</td>';			
			mode +='<td>';
			
			mode += '<select class="form-control payment_type" id="agr_sl_'+agr_sl+'"style="" name="payment_type[]" id="sel1" required="required">';
			mode +='<option value="">Select</option>';
			mode +='<?php foreach($payment as $key => $value) { ?>';
			mode +='<option value="<?php echo $value; ?>"><?php echo $value; ?></option>';	
			mode +='<?php } ?></select>';	
			mode +='</td>';
			mode += '<td style="width: 15%;"><input type="text" style="width:90px !important;" class="form-control rrr  vvv'+agr_sl+'" name="amount[]" placeholder="Amount"  required="required"></td>';
			mode += '<td ></td>';
			mode += '<td ></td>';
			mode += '<td ></td>';
			mode += '<td></td>';
			mode += '<td></td>';
			mode += '<td><a class="remove" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a></td>';	
			mode += '</tr>';

$(".agr_table").append(mode).fadeIn('slow');
			$(".remove").click(function(){
				$(this).closest('tr').remove();
			});
			agr_sl++;

$(".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[]"   placeholder="Cheque No" >';
					var cheque_date = '<input type="text" class="form-control date_picker" style="width: 112px;" name="date[]" max="" placeholder="Cheque Date" >';
					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">';
					var collected_by   = '<input type="hidden" class="form-control" style="width: 170px;" name="collected_by[]" placeholder="Collected By" >';

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);
					drop_down.parent().next().next().next().next().next().next().html(collected_by);

$('.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 collected_by   = '<input type="text" class="form-control" style="width: 170px;" name="collected_by[]" placeholder="Collected By">';

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(collected_by);
                    
                    drop_down.parent().next().next().next().html(none1);
                    drop_down.parent().next().next().next().next().html(none2);
                    drop_down.parent().next().next().next().next().next().html(none3);
                    drop_down.parent().next().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" >';

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

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="">';

var collected_by   = '<input type="hidden" class="form-control" style="width: 170px;" name="collected_by[]" placeholder="Collected By" >';

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);
					drop_down.parent().next().next().next().next().next().next().html(collected_by);

$('.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[]"   placeholder="DD NO" >';
					var dd_date   = '<input type="text" class="form-control date_picker" style="width: 112px;" name="date[]" max="" placeholder="DD Date" >';
					var dd_bank   = '<input type="text" class="form-control" style="width: 101px;" name="bank[]" placeholder="Bank Name" >';
					var dd_branch = '<input type="text" class="form-control" style="width: 117px;" name="branch[]" placeholder="Branch Name" >';

var collected_by   = '<input type="hidden" class="form-control" style="width: 170px;" name="collected_by[]" placeholder="Collected By" >';

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);
					 drop_down.parent().next().next().next().next().next().next().html(collected_by);

$('.date_picker').datepicker({

format: "dd-mm-yyyy",

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

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

if(value == "PAYTM")
		    	{
					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="hidden" class="form-control" style="width: 100px;" name="no[]"   placeholder="DD NO" >';
					var dd_date   = '<input type="text" class="form-control date_picker" style="width: 112px;" name="date[]" max="" placeholder="Date" >';
					var dd_bank   = '<input type="hidden" class="form-control" style="width: 101px;" name="bank[]" placeholder="Bank Name" >';
					var dd_branch = '<input type="hidden" class="form-control" style="width: 117px;" name="branch[]" placeholder="Branch Name" >';

var collected_by   = '<input type="hidden" class="form-control" style="width: 170px;" name="collected_by[]" placeholder="Collected By" >';

$('.date_picker').datepicker({

format: "dd-mm-yyyy",

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

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

});

var i=0;
	$(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'+i).val(res);

i++;
	});

</script>