ikan Uploader :
Directory : /home/ni05r7l36tus/www/
Upload File : |
| Current File : /home/ni05r7l36tus/www/booking.php |
<?php include'common/header.php';?>
<section class="pager-sec">
<div class="container">
<div class="pager-sec-details">
<h3 style="font-family: 'Times New Roman', Times, serif;">Book Our Offering</h3>
<ul>
<li><a href="#" title="">Home</a></li>
<li><span>Apple Tree</span></li>
</ul>
</div><!--pager-sec-details end-->
</div>
</section><!--pager-sec end-->
<section class="main-content bkng">
<div class="container">
<div class="page-content">
<div class="booking-tabs-list">
<ul class="nav nav-tabs" id="myTab3" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="choose-tab" data-toggle="tab" href="#choose-room" role="tab" aria-controls="choose-room" aria-selected="true"> <span class="nom"></span>Book</a>
</li>
</ul>
</div><!--booking-tabs-list end-->
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="choose-room" role="tabpanel" aria-labelledby="choose-tab">
<div class="tab-contentt">
<div class="row">
<form id="myForm">
<div class="col-lg-12">
<div class="booking_form">
<span class="guest-notif">You are booking as guest</span>
<div class="services_select">
<div class="seachby">
<h3>Resort Offering</h3>
<ul>
<li>
<div class="inp-field">
<input type="checkbox" name="resort[]" id="c_11" value="Resturant">
<label for="c_11"><span></span><b>Resturant</b></label>
</div>
</li>
<li>
<div class="inp-field">
<input type="checkbox" name="resort[]" id="c_12" value="Banquent Hall">
<label for="c_12"><span></span><b>Banquent Hall</b></label>
</div>
</li>
<li>
<div class="inp-field">
<input type="checkbox" name="resort[]" id="c_13" value="Banquent Lawn">
<label for="c_13"><span></span><b>Banquent Lawn</b></label>
</div>
</li>
<li>
<div class="inp-field">
<input type="checkbox" name="resort[]" id="c_14" value="Conference Hall">
<label for="c_14"><span></span><b>Conference Hall</b></label>
</div>
</li>
<li>
<div class="inp-field">
<input type="checkbox" name="resort[]" id="c_15" value="Food Court">
<label for="c_15"><span></span><b>Food Court</b></label>
</div>
</li>
<li>
<div class="inp-field">
<input type="checkbox" name="resort[]" id="c_16" value="Hotel">
<label for="c_16"><span></span><b>Hotel</b></label>
</div>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div><!--services_select end-->
<div class="information_form">
<h3>Add Your Informatıons</h3>
<div class="row">
<div class="col-lg-12">
<div class="form-field">
<label>Name *</label>
<input type="text" name="name" id="name" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>From Booking Date</label>
<input type="date" name="fromreservedate" id="fromreservedate" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>To Booking Date</label>
<input type="date" name="toreservedate" id="toreservedate" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>Email *</label>
<input type="email" name="email" id="email" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>Telephone *</label>
<input type="text" name="phone" id="phone" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>Address</label>
<input type="text" name="address" id="address" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>Nation</label>
<input type="text" name="nation" id="nation" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>City *</label>
<input type="text" name="city" id="city" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-6">
<div class="form-field">
<label>Zip</label>
<input type="text" name="zip" id="zip" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-12">
<div class="form-field">
<label>Purpose</label>
<input type="text" name="request" id="request" placeholder="">
</div><!--form-field end-->
</div>
<div class="col-lg-12">
<div class="form-field">
<label>Message</label>
<textarea name="message" id="message" placeholder=""></textarea>
</div><!--form-field end-->
</div>
<div class="col-lg-12">
<div class="form-field">
<div class="g-recaptcha" data-sitekey="6LdcaA4qAAAAADOGy4ZzpPQLeDa0Qd8hvpQaFTmT"></div>
</div><!--form-field end-->
</div>
<div class="col-lg-12">
<div class="form-submit">
<button type="button" onclick="submitForm()" class="lnk-default">Book <i class="la la-arrow-right"></i></button>
</div><!--form-submit end-->
</div>
</div>
</div><!--information_form end-->
</form>
</div><!--booking_form END-->
</div>
</div>
</div><!--tab-contentt end-->
</div>
</div><!--tab-content end-->
</div><!--page-content end-->
</div>
</section><!--main-content end-->
<script>
$(document).ready(function() {
// Get today's date in the format YYYY-MM-DD
const today = new Date().toISOString().split('T')[0];
// Set the min attribute of the date picker to today's date
$('#fromreservedate').attr('min', today);
$('#toreservedate').attr('min', today);
// Ensure toreservedate is always after fromreservedate
$('#fromreservedate').on('change', function() {
$('#toreservedate').attr('min', $(this).val());
});
});
function validateForm() {
var isValid = true;
// Name validation
if ($('#name').val().trim() === '') {
alert('Name is required');
isValid = false;
}
// Email validation
var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailPattern.test($('#email').val().trim())) {
alert('Valid email is required');
isValid = false;
}
// Phone validation
var phonePattern = /^[0-9]{10}$/;
if (!phonePattern.test($('#phone').val().trim())) {
alert('Valid 10-digit phone number is required');
isValid = false;
}
// City validation
if ($('#city').val().trim() === '') {
alert('City is required');
isValid = false;
}
// Date validation
var fromDate = $('#fromreservedate').val();
var toDate = $('#toreservedate').val();
if (fromDate && toDate && new Date(toDate) < new Date(fromDate)) {
alert('To Booking Date cannot be prior to From Booking Date');
isValid = false;
}
// reCAPTCHA validation
var recaptchaResponse = grecaptcha.getResponse();
if (recaptchaResponse === "") {
alert("Please complete the reCAPTCHA!");
isValid = false;
}
return isValid;
}
function submitForm() {
if (!validateForm()) {
return; // If form is not valid, stop the form submission
}
// Retrieve form data
const resort="RESORT BOOKING";
const name = document.getElementById('name').value;
const fromreservedate = document.getElementById('fromreservedate').value;
const toreservedate = document.getElementById('toreservedate').value;
const email = document.getElementById('email').value;
const phone = document.getElementById('phone').value;
const address = document.getElementById('address').value;
const nation = document.getElementById('nation').value;
const city = document.getElementById('city').value;
const zip = document.getElementById('zip').value;
const request = document.getElementById('request').value;
const message = document.getElementById('message').value;
// Retrieve selected checkboxes
const selectedServices = [];
const checkboxes = document.querySelectorAll('input[name="resort[]"]:checked');
checkboxes.forEach((checkbox) => {
selectedServices.push(checkbox.value);
});
// Construct the WhatsApp URL with form data and selected checkboxes
const url = "https://wa.me/918926120771?text=" +
"*BOOKING:* " + encodeURIComponent(resort) + "%0a" +
"*Name:* " + encodeURIComponent(name) + "%0a" +
"*From Booking Date:* " + encodeURIComponent(fromreservedate) + "%0a" +
"*To Booking Date:* " + encodeURIComponent(toreservedate) + "%0a" +
"*Email:* " + encodeURIComponent(email) + "%0a" +
"*Phone:* " + encodeURIComponent(phone) + "%0a" +
"*Address:* " + encodeURIComponent(address) + "%0a" +
"*Nation:* " + encodeURIComponent(nation) + "%0a" +
"*City:* " + encodeURIComponent(city) + "%0a" +
"*Zip:* " + encodeURIComponent(zip) + "%0a" +
"*Purpose:* " + encodeURIComponent(request) + "%0a" +
"*Message:* " + encodeURIComponent(message) + "%0a" +
"*Selected Offering:* " + encodeURIComponent(selectedServices.join(', '));
// Open WhatsApp link in a new window/tab
window.open(url, '_blank').focus();
setTimeout(function() {
document.getElementById('myForm').reset();
}, 30000); // 30 seconds
}
</script>
<?php include'common/footer.php';?>
........