EVOLUTION-NINJA

Edit File: payment_form.php

<?php echo view('includes/header');?>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
	<section class="content-header">

<h1> Plot Payment Form </h1>
			<?php echo $booking_id;?>
	</section>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Customer Name</label>
								<input type="text" class="form-control col-sm-8" name="customer_name" required="required">
							</div>							
						</div> 
						
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Project</label>
								<select class="form-control col-sm-8" name="project_id" id="sel1" required="required">
									<?php 
									foreach($projects as $val)
									{
									?>
										<option value="<?php echo $val->project_id;?>"><?php echo $val->project_name;?></option>
									<?php
									}
									?>
								</select>
							</div>
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Site No</label>
								<input type="number" class="form-control col-sm-4" min="0" name="site_number" style="width:21%!important;" required="required">
								<label class="col-sm-2" style="padding-left:4px; font-size: 12px;">Dimension</label>
								<input type="text" class="form-control col-sm-4" name="site_dimension" style="width:22% !important;" required="required">
							</div>
						</div>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Booking Date</label>								
								<input type="text" class="form-control col-sm-8 date_picker" name="booking_date" max="" required="required">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Amount</label>
								<input type="text" class="form-control col-sm-8" name="booking_amount" placeholder="Booking Amount Rs." required="required">
							</div>	
						</div>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Agreement Date</label>								
								<input type="text" class="form-control col-sm-8 date_picker" name="sale_agree_date" max="">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Amount</label>
								<input type="text" class="form-control col-sm-8" name="sale_agree_amount" placeholder="Agreement Amount Rs.">
							</div>	
						</div>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Instalment Date</label>								
								<input type="text" class="form-control col-sm-8 date_picker" name="instalement_date1" max="">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Amount</label>
								<input type="text" class="form-control col-sm-8" name="instalement_amount1" placeholder="Instalment Amount Rs.">
							</div>	
						</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Amount</label>
								<input type="text" class="form-control col-sm-8" name="instalement_amount2" placeholder="2nd Instalment Amount Rs.">
							</div>	
						</div>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Registration Date</label>								
								<input type="text" class="form-control col-sm-8 date_picker" name="reg_due_date" max="">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Amount</label>
								<input type="text" class="form-control col-sm-8" name="reg_due_amount" placeholder="Registration Amount Rs.">
							</div>	
						</div>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Maintainance </label>								
								<input type="text" class="form-control col-sm-8" name="main_amount" placeholder="Rs.">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">No.of years </label>								
								<select class="form-control col-sm-8" name="no_of_years" id="sel1">
									<option value="">Select</option>
									<option value="1">1 year</option>
									<option value="2">2 year</option>
								</select>
							</div>	
						</div>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Clubhouse Membership</label>								
								<input type="text" class="form-control col-sm-8" name="membership_amount" placeholder="Rs.">
							</div>

</div>

<div class="row" style="padding-bottom:20px; padding-top:10px;">
							<div class="col-sm-0 col-md-2"></div>
							<div class="col-sm-12 col-md-8">
								<label class="radio-inline"><input type="radio" value="Check" id="check" name="payment_type">Check</label>
								<label class="radio-inline"><input type="radio" value="Cash" id="cash" name="payment_type">Cash</label>
								<label class="radio-inline"><input type="radio" value="DD" id="dd" name="payment_type">DD</label>
								<label class="radio-inline"><input type="radio" value="Online Payment" id="online_payment" name="payment_type">Online Payment</label>
							</div>
							<div class="col-sm-0 col-md-2"></div>
						</div>

<div class="row land_owner_a" id="check_div">
							<!-- <div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Check No</label>								
								<input type="text" class="form-control col-sm-8" name="check_no" >
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Check Date</label>								
								<input type="date" class="form-control col-sm-8" name="check_date" max="2050-12-31">
							</div>

<div class="row land_owner_a">
							<div class="col-sm-4 col-md-3"></div>
							<div class="col-sm-4 col-md-3">
								<button type="submit" class="btn btn-primary center-block submit submit_button">Submit</button>
							</div>
							<div class="col-sm-4 col-md-3">
								<button type="button" class="btn btn-primary center-block submit print_data">Print</button>
							</div>
							<div class="col-sm-4 col-md-3"></div>													
						</div> 					
					</form>
					
					
					
					<div class="row" style="padding-left:20px; padding-top:25px;">
						JQ-Grid
						
					</div>
					
				</div> 			
				<div class="col-sm-0 col-md-1"></div>
			</section>

$(document).ready(function(){
	var print_index = 0;
	var booking_id = "<?php echo $booking_id;?>";

$('.date_picker').datepicker({

dateFormat: 'yy-mm-dd'

});

$("input[name='payment_type']").change(function(){
	
    	var value = $('input[name=payment_type]:checked').val();
    	if(value == "Check")
    	{
    		var check_content = '';

check_content += '<div class="form-group col-sm-12 col-md-6">';
				check_content += '<label class="col-sm-4">Check No</label>';							
				check_content += '<input type="text" class="form-control col-sm-8" name="check_no" required="required">';
				check_content += '</div>';
				check_content += '<div class="form-group col-sm-12 col-md-6">';
				check_content += '<label class="col-sm-4">Check Date</label>';								
				check_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="check_date" max="" required="required">';
				check_content += '</div>';
				check_content += '<div class="form-group col-sm-12 col-md-6">';
				check_content += '<label class="col-sm-4">Bank Name</label>';								
				check_content += '<input type="text" class="form-control col-sm-8" name="bank_name" required="required">';
				check_content += '</div>';

$("#onlinepayment_div").empty();
				$("#check_div").html(check_content).fadeIn('slow');

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

payment_content += '<div class="form-group col-sm-12 col-md-6">';
			payment_content += '<label class="col-sm-4">VTR No</label>';								
			payment_content += '<input type="text" class="form-control col-sm-8" name="vtr_no" required="required">';
			payment_content += '</div>';
			payment_content += '<div class="form-group col-sm-12 col-md-6">';
			payment_content += '<label class="col-sm-4">Date</label>';								
			payment_content += '<input type="text" class="form-control col-sm-8 date_picker" name="online_date" max="" required="required">';
			payment_content += '</div>';

$("#check_div").empty();
			$("#onlinepayment_div").html(payment_content).fadeIn('slow');

$('.date_picker').datepicker({
			   dateFormat: 'yy-mm-dd' 
			});
    	}
    	else
    	{
    		$("#check_div").empty();
    		$("#onlinepayment_div").empty();
    	}

});
	
	CheckBooking(booking_id);

function CheckBooking(booking_id)
		{
			$.ajax({
                type   : 'post',
                data   : {booking_id,booking_id},
                url    : '<?php echo site_url("check-booking")?>',                                         
              	success:function(response){
              	response=jQuery.parseJSON(response);
              	console.log(response);

if(response.result==1)
                    {
                    	$("input[name=booking_id]").val(response.booking_details.booking_id);
                    	$("input[name=detail_id]").val(response.booking_details.detail_id);

$("input[name=customer_name]").val(response.booking_details.customer_name); 
                    	$("select option[value='"+response.booking_details.project_id+"']").attr("selected","selected");
                    	$("input[name=site_number]").val(response.booking_details.site_number);
                    	$("input[name=site_dimension]").val(response.booking_details.dimension);
                    	$("input[name=tsv]").val(response.booking_details.tsv);
                    	$("input[name=per_sqft]").val(response.booking_details.tsv_per_sft_rs);
                    	$("input[name=booking_date]").val(response.booking_details.booking_date);
                    	$("input[name=booking_amount]").val(response.booking_details.booking_amount);
                    	$("input[name=sale_agree_date]").val(response.booking_details.sales_agreement_due_date);
                    	$("input[name=sale_agree_amount]").val(response.booking_details.sales_agreement_due_amount);
                    	$("input[name=instalement_date1]").val(response.booking_details.installment_due_date);
                    	$("input[name=instalement_amount1]").val(response.booking_details.installment_due_amount); 
                    	$("input[name=reg_due_date]").val(response.booking_details.registration_due_date);  	
                    	$("input[name=reg_due_amount]").val(response.booking_details.registration_due_amount); 
                    	$("input[name=main_amount]").val(response.booking_details.maintainance_amount); 
                    	$("input[name=no_of_years]").val(response.booking_details.no_of_years);
                    	$("input[name=membership_amount]").val(response.booking_details.clubhouse_membership_amount);

if(response.booking_details.booking_payment_type == "Check")
                    	{
                    		var check_content = '';

check_content += '<div class="form-group col-sm-12 col-md-6">';
							check_content += '<label class="col-sm-4">Check No</label>';							
							check_content += '<input type="text" class="form-control col-sm-8" name="check_no" value="'+response.booking_details.check_no+'" required="required">';
							check_content += '</div>';
							check_content += '<div class="form-group col-sm-12 col-md-6">';
							check_content += '<label class="col-sm-4">Check Date</label>';								
							check_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="check_date" value="'+response.booking_details.check_date+'" max="" required="required">';
							check_content += '</div>';
							check_content += '<div class="form-group col-sm-12 col-md-6">';
							check_content += '<label class="col-sm-4">Bank Name</label>';								
							check_content += '<input type="text" class="form-control col-sm-8" name="bank_name" value="'+response.booking_details.bank_name+'" required="required">';
							check_content += '</div>';

$("#onlinepayment_div").empty();
							$("#check_div").html(check_content).fadeIn('slow');

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

$("#check").prop("checked",true);
                    	}

else if(response.booking_details.booking_payment_type == "Cash")
                    	{
                    		$("#cash").prop("checked",true);
                    	}

else if(response.booking_details.booking_payment_type == "DD")
                    	{
                    		$("#dd").prop("checked",true);
                    	}

else if(response.booking_details.booking_payment_type == "Online Payment")
                    	{
                    		var payment_content = '';

payment_content += '<div class="form-group col-sm-12 col-md-6">';
							payment_content += '<label class="col-sm-4">VTR No</label>';								
							payment_content += '<input type="text" class="form-control col-sm-8" name="vtr_no" value="'+response.booking_details.vtr_no+'" required="required">';
							payment_content += '</div>';
							payment_content += '<div class="form-group col-sm-12 col-md-6">';
							payment_content += '<label class="col-sm-4">Date</label>';								
							payment_content += '<input type="text" class="form-control col-sm-8 date_picker" value="'+response.booking_details.online_date+'" name="online_date" max="" required="required">';
							payment_content += '</div>';

$("#check_div").empty();
							$("#onlinepayment_div").html(payment_content).fadeIn('slow');

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

$("#online_payment").prop("checked",true);
                    	}
                    	
                    }         
                }
                
         });
		}

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

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

$(".submit_button").text("Submitting...");

$.ajax({

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

if(response.result==1)
                    {
                    	CheckBooking(booking_id);
	                    toastr["success"](response.message);
	                    $('.payment_form')[0].reset();
	                    $(".submit_button").text("Submit");                    
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit_button").text("Submit");                    
                    }
                    else if(response.result==3)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit_button").text("Submit");                    
                    }
                    else 
                    {
	                   // toastr["error"](response.message);                       
		                $(".submit_button").text("Submit");                       
                    }
                   
                }
                
         });
             
     });

$(document).on('click','.print_data',function(){

$.ajax({
                type   : 'post',
                data   : {booking_id,booking_id},
                url    : '<?php echo site_url("check-booking")?>',                                         
              	success:function(response){
              	response=jQuery.parseJSON(response);
              	console.log(response);

if(response.result==1)
                    {
                    		
                    }         
                }
                
         });
            // var div = $(this).next('div').attr('id');

//   var divToPrint=document.getElementById(div);
            //   newWin= window.open("");
            //   newWin.document.write(divToPrint.outerHTML);
            //   newWin.print();
            //   newWin.close();

});

});
</script>
	
<?php echo view('includes/footer');?>