File "join-20260113194928.php"
Full Path: /home/ovanhxso/public_html/panel/admin/include/join-20260113194928.php
File size: 22.37 KB
MIME-type: text/x-php
Charset: utf-8
<?php include("include/header.php"); ?>
<style>
input[type=radio]{
width: 24px;
height: 24px;
margin-left: -1.5em;
}
.label{
font-weight: 600;
font-size: 15px !important;
}
.shadow{
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.card {
position: relative;
display: flex
;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
.px-4{
padding: 0 41px;
}
.p-0{
padding: 0px;
}
.label-1{
margin-top: -30px;
display: block;
margin-left: 5px;
}
</style>
<section class="page-title bg-background-area" data-bg="assets/images/bg4.jpg">
<div class="overlay"></div>
<div class="page-title-container">
<div class="page-title-wrapper">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<h2>Donate now</h2>
<ol class="breadcrumb">
<li><a href="./">Home</a></li>
<li>Donate now</li>
</ol>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
</div>
</section>
<section class="intro py-50" style="background: #e6f3ff;padding-top: 50px;padding-bottom: 50px">
<div class="container">
<div class="row">
<div class="col-md-6 pt-5 mb-5">
<p>
<b>“We make a living by what we get. We make a life by what we give.” – Winston Churchill</b><br><br>
To encourage more people to serve humanity and make donations, the Government of India has made provisions under Section 80G of the Income Tax Act, 1961. This means that one (individual/organisation) can donate their money towards a social cause and claim income tax exemption.<br><br>
<b>DONATE TO Bharatiya Open Volunteer Association & SAVE TAX</b><br><br>
When you donate towards Bharatiya Open Volunteer Association as an individual or a corporate, you can claim for a 50% to 100% tax deduction at the time of filing your income tax return. The Foundation is registered under Section 12A (a) of the IT Act,Section 8 of the Companies Act Registered Under the Ministry of Corporate Affairs, Government of India ,Bharatiya Open Volunteer Association is an implementing partner of the Ghar Ghar Shiksha ,Differently-abled Children and The Education System of India,Environmental issues ,Education for All: Empowering Poor Families Through Scholarships and Support - Pen India and Legal Awareness Campaign: Combatting Domestic Violence, Dowry, and Sexual Harassment.<br><br>
</p>
<!-- FAQs area start -->
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
How can I make a donation to Bharatiya Open Volunteer Association (OVA)?
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
You can make a donation by transferring funds to our SBI FCRA Account. Please follow the details provided in the Donor Details section on our website.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
Can I donate anonymously?
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
No, we do not encourage anonymous donations as a policy. We require donor information to ensure compliance and send a receipt for your donation.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
Will I receive a receipt for my donation?
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
Yes, a soft copy of the receipt will be sent to your registered email address upon receiving your donation details.
</div>
</div>
</div>
</div>
<!-- FAQs area end -->
</div>
<div class="col-md-6 pt-5 mb-5">
<div class="card border-0 shadow">
<div class="card-body px-4">
<form action="" method="POST" id="add_slider">
<h5 class="card-title">I wish to feed children</h5>
<div class="row">
<div class="col-md-6 form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="9000">
<label class="form-check-label label-1" for="inlineRadio1"> ₹9,000 to feed 6 children</label>
</div>
<div class="col-md-6 form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="13500">
<label class="form-check-label label-1" for="inlineRadio2">₹13,500 to feed 9 children</label>
</div>
<div class="col-md-6 form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="18000">
<label class="form-check-label label-1" for="inlineRadio3">₹18,000 to feed 12 children</label>
</div>
<div class="col-md-6 form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio4" value="22500">
<label class="form-check-label label-1" for="inlineRadio4">₹22,500 to feed 15 children</label>
</div>
</div>
<div class="form-check form-check-inline d-flex">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio5" value="other">
<input class="form-control w-25" type="number" id="customAmount" placeholder="Enter Amount" min="0">
</div>
<h4 class="text-uppercase text-center"> And Also</h4>
<div class="form-group row px-3">
<div class="mb-3 form-check col-md-10 m-0 d-flex p-0">
<input type="checkbox" class="form-check-input" id="exampleCheck1" style="margin-right: 10px;">
<label class="form-check-label" for="exampleCheck1"> I would also like to sponsor a children education fees starting worth ₹200.</label>
</div>
<div class="col-md-2">
<input name="" class="form-control px-1 py-2" readonly value="200">
</div>
</div>
<div class="form-group">
<h6 style="font-size: 1rem;">You are donating <span id="donationAmount"> Rs.0</span> to education for children. For Donate and save</h6>
</div>
<div>
<h6 style="font-size: 1rem;">Select your citizenship</h6>
</div>
<div class="form-group d-flex">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="citizen" id="indian" value="indian_citi" checked>
<label class="form-check-label label-1" for="indian"> Indian Citizen </label>
</div>
<div class="form-check form-check-inline" style="margin-left: 41px;">
<input class="form-check-input" type="radio" name="citizen" id="foreign" value="foreign_citi">
<label class="form-check-label label-1" for="foreign"> foreign Citizen</label>
</div>
</div>
<div id="indian_citi" class="show-hide">
<div class="">
<h4 style="font-size: 1rem;">Donor Details</h4>
<div class="row">
<div class="col-sm-8 form-group">
<input placeholder="Full Name*" type="text" name="name" id="name" class="form-control py-2">
</div>
<div class="col-sm-6 form-group">
<input placeholder="Mobile number*" type="text" name="phone" id="phone" class="form-control py-2">
</div>
<div class="col-sm-6 form-group">
<input placeholder="Email*" name="email" type="email" id="email" class="form-control py-2">
</div>
<div class="col-sm-6 form-group">
<input placeholder="Pan Card No. *" name="pan_card" id="pan_card" class="form-control py-2">
</div>
<div class="col-sm-6 form-group">
<input placeholder="Address *" name="address" type="text" id="address" class="form-control py-2">
</div>
<div class="col-sm-12 form-group">
<div id="passwordHelpBlock" class="form-text">
To get the 80-G certificate,<br>please enter your PAN number
</div>
</div>
<div class="col-sm-4 form-group">
<input placeholder="Pin Code" name="pin_code" type="text" id="pin_code" class="form-control py-2">
</div>
<div class="col-sm-4 form-group">
<input placeholder="State" name="state" type="text" id="state" class="form-control py-2">
</div>
<div class="col-sm-4 form-group">
<input placeholder="City" name="city" type="text" id="city" class="form-control py-2">
</div>
<div class="col-sm-5 form-group">
<label class="form-check-label " > Final Donation Amount</label>
<input placeholder="Amount" name="amount" id="amount" class="form-control py-2" readonly>
</div>
<div class="col-sm-6 form-group">
<label class="form-check-label " >Enter Remark</label>
<textarea class="form-control py-2" name="remark" placehoder="Enter Remark" row="2"></textarea>
</div>
<div class="col-sm-12 form-group px-3 p-0">
<div class="mb-3 form-check m-0 d-flex">
<input type="checkbox" name="terms" class="form-check-input" id="exampleCheck4" style="margin-right: 10px;">
<label class="form-check-label" for="exampleCheck4"> I have read through the website's Privacy Policy & Terms and Conditions to make a donation.</label>
</div>
</div>
<div class="col-sm-12 form-group px-3">
<!-- <button type="submit" name="submit" onclick="addSlider()">Submit</button> -->
<button type="button" class="btn-text btn btn-primary rounded" id="rzp-button1" onclick="addSlider()" style="width: 37%;">Pay</button>
</div>
</div>
</div>
</div>
<div id="foreign_citi" class="show-hide">
<div class="">
<h6 style="font-size: 1rem;">Donor Details</h6>
<p><b>Bharatiya Open Volunteer Association</b></p>
<ul class="p-0 list-unstyled">
<li>SBI Bank account number for OVA 43168261848</li>
<li>IFSC Code - SBIN0O015557</li>
<li>Address: 4 2 AIRPORT,ROAD AT POSTVIDYANAGAR KOLHAPUR
KOLHAPUR, UJALAIWADI,416004</li>
<li>CSR Bank - State Bank of India</li>
<!--<li>Branch Code: 00691</li>-->
<!--<li>Sort Code: 999999</li>-->
<!--<li>Equivalent Sort code: 111222</li>-->
<!--<li>Please find attached Correspondent routing banks for SBI FCRA</li>-->
</ul>
<p>
When Forex transfer is initiated, INR should not be chosen. The currency should be other than INR. For doing this, if the donor wants support of intermediary banks and the currency details, we will provide the same. Common currencies ie, USD, EURO, AUD, GBP have to be used.
</p>
<p>
Below details are mandatory and your donation will not be processed until you send us this information. We do not encourage anonymous donations as a policy. Also note, no donation made through debit or credit card will be acceptable adhering to RBI guidelines. To help us serve you better, please let us know your personal and donation details as soon as possible after making the donation.
</p>
<p>
Please send the following to <a href="mailto:support@ova.ngo">support@ova.ngo</a>:
</p>
<ul class="p-0 list-unstyled">
<li>Your Name</li>
<li>Your Contact No</li>
<li>Your Donation Transaction Number</li>
<li>Your Donation Amount</li>
<li>Your E-Mail – To send you the soft copy of the Cash Receipt.</li>
<li>Your Complete Postal Address</li>
</ul>
<h4 class="my-3">
Correspondent Bank Accounts<br>
Details of Correspondent Bank Accounts maintained by SBI
</h4>
<div class="table-responsive">
<table class="table table-bordered table-striped ">
<thead class="table-primary">
<tr>
<th>Sr.No.</th>
<th>Name Of Bank</th>
<th>Currency</th>
<th>SWIFT BIC</th>
<th>Correspondent Code</th>
<th>Account Number</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>State Bank of India</td>
<td>RS</td>
<td>-</td>
<td>-</td>
<td>43168261848</td>
<td>India</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include('include/footer.php'); ?>
<style>
.error{
color:red!important;
}
</style>
<!-- <script>
function submitForm(event) {
// Prevent default form submission
event.preventDefault();
// Check if the checkbox is checked
var checkbox = document.getElementById('exampleCheck4');
if (checkbox.checked) {
// If checkbox is checked, submit the form
document.querySelector('form').submit();
} else {
// If checkbox is not checked, show an alert or take appropriate action
alert('Please confirm that you have read the Privacy Policy & Terms and Conditions.');
// Or you can return false to prevent form submission
// return false;
}
}
</script> -->
<script>
$(document).ready(function() {
$("input[name=citizen]").change(function() {
var test = $(this).val();
$(".show-hide").hide();
$("#" + test).show();
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Function to calculate and update donation amount
function updateDonationAmount() {
var radioValue = document.querySelector('input[name="inlineRadioOptions"]:checked').value;
var customAmount = parseFloat(document.getElementById('customAmount').value) || 0;
var checkbox1Checked = document.getElementById('exampleCheck1').checked;
var amount = 0;
if (radioValue === 'other') {
amount = customAmount;
} else {
amount = parseFloat(radioValue);
}
if (checkbox1Checked) {
amount += 200;
}
document.getElementById('donationAmount').innerText = amount;
document.getElementById('amount').value = amount;
}
// Event listeners for radio buttons and custom amount input
var radioButtons = document.querySelectorAll('input[name="inlineRadioOptions"]');
radioButtons.forEach(function(radioButton) {
radioButton.addEventListener('change', updateDonationAmount);
});
var customAmountInput = document.getElementById('customAmount');
customAmountInput.addEventListener('input', updateDonationAmount);
// Event listener for checkbox
var checkbox1 = document.getElementById('exampleCheck1');
checkbox1.addEventListener('change', updateDonationAmount);
});
</script>
<script>
$(document).ready(function() {
jQuery.validator.addMethod("noDigits", function(value, element) {
return this.optional(element) || !/\d/.test(value);
}, "Please enter a value without digits.");
jQuery.validator.addMethod("noSpacesOnly", function(value, element) {
return value.trim() !== '';
}, "Please enter a non-empty value");
jQuery.validator.addMethod("validatePAN", function(value, element) {
return this.optional(element) || /^[A-Z]{5}[0-9]{4}[A-Z]$/.test(value);
}, "Invalid PAN card format. It should be 10 characters (e.g., ABCDE1234F).");
jQuery.validator.addMethod("validPincode", function (value, element) {
return this.optional(element) || /^[1-9][0-9]{5}$/.test(value);
}, "Invalid pincode. It must be a 6-digit number starting with 1-9.");
$('#add_slider').validate({
rules: {
name: {
required: true,
noSpacesOnly: true,
noDigits: true
},
email: {
required: true,
noSpacesOnly: true
},
phone: {
required: true,
digits: true,
minlength: 10,
maxlength: 10,
noSpacesOnly: true
},
address: {
required: true,
noSpacesOnly: true
},
pin_code: {
required: true,
validPincode: true
},
state: {
required: true,
noSpacesOnly: true
},
city: {
required: true,
noSpacesOnly: true
},
remark :{
required: true
},
pan_card: {
required: true,
validatePAN: true
}
},
messages: {
name: {
required: "Please enter the name"
},
email: {
required: "Please enter the email"
},
phone: {
required: "Please enter the phone"
},
address: {
required: "Please enter the address"
},
remark: {
required: "Please enter the remark"
},
pin_code: {
required: "Please enter the pincode",
pattern: "Invalid PAN card number. It should be 10 characters long, with 5 letters, 4 digits, and 1 letter (e.g., ABCDE1234F)."
},
state: {
required: "Please enter the state"
},
city: {
required: "Please enter the city"
},
pan_card: {
required: "Please enter the pancard No"
}
},
errorPlacement: function (error, element) {
if (element.attr("name") == "terms") {
// Place error message after the label for the checkbox
error.insertAfter(element.next("label"));
} else {
error.insertAfter(element);
}
},
});
});
</script>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<?php
$stmt = $conn->prepare('SELECT * FROM manage_web');
$stmt->execute();
$record = $stmt->fetchAll();
foreach ($record as $key) {
$keyId = $key['keyId'];
$keySecret = $key['keysecret'];
}
?>
<script>
var keyId = "<?php echo $keyId; ?>"; // Pass $keyId to JavaScript variable
function addSlider() {
if ($('#add_slider').valid()) {
pay_now();
}
};
function pay_now() {
var name = $("input[name='name']").val();
var amount = $("input[name='amount']").val();
var actual_amount = amount * 100;
var description = 'Become a member';
var formData = $('#add_slider').serialize();
var options = {
"key": keyId, // Your Razorpay API Key
"amount": actual_amount,
"currency": "INR",
"name": name,
"description": description,
"image": "",
"handler": function(response) {
console.log(response);
$.ajax({
url: 'process_payment.php',
method: 'POST',
data: formData + '&payment_id=' + response.razorpay_payment_id, // Combine form data and payment ID
success: function(data) {
alert("Payment Successful! Check Receipt...");
window.location.href = 'receipt.php?payment_id='+ response.razorpay_payment_id;
}
});
}
};
var rzp1 = new Razorpay(options);
rzp1.open();
}
</script>