Current Directory: /home/aissorg/public_html
Viewing File: /home/aissorg/public_html/donate-now.php
<?php
ob_start(); // Start output buffering
session_start();
include 'admin/include/config.php'; // DB connection
$alertMessage = "";
// Handle form submission
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Retrieve & sanitize input
$name = trim($_POST['name']);
$mobile = trim($_POST['mobile']);
$donation_date = trim($_POST['donation_date']);
$email = trim($_POST['email']);
$amount = trim($_POST['amount']);
$pan_number = trim($_POST['pan_number']);
$country = trim($_POST['country']);
$state = trim($_POST['state']);
$city = trim($_POST['city']);
$landmark = trim($_POST['landmark']);
$address = trim($_POST['address']);
$zip_code = trim($_POST['zip_code']);
$purpose = trim($_POST['purpose']);
// Validation
if (empty($name) || empty($mobile) || empty($donation_date) || empty($email) || empty($amount) ||
empty($country) || empty($state) || empty($city) || empty($address) || empty($zip_code) || empty($purpose)) {
$alertMessage = '<div class="alert alert-danger">All required fields must be filled.</div>';
} elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$alertMessage = '<div class="alert alert-danger">Invalid email format.</div>';
} elseif (!ctype_digit($mobile) || strlen($mobile) < 10 || strlen($mobile) > 15) {
$alertMessage = '<div class="alert alert-danger">Invalid mobile number.</div>';
} elseif (!is_numeric($amount) || $amount <= 0) {
$alertMessage = '<div class="alert alert-danger">Donation amount must be a valid number.</div>';
} elseif (!ctype_digit($zip_code)) {
$alertMessage = '<div class="alert alert-danger">Zip Code must contain only digits.</div>';
} else {
// Insert into donation table
$query = "INSERT INTO donations
(name, mobile, donation_date, email, amount, pan_number, country, state, city, landmark, address, zip_code, purpose)
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
if ($stmt = $con->prepare($query)) {
$stmt->bind_param("sssssssssssss", $name, $mobile, $donation_date, $email, $amount, $pan_number, $country, $state, $city, $landmark, $address, $zip_code, $purpose);
if ($stmt->execute()) {
$last_id = $stmt->insert_id;
$_SESSION['donation_id'] = $last_id;
header("Location: donation-mail.php"); // Redirect to email page
exit();
} else {
$alertMessage = '<div class="alert alert-danger">Error processing your donation: ' . $stmt->error . '</div>';
}
$stmt->close();
} else {
$alertMessage = '<div class="alert alert-danger">Database error. Please try again later.</div>';
}
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Donation Form</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name='og:title' content='All India Sai Samaj'>
<meta name='og:type' content='Sai Baba Temple - Mylapore'>
<meta name='og:url' content='https://aiss.org.in/'>
<meta name='og:image' content='https://aiss.org.in/demo/img/favicon.png'>
<meta name='og:site_name' content='All India Sai Samaj'>
<meta name='og:description' content='In 1941 Sri Narasimhaswamiji created an organization named “All India Sai Samaj" in Chennai to serve as the center of activities of Sai Mission. During his tour in various towns several people became his followers and with the guidance of Sri Swamiji they started Sai Samajams, which were called upasamajams affiliated to the main body All India Sai Samaj.'>
<link rel='canonical' href='https://aiss.org.in/donate-now.php' />
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=DM+Serif+Display&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/custom.css">
<style>
.section-donate{
background: linear-gradient(to left,rgb(245, 222, 122),rgb(238, 238, 132), #e8e8a0);
}
.spiritual-title {
position: relative;
display: inline-block;
text-align: center;
display: flex;
margin: 10px auto;
justify-content: space-evenly;
}
</style>
</head>
<body>
<div class="page">
<?php include('includes/header.php'); ?>
<?php
$sql = "SELECT image FROM inner_banner WHERE id = 4 LIMIT 1";
$result = mysqli_query($con, $sql);
$bannerImage = 'assets/img/gallery/about_banner.jpg'; // default fallback image
if ($row = mysqli_fetch_assoc($result)) {
$bannerImage = $row['image']; // e.g. 'img/custom_banner.jpg'
}
?>
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url('admin/assets/img/gallery/<?php echo ($bannerImage); ?>');">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h3 class="breadcrumbs-custom-title" style="color: #fff;">Donation</h3>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="./">Home</a></li>
<li class="active">Donation</li>
</ul>
</div>
</div>
</section>
<!-- Success Alert -->
<section class="section section-xs text-center bg-image context-dark" style="background-image: url('images/call-to-action.jpg')">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-12">
<div class="box-cta-thin">
<h4 class="wow-outer" style="color:#fff;"><span class="wow slideInRight">Join us in making a difference — Become a donor today!</h4>
<div class="wow-outer button-outer"><a class="button button-primary button-winona wow slideInLeft" href="donate-now.php">Donate Now</a></div>
</div>
</div>
</div>
</div>
</section>
<div class="devotional-border"></div>
<section class="section section-lg oh">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="spiritual-title">
<img src="img/saibaba.png" class="mandala-bg" alt="mandala pattern">
<h1>Make a Donation</h1>
</div>
<p class="text-center" style="margin-bottom: 20px;"> Your generous donations help us maintain the temple, organize spiritual programs, and support various charitable activities. Every offering, big or small, spreads Sai Baba’s message of love, service, and unity. By donating, you become part of this divine mission.</p>
</div>
<?php echo $alertMessage; ?>
<div class="col-md-12">
<div class="donation-container" style="border-radius: 10px; padding: 20px; background: linear-gradient(150deg, #eed976, rgb(238, 194, 98), #fbf896, #d8a436, #e5c35b); border: 2px solid #d8a436;">
<form action="#" method="POST" id="donationForm">
<div class="row g-3">
<div class="col-md-6">
<label for="name">Name</label>
<input class="form-control" id="name" type="text" name="name" required>
</div>
<div class="col-md-6">
<label for="mobile">Mobile</label>
<input class="form-control" id="mobile" type="text" name="mobile" required>
</div>
</div>
<div class="row g-3 mt-2">
<div class="col-md-6">
<label for="donation_date">Donation Date</label>
<input class="form-control" id="donation_date" type="date" name="donation_date" required>
</div>
<div class="col-md-6">
<label for="email">Email</label>
<input class="form-control" id="email" type="email" name="email" required>
</div>
</div>
<div class="row g-3 mt-2">
<div class="col-md-6">
<label for="amount">Amount</label>
<input class="form-control" id="amount" type="number" name="amount" required>
</div>
<div class="col-md-6">
<label for="pan_number">Aadhar Number</label>
<input class="form-control" id="pan_number" type="text" name="pan_number" required>
</div>
</div>
<div class="row g-3 mt-2">
<div class="col-md-6">
<label for="country">Country</label>
<input class="form-control" id="country" type="text" name="country" required>
</div>
<div class="col-md-6">
<label for="state">State</label>
<input class="form-control" id="state" type="text" name="state" required>
</div>
</div>
<div class="row g-3 mt-2">
<div class="col-md-6">
<label for="city">City</label>
<input class="form-control" id="city" type="text" name="city" required>
</div>
<div class="col-md-6">
<label for="landmark">Landmark</label>
<input class="form-control" id="landmark" type="text" name="landmark" required>
</div>
</div>
<div class="row g-3 mt-2">
<div class="col-md-6">
<label for="zip_code">Zip/Postal Code</label>
<input class="form-control" id="zip_code" type="text" name="zip_code" required>
</div>
<div class="col-md-6">
<label for="address">Address</label>
<input class="form-control" id="address" name="address" required>
</div>
</div>
<div class="row g-3 mt-2">
<div class="col-md-12">
<label for="purpose">Purpose of Donation</label>
<textarea class="form-control" id="purpose" name="purpose" required></textarea>
</div>
</div>
<div class="text-center mt-4">
<button type="submit" class="btn btn-primary">Donate Now</button>
</div>
</form>
</div>
<h4>Notes : </h4>
<ul class="list-marked">
<li><strong>Temple Maintenance:</strong> Help in the upkeep and beautification of the temple.</li>
<li><strong>Spiritual Programs:</strong> Support daily aartis, bhajans, and special pooja ceremonies.</li>
<li><strong>Charitable Activities:</strong> Contribute towards feeding the needy and medical assistance.</li>
<li><strong>Educational Support:</strong> Aid in funding education for underprivileged children.</li>
<li><strong>Festival Celebrations:</strong> Help organize grand celebrations of religious festivals.</li>
</ul>
</div>
</div>
</div>
</section>
<?php include('includes/footer.php'); ?>
</div>
<div class="snackbars" id="form-output-global"></div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
<script>
// Auto-hide success message after 3 seconds
setTimeout(function() {
let successAlert = document.getElementById('successAlert');
if (successAlert) {
successAlert.style.display = 'none';
}
}, 3000); // Hide after 3 seconds
</script>
<script>
// Get today's date in YYYY-MM-DD format
const today = new Date().toISOString().split('T')[0];
// Set the minimum date to today (disables previous dates)
document.getElementById('donation_date').min = today;
</script>
</body>
</html>