1#@!#!123s

32759 1#@!#!123s
: / home / aissorg / public_html /
Filename : booknow.php
back
<?php
ob_start();
session_start();
include 'admin/include/config.php'; // DB connection

$alertMessage = ""; // Alert message placeholder

// Handle form submission
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Retrieve & sanitize inputs
    $name = trim($_POST['name']);
    $mobile = trim($_POST['mobile']);
    $email = trim($_POST['email']);
    $checkin_date = trim($_POST['checkin_date']);
    $checkout_date = trim($_POST['checkout_date']);
    $rooms = trim($_POST['rooms']);
    $adult = trim($_POST['adult']);
    $kids = trim($_POST['kids']);
	$aadhar = trim($_POST['aadhar']);
    $country = trim($_POST['country']);
    $state = trim($_POST['state']);
    $city = trim($_POST['city']);
    $zip_code = trim($_POST['zip_code']); // Note: DB field is zip_cod
    $address = trim($_POST['address']);
    $purpose = trim($_POST['purpose']);

    // Validation
    if (
        empty($name) || empty($mobile) || empty($email) || empty($checkin_date) ||
        empty($checkout_date) || empty($rooms) || empty($adult) || empty($kids) || empty($aadhar) || 
		empty($country) || empty($state) || empty($city) || empty($zip_code) || empty($address) || empty($purpose)
    ) {
        $alertMessage = '<div class="alert alert-danger">All fields are required.</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. It should be between 10-15 digits.</div>';
    } elseif (!ctype_digit($aadhar) || strlen($aadhar) != 12) {
        $alertMessage = '<div class="alert alert-danger">Invalid Aadhar number. It must be exactly 12 digits.</div>';
    } elseif (!ctype_digit($zip_code)) {
        $alertMessage = '<div class="alert alert-danger">Zip Code should contain only digits.</div>';
    } else {
        // Insert into the database
        $query = "INSERT INTO rooms 
        (name, mobile, email, checkin_date, checkout_date, rooms, adult, kids, aadhar, country, state, city, zip_code, address, purpose) 
        VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";

        if ($stmt = $con->prepare($query)) {
            $stmt->bind_param("sssssiissssssss", 
				$name, $mobile, $email, $checkin_date, $checkout_date,
				$rooms, $adult, $kids, $aadhar, $country, $state, $city, $zip_code, $address, $purpose
			);


            if ($stmt->execute()) {
                $last_id = $stmt->insert_id;
                $_SESSION['booking_id'] = $last_id;
                header("Location: rooms-mail.php");
                exit();
            } else {
                $alertMessage = '<div class="alert alert-danger">Error processing your booking: ' . $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>Book Now</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/booknow.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);

        }
		.alert-success {
			--bs-alert-color: var(--bs-success-text-emphasis);
			--bs-alert-bg: #00d008;
			--bs-alert-border-color: var(--bs-success-border-subtle);
			--bs-alert-link-color: var(--bs-success-text-emphasis);
		}
    </style>
</head>
<body>
    <div class="page">
        <?php include('includes/header.php'); ?>

        <section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(img/common_banner.jpg);">
            <div class="breadcrumbs-custom-inner">
                <div class="container breadcrumbs-custom-container">
                    <div class="breadcrumbs-custom-main">
                        <h3 class="breadcrumbs-custom-title" style="color: #fff;">Book Now</h3>
                    </div>
                    <ul class="breadcrumbs-custom-path">
                        <li><a href="./">Home</a></li>
                        <li class="active">Book Now</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">
                    <h3 class="text-center">Make a Reservation</h3>
                    <p class="text-center" style="margin-bottom: 20px;">Welcome to saibaba Temple Mandam, a serene and comfortable stay near Mylapore Sai Baba Temple. We offer 10 well-maintained rooms for devotees and visitors, ensuring a peaceful and spiritual experience during your stay.</p>
                </div>
                
				<div class="col-lg-4">
                     <!-- Profile Thin-->
                     <article class="profile-thin bg-color-theme">
                        <div class="profile-thin-aside">
                           <img class="profile-thin-image" src="img/ac3.jpg" alt="" width="168" height="168">
                           <a class="profile-thin-contact-button" href="mailto:#"><span class="icon mdi mdi-email-outline"></span><span class="icon mdi mdi-email-outline"></span></a>
                        </div>
                        <div class="profile-thin-main">
                           <h4 class="profile-thin-title">Become a Donar Today</h4>
                           <p>Temple donations are financial or material contributions made by devotees to support the maintenance, operations, and activities of a temple. These donations help fund various aspects such as Maintenance & Renovation, Daily Pooja & Rituals and Annadhanam.</p>
                           
						   <a class="button button-sm button-primary-outline button-winona" href="donate-now.php">
                              <div class="content-original">Donate Now</div>
                              <div class="content-dubbed">Donate Now</div>
                           </a>
						   
                        </div>
                     </article>
                  </div>
                <div class="col-md-8">
					<?php echo $alertMessage; ?>
                    <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-4">
                                    <label for="name">Name</label>
                                    <input class="form-control" id="name" type="text" name="name" required>
                                </div>
                                <div class="col-md-4">
                                    <label for="mobile">Mobile</label>
                                    <input class="form-control" id="mobile" type="number" name="mobile" required>
                                </div>
								<div class="col-md-4">
                                    <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-4">
                                    <label for="checkin_date">Checkin Date</label>
                                    <input class="form-control" id="checkin_date" type="date" name="checkin_date" required>
                                </div>
                                <div class="col-md-4">
                                    <label for="checkout_date">Checkout Date</label>
                                    <input class="form-control" id="checkout_date" type="date" name="checkout_date" required>
                                </div>
								<div class="col-md-4">
                                    <label for="pan_number">No of rooms</label>
                                    <select class="form-control" name="rooms" id="rooms">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
									</select>
                                </div>
                            </div>

                            <div class="row g-3 mt-2">
                                <div class="col-md-4">
                                    <label for="amount">Adult</label>
                                    <select class="form-control" name="adult" id="adult">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
									</select>
                                </div>
                                <div class="col-md-4">
                                    <label for="kids">Kids</label>
                                    <select class="form-control" name="kids" id="kids">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
									</select>
                                </div>
								<div class="col-md-4">
                                    <label for="aadhar">Aadhar Number</label>
                                    <input class="form-control" id="aadhar" type="text" name="aadhar" required>
                                </div>
                            </div>

                            <div class="row g-3 mt-2">
								<div class="col-md-4">
                                    <label for="address">Address</label>
                                    <input class="form-control" id="address" name="address" required>
                                </div>
                                <div class="col-md-4">
                                    <label for="country">Country</label>
                                    <input class="form-control" id="country" type="text" name="country" required>
                                </div>
                                <div class="col-md-4">
                                    <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-4">
                                    <label for="city">City</label>
                                    <input class="form-control" id="city" type="text" name="city" required>
                                </div>
                                <div class="col-md-4">
                                    <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-4">
                                    <label for="purpose">Purpose of Visit</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">Submit Now</button>
                            </div>
                        </form>
                    </div>
                    
                </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('checkin_date').min = today;
	document.getElementById('checkout_date').min = today;
</script>
</body>
</html>