EVOLUTION-NINJA

Edit File: payment.php

<?php $this->load->view('includes/header'); ?>

<div class="container">
	<div class="row">
	    	<div class="col-md-12 grid-margin stretch-card">
		      	<div class="card">
			        <div class="card-body">
					<div class="row" style="border-bottom: 1px solid black; padding-top: 20px;">
						<div>
							<h3 style="padding-left: 15px;">Plot Payment Form</h3>
						</div>
					</div>
					<form class="payment_form" style="margin-top: 20px;">
						<input type="hidden" name="booking_id" class="form-control booking_id" required="required">
						<div class="row">
							<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-4">
										<div class="form-group">
											<label>Customer Name</label>
										</div>
									</div>
									<div class="col-sm-8">
										<div class="form-group">
										  <input type="text" class="form-control customer_name" name="customer_name" required readonly >
										  <input type="hidden"  name="customer_id" class="form-control customer_id" required="required">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row" style="padding-bottom: 10px;">
							<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-4">
										<label>Layout</label>
									</div>
									<div class="col-sm-8">
										<div class="form-group">
											
										    <select class="form-control" name="layout_id" id="selected_project" required="required">
											        <option value="">Select</option>
											        <?php foreach ($layouts as $key => $layout) {?>
											        	<option value="<?php echo $layout->id;?>"><?php echo $layout->layout_name;?></option>
											        <?php } ?>
											</select>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-4">
										<label >Site Number</label>
									</div>
									<div class="col-sm-8">
										<div class="form-group">
											
											<select name="site_number" class="form-control" id="site_number" required="required">
												<option value="">Select</option>
											</select>
										</div>
									</div>
									
								</div>
							</div>
						</div>
						<div class="row" style="padding-bottom: 10px;">
							<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-2">
										<div class="form-group">
											<label>North</label>
										</div>
									</div>
									<div class="col-sm-4">
										<div class="form-group">
										  <input type="text" class="form-control site_dimension_north" name="site_dimension_north" required readonly >
										</div>
									</div>
									<div class="col-sm-2">
										<div class="form-group">
											<label>East</label>
										</div>
									</div>
									<div class="col-sm-4">
										<div class="form-group">
										  <input type="text" class="form-control site_dimension_east" name="site_dimension_east" required readonly >
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="row">
									<div class="col-sm-2">
										<div class="form-group">
											<label>South</label>
										</div>
									</div>
									<div class="col-sm-4">
										<div class="form-group">
										  <input type="text" class="form-control site_dimension_south" name="site_dimension_south" required readonly >
										</div>
									</div>
									<div class="col-sm-2">
										<div class="form-group">
											<label>West</label>
										</div>
									</div>
									<div class="col-sm-4">
										<div class="form-group">
										  <input type="text" class="form-control site_dimension_west" name="site_dimension_west" required readonly>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<div class="session2">
							<h5>Booking Amount1</h5>
							<div class="row">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Agreement Amount</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control" name="agreement_amount">
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									 <div class="row" >
										<div class="col-sm-4">
											<div class="form-group">
												<label>Agreement Date</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control payment_calendar1" name="agreement_date" max="" >
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
												<label>Payment Mode</label>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
												<select class="form-control agreement_payment_type" style="" name="agreement_payment_type" id="agreement_payment_type" required="required">
												<option value="0">Select</option>
												<option value="Cash">Cash</option>
												<option value="Cheque">Cheque</option>
												<option value="DD">DD</option>
												<option value="Online Payment">NEFT / RTGS</option>
												<option value="Swipe">Swipe</option>
												</select>
											</div>
										</div>
										
									</div>
								</div>
							</div>

<div class="row">
								<div class="col-sm-2">
									<label>Receipt</label>
								</div>
								<div class="col-sm-10">
									<div class="form-group">
										<button type="button">Generate</button>
									</div>
								</div>
							</div>

</div>
						
						<div class="session3" style="margin-left: 20px; margin-right: 20px;">
							<div class="row">					
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Instalment Amount</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control installment_amount" name="installment_amount">
											</div>
										</div>
									</div>
								</div>					
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Instalment Date</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control payment_calendar1 installment_date" name="installment_date" >
											</div>
										</div>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="col-sm-2">
									<label>Payment Mode</label>
								</div>
								<div class="col-sm-4">
									<select class="form-control in_pay_type" name="installment_payment_type" id="in_pay_type" onchange="change_instal_pay_mode();" >
										<option value="">Select</option>
										<option value="Cash">Cash</option>
										<option value="Cheque">Cheque</option>
										<option value="DD">DD</option>
										<option value="Online Payment">NEFT / RTGS</option>
										<option value="Swipe">Swipe</option>
									</select>
								</div>
							</div><br>
							<div id="instal_pay_mode">

</div>
							<hr>
							<div class="add_more_instal_div">
                  
                			</div>

<div class="row">
								<div class="col-sm-4">
									
								</div>
								<div class="col-sm-4" style="text-align: center;padding-bottom: 20px; padding-top: 20px;">
									<button type="button" class="more_installments">Add more installment</button>
								</div>
								<div class="col-sm-4">
								
								</div>
							</div>

</div>

<div class="session4" style="margin-left: 20px; margin-right: 20px;">
							<div class="row">					
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Registration Amount</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control" name="registration_amount">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Registration Value</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control" name="registration_value">
											</div>
										</div>
									</div>
								</div>					
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Registration Date</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control payment_calendar1" name="registration_date" max="" >
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Payment Mode</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <select class="form-control reg_pay_type" name="registration_payment_type" id="reg_pay_type" onchange="change_reg_pay_mode();">			
												<option value="0">Select</option>
												<option value="Cash">Cash</option>
												<option value="Cheque">Cheque</option>
												<option value="DD">DD</option>
												<option value="Online Payment">NEFT / RTGS</option>
												<option value="Swipe">Swipe</option>
											  </select>
											</div>
										</div>
									</div>
								</div>
							</div>
							<br>
							<div id="reg_pay_mode">

</div>
							<hr>
							<div class="add_more_registration">
							
							</div>

<div class="row">
								<div class="col-sm-4">
									
								</div>
								<div class="col-sm-4" style="text-align: center; padding-top: 20px;padding-bottom: 20px;">
									<button type="button" class="more_registration">Add more registration</button>
								</div>
								<div class="col-sm-4">
									
								</div>
							</div>
							
						</div>
						<div class="session6" style="margin-left: 20px; margin-right: 20px; border:none;">
							<div class="row">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Maintenance</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control" name="maintenance">
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>No of years</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control" name="num_of_years">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="row">
										<div class="col-sm-4">
											<div class="form-group">
												<label>Clubhouse membership</label>
											</div>
										</div>
										<div class="col-sm-8">
											<div class="form-group">
											  <input type="text" class="form-control" name="club_house">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

<div class="session5" style="margin-left: 20px; margin-right: 20px;">
							
							<div class="row" style="margin-bottom: 40px; margin-top: 20px; ">
							<div class="col-sm-4">
								
							</div>
							<div class="col-sm-4" style="text-align: center;">
								<button  type="submit" class="btn btn-primary btn-block submit">Submit</button>
							</div>
							<div class="col-sm-4">
								
							</div>
						</div>
							
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

$('#site_number').change(function()
	{
		var layout  = $('#selected_project').val();
		var site_num  = $(this).val();
   		/*alert(layout);
   		alert(site_num);*/
		$.ajax({
    		type:'post',
    		url:'<?php echo site_url('get-customer-name-dimension');?>',
    		data:{"layout_id":layout,"site_num":site_num},
    		  success:function(response){
              response=jQuery.parseJSON(response);
              //console.log(response);
                if(response.result == 1)
                {  	
                	$('.customer_name').val(response.message.name);
					$('.site_dimension_north').val(response.message.site_dimension_north);
					$('.site_dimension_east').val(response.message.site_dimension_east);
					$('.site_dimension_south').val(response.message.site_dimension_south);
					$('.site_dimension_west').val(response.message.site_dimension_west);
					$('.booking_id').val(response.message.booking_id);
					$('.customer_id').val(response.message.id);
                }
                else 
                {
                    toastr["error"](response.message);                
                }
            }
    	});
	});

$('.payment_calendar1').datepicker({

changeMonth:true,
		changeYear:true,
	    yearRange: "2000:c",
	    //dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});

$('.payment_calendar').datepicker({
		
		changeMonth:true,
		changeYear:true,
	    yearRange: "2000:c",
	    //dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});

$('.date_picker').datepicker({

changeMonth:true,
		changeYear:true,
	    yearRange: "1940:c",
	    //dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});

$(".agreement_payment_type").change(function(){

var value = $(".agreement_payment_type option:selected").val();
	    	if(value == "Cheque")
	    	{
    			var check_content = '';

check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Cheque No</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control cheque_no" name="agr_cheque_no" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Cheque Date</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control payment_calendar" name="agr_cheque_date" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Bank Name</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="agr_cheque_bank_name"  required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';

$(".agreement_online_div").empty();
				$(".agreement_dd_div").empty();
				$(".agreement_cheque_div").html(check_content).fadeIn('slow');

$('.payment_calendar').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
	    	}
	    	else if(value == "Online Payment")
	    	{
	    		var check_content = '';

check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>UTR No</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="agr_utr_no" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Date</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control payment_calendar" name="agr_pay_date" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label></label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';

$(".agreement_online_div").html(check_content).fadeIn('slow');
				$(".agreement_dd_div").empty();
				$(".agreement_cheque_div").empty();

$('.payment_calendar').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
	    	}
	    	else if(value == "DD")
	    	{
	    		var check_content = '';

check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>DD No</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="agr_dd_no" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>DD Date</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control payment_calendar" name="agr_dd_date" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Bank Name</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="agr_dd_bank_name" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';

$(".agreement_online_div").empty();
				$(".agreement_dd_div").html(check_content).fadeIn('slow');
				$(".agreement_cheque_div").empty();

$('.payment_calendar').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
	    	}
	    	else
	    	{
	    		$(".agreement_cheque_div").empty();
	    		$(".agreement_dd_div").empty();
	    		$(".agreement_online_div").empty();
	    	}

});

$('#instal_pay_mode').empty();
		$('#instal_pay_mode').append(check_content);

$('.payment_calendar').datepicker({
		   dateFormat: 'dd-mm-yy' 
		});
	}

var i = 0; 
 $('.more_installments').click(function(){
  //i++;
  var con = '';
  //alert(i);
  con += '<div class="single_row"><br><button class="remove_one"><i class="fa fa-trash-o " aria-hidden="true"></i></button>';
	  con += '<div class="row">';
		con += '<div class="col-sm-6">';
		  con += '<div class="row">';
			con += '<div class="col-sm-4">';
			  con += '<div class="form-group">';
				con += '<label>Instalment Amount</label>';
			  con += '</div>';
			con += '</div>';
			con += '<div class="col-sm-8">';
			  con += '<div class="form-group">';
				con += '<input type="text" class="form-control installment_amount" name="installment_amount">';
			  con += '</div>';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
		con += '<div class="col-sm-6">';
		  con += '<div class="row">';
			con += '<div class="col-sm-4">';
			  con += '<div class="form-group">';
				con += '<label>Instalment Date</label>';
			  con += '</div>';
			con += '</div>';
			con += '<div class="col-sm-8">';
			  con += '<div class="form-group">';
				con += '<input type="text" class="form-control payment_calendar1 installment_date" name="installment_date" >';
			  con += '</div>';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
	  con += '</div>';
								
	  con += '<div class="row">';
		con += '<div class="col-sm-2">';
		  con += '<label>Payment Mode</label>';
		con += '</div>';
		con += '<div class="col-sm-4">';
		  con += '<select class="form-control in_pay_type" name="installment_payment_type" id="in_pay_type" onchange="change_instal_pay_mode();" >';
			con += '<option value="">Select</option>';
			con += '<option value="Cash">Cash</option>';
			con += '<option value="Cheque">Cheque</option>';
			con += '<option value="DD">DD</option>';
			con += '<option value="Online Payment">NEFT / RTGS</option>';
			con += '<option value="Swipe">Swipe</option>';
		  con += '</select>';
		con += '</div>';
	  con += '</div>';
	  con += '<br>';
	  con += '<div id="instal_pay_mode">';

con += '</div>'
  con += '<hr>';
  con += '</div>';
  
  $('.add_more_instal_div').append(con);

$('.payment_calendar1').datepicker({
	dateFormat: 'dd-mm-yy' 
  });

$('.remove_one').click(function()
  {
  
    $(this).closest('div').remove();
  });

});

function change_reg_pay_mode()
{
	var select = $('#reg_pay_type').val();

$('#reg_pay_mode').empty();
	$('#reg_pay_mode').append(check_content);

$('.payment_calendar').datepicker({
	   dateFormat: 'dd-mm-yy' 
	});
}

var j=0;
$('.more_registration').click(function(){
  //j++;
  var con = '';
  con += '<div class="single_row"><br><button class="remove_one"><i class="fa fa-trash-o " aria-hidden="true"></i></button>';
  	con += '<div class="row">';					
	  con += '<div class="col-sm-6">';
		con += '<div class="row">';
		  con += '<div class="col-sm-4">';
			con += '<div class="form-group">';
			  con += '<label>Registration Amount</label>';
			con += '</div>';
		  con += '</div>';
		  con += '<div class="col-sm-8">';
			con += '<div class="form-group">';
			  con += '<input type="text" class="form-control" name="registration_amount">';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
		con += '<div class="row">';
		  con += '<div class="col-sm-4">';
			con += '<div class="form-group">';
			  con += '<label>Registration Value</label>';
			con += '</div>';
		  con += '</div>';
		  con += '<div class="col-sm-8">';
			con += '<div class="form-group">';
			  con += '<input type="text" class="form-control" name="registration_value">';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
	  con += '</div>';
	  con += '<div class="col-sm-6">';
		con += '<div class="row">';
		  con += '<div class="col-sm-4">';
			con += '<div class="form-group">';
			  con += '<label>Registration Date</label>';
			con += '</div>';
		  con += '</div>';
		  con += '<div class="col-sm-8">';
			con += '<div class="form-group">';
			  con += '<input type="text" class="form-control payment_calendar1" name="registration_date" >';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
		con += '<div class="row">';
		  con += '<div class="col-sm-4">';
			con += '<div class="form-group">';
			  con += '<label>Payment Mode</label>';
			con += '</div>';
		  con += '</div>';
		  con += '<div class="col-sm-8">';
			con += '<div class="form-group">';
			  con += '<select class="form-control reg_pay_type" name="registration_payment_type" id="reg_pay_type" onchange="change_reg_pay_mode();">';		
				con += '<option value="">Select</option>';
				con += '<option value="Cash">Cash</option>';
				con += '<option value="Cheque">Cheque</option>';
				con += '<option value="DD">DD</option>';
				con += '<option value="Online Payment">NEFT / RTGS</option>';
				con += '<option value="Swipe">Swipe</option>';
			  con += '</select>';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
	  con += '</div>';
	con += '</div>';
	con += '<br>';
	con += '<div id="reg_pay_mode">';

con += '</div>';
	con += '<hr>';
  con += '</div>';
  $('.add_more_registration').append(con);

$('.payment_calendar1').datepicker({
	dateFormat: 'dd-mm-yy' 
  });

$('.remove_one').click(function()
  {
  
    $(this).closest('div').remove();
  });
});

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

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
    $(".submit").text("Submitting...");

$.ajax({
            type   : 'post',
            url    : '<?php echo site_url("add-plot-payment-details")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              response=jQuery.parseJSON(response);
              console.log(response);

if(response.result==1)
                {
                    toastr["success"](response.message);
                    $('.payment_form')[0].reset();
                    $(".submit").text("Submit");
                    $(".submit").removeAttr('disabled');
                    setTimeout(function wait(){
                     window.location = '<?php echo site_url("payment-list")?>';
                      }, 1000);
                }
                else 
                {
                    toastr["error"](response.message);                                           
                }
            }
 		});
         	
});

/*var reg_count=0;	
	function add_more_registration()
	{ 
		reg_count++;
		//alert(count);
		var content = '';

content +=	'<div  style="margin-left: 5px; margin-right: 5px;">';
		content +='<div class="single_row"><br><button class="remove_one"><i class="fa fa-trash-o " aria-hidden="true"></i></button>';
		content +=	'<div class="row">';				
		content +=	'<div class="col-sm-6">';
		content +=	'<div class="row">';
		content +=	'<div class="col-sm-4">';
		content +=	'<div class="form-group">';
		content +=	'<label>Registration Amount'+reg_count+'</label>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'<div class="col-sm-8">';
		content +=	'<div class="form-group">';
		content +=	'<input type="text" class="form-control" name="registration_amount[]">';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'<div class="row">';
		content +=	'<div class="col-sm-4">';
		content +=	'<div class="form-group">';
		content +=	'<label>Registration Value'+reg_count+'</label>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'<div class="col-sm-8">';
		content +=	'<div class="form-group">';
		content +=	'<input type="text" class="form-control" name="registration_value[]">';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';					
		content +=	'<div class="col-sm-6">';
		content +=	'<div class="row">';
		content +=	'<div class="col-sm-4">';
		content +=	'<div class="form-group">';
		content +=	'<label>Registration Date'+reg_count+'</label>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'<div class="col-sm-8">';
		content +=	'<div class="form-group">';
		content +=	'<input type="text" class="form-control payment_calendar1" name="registration_date[]" max="" >';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'<div class="row">';

content +=	'<div class="col-sm-2">';
		content +=	'<label>Payment Mode</label>';
		content +=	'</div>';
		content +=	'<div class="col-sm-4">';
		content +=	'<select class="form-control registration_payment_type2'+reg_count+'" style="" name="registration_payment_type[]" id="registration_payment_type" required="required">';

content +=	'<option value="0">Select</option>';
		content +=	'<option value="Cash">Cash</option>';
		content +=	'<option value="Cheque">Cheque</option>';
		content +=	'<option value="DD">DD</option>';
		content +=	'<option value="Online Payment">NEFT / RTGS</option>';
		content +=	'<option value="Swipe">Swipe</option>';
		content +=	'</select>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'</div>';
		content +=	'<br>';
		content +=	'<div class="registration_cheque_div2'+reg_count+'">';

content +=	'</div>';
		content +=	'<div class="registration_dd_div2'+reg_count+'">';

content +=	'</div>';
		content +=	'<div class="registration_online_div2'+reg_count+'">';

content +=	'</div>';
		content += '<hr/>';
		content +=  '</div>';

$('.add_more_registration').append(content);

$('.remove_one').click(function()
		{
		 
		  $(this).closest('div').remove();
		});

$(".registration_payment_type2"+reg_count).change(function(){

var value = $(this).val();

if(value == "Cheque")
	    	{
    			var check_content = '';

check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Cheque No</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control cheque_no" name="reg_cheque_no[]" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Cheque Date</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control payment_calendar" name="reg_cheque_date[]" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Bank Name</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="reg_cheque_bank_name[]"  required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';

$(".registration_online_div2"+reg_count).empty();
				$(".registration_dd_div2"+reg_count).empty();
				$(".registration_cheque_div2"+reg_count).html(check_content).fadeIn('slow');

$('.payment_calendar').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
	    	}
	    	else if(value == "Online Payment")
	    	{
	    		var check_content = '';

check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>UTR No</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="reg_utr_no[]" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Date</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control payment_calendar" name="reg_pay_date[]" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label></label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';

$(".registration_online_div2"+reg_count).html(check_content).fadeIn('slow');
				$(".registration_dd_div2"+reg_count).empty();
				$(".registration_cheque_div2"+reg_count).empty();

$('.payment_calendar').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
	    	}
	    	else if(value == "DD")
	    	{
	    		var check_content = '';

check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>DD No</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="reg_dd_no[]" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>DD Date</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control payment_calendar" name="reg_dd_date[]" max="" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="row">';
				check_content +='<div class="col-sm-4">';
				check_content +='<div class="form-group">';
				check_content +='<label>Bank Name</label>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='<div class="col-sm-8">';
				check_content +='<div class="form-group">';
				check_content +='<input type="text" class="form-control" name="reg_dd_bank_name[]" required="required">';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
				check_content +='</div>';
    			
				$(".registration_online_div2"+reg_count).empty();
				$(".registration_dd_div2"+reg_count).html(check_content).fadeIn('slow');
				$(".registration_cheque_div2"+reg_count).empty();

$('.payment_calendar').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
	    	}
	    	else
	    	{
	    		$(".registration_cheque_div2"+reg_count).empty();
	    		$(".registration_dd_div2"+reg_count).empty();
	    		$(".registration_online_div2"+reg_count).empty();
	    	}
	});
}*/

</script>

<?php $this->load->view('includes/footer.php')?>