<!DOCTYPE html>
<?php
include './class/include.php';
$id = '';
$tour = '';
if (isset($_GET['tour'])) {
$tour = $_GET['tour'];
}
$tour_package = new TourPackage($id);
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="tours in galle, tours in hikkaduwa, galle taxi services, travel company in galle, rent a car in galle, airport drop and pickup galle, galle travel agency, galle travels and tours, Sri Lanka Umesh Tours, travel in galle, travel and tours, travel site in galle, ">
<meta name="description" content="Sri Lanka Umesh Tours has been the leader in the Sri Lankan tourism industry, organizing Sri Lanka tours for couples on holiday or honeymoon, for individual adventurers and nature lovers, as well as for special interest and incentives holiday groups and convention delegates.">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Sri Lanka Umesh Tours | Booking Form</title>
<!-- Icon css link -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="vendors/stroke-icon/style.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Rev slider css -->
<link href="vendors/revolution/css/settings.css" rel="stylesheet">
<link href="vendors/revolution/css/layers.css" rel="stylesheet">
<link href="vendors/revolution/css/navigation.css" rel="stylesheet">
<link href="vendors/animate-css/animate.css" rel="stylesheet">
<!-- Extra plugin css -->
<link href="vendors/magnify-popup/magnific-popup.css" rel="stylesheet">
<link href="vendors/owl-carousel/owl.carousel.min.css" rel="stylesheet">
<link href="vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link href="vendors/bootstrap-selector/bootstrap-select.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="booking-form/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!--================Header Area =================-->
<?php include './header.php'; ?>
<!--================Header Area =================-->
<!--================Banner Area =================-->
<section class="banner_area">
<div class="container">
<div class="banner_inner_content">
<h3>Booking</h3>
<ul>
<li class="active"><a href="index.php">Home</a></li>
<li><a href="booking-form.php">Booking</a></li>
</ul>
</div>
</div>
</section>
<!--================End Banner Area =================-->
<!--================Get Contact Area =================-->
<section class="get_contact_area">
<div class="container">
<div class="row get_contact_inner">
<div class="col-md-12">
<div class="contact_us_form row" action="" method="post" novalidate="novalidate">
<div class="form-group col-md-6">
<input type="text" class="form-control" id="txtFullName" name="txtFullName" placeholder="Name">
<span id="spanFullName"></span>
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" id="txtEmail" name="txtEmail" placeholder="Email">
<span id="spanEmail"></span>
</div>
<div class="form-group col-md-6">
<input type="text" class="form-control" id="txtCountry" name="txtCountry" placeholder="Country">
<span id="spanCountry"></span>
</div>
<div class="form-group col-md-6">
<input type="text" class="form-control" id="txtPhone" name="txtPhone" placeholder="Phone no.">
<span id="spanPhone"></span>
</div>
<div class="form-group col-md-6 ">
<div class="iinput-append date date-time-picker form_datetime">
<input type="text" id="txtDdate" name="txtDdate" class="form-control" value="" placeholder="Departure Date">
<span class="add-on"><i class="fa fa-calendar hidden " aria-hidden="true"></i></span>
<span id="spanDdate"></span>
</div>
</div>
<div class="form-group col-md-6 ">
<div class="iinput-append date-time-picker date form_datetime">
<input type="text" id="txtAdate" name="txtAdate" class="form-control" value="" placeholder="Arrival Date">
<span class="add-on"><i class="fa fa-calendar hidden" aria-hidden="true"></i></span>
<span id="spanAdate"></span>
</div>
</div>
<div class="form-group col-md-12">
<select type="text" class="form-control" id="txtPackage" name="txtPackage" readonly placeholder="SELECT TOUR PACKAGE">
<option > SELECT TOUR PACKAGE </option>
<?php
foreach (TourPackage::all() as $key => $package) {
if ($package['id'] == $tour) {
?>
<option value="<?php echo $package['title']; ?>" selected="true"><?php echo $package['title']; ?></option>
<?php
} else {
?>
<option value="<?php echo $package['title']; ?>"><?php echo $package['title']; ?> </option>
<?php
}
}
?>
</select>
<span id="spanPackage"></span>
</div>
<div class="form-group col-md-6">
<input type="number" class="form-control" id="txtAdult" name="txtAdult" placeholder="Number of Adults" min="0">
<span id="spanAdult"></span>
</div>
<div class="form-group col-md-6">
<input type="number" class="form-control" id="txtChildren" name="txtChildren" placeholder="Number of Children" min="0">
<span id="spanChildren"></span>
</div>
<div class="form-group col-md-12">
<textarea class="form-control" name="txtMessage" id="txtMessage" rows="1" placeholder="Message"></textarea>
<span id="spanMessage"></span>
</div>
<div class="row form-group">
<div class="col-xs-12 col-sm-6 col-md-8">
<div class="col-sm-6 ">
<label for="comment">Security Code:</label>
<input type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Enter the code>> ">
<span id="capspan"></span>
</div>
<div class="col-sm-6 col-md-2">
<?php include("./booking-form/captchacode-widget.php"); ?>
</div>
</div>
</div>
<div class="form-group col-md-12">
<button type="submit" value="submit" id="btnSubmit" class="btn submit_btn form-control">submit now</button>
</div>
<div class="row">
<div class="col-md-12">
<div id="dismessage" align="center"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================End Get Contact Area =================-->
<!--================Map Area =================-->
<section class="contact_map_area">
<div class="container-fluid">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3961.546964409698!2d79.86788121477235!3d6.824819495067536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae25b993b5b9f7b%3A0x73ec741ebc7c10c2!2sSublime+Holdings!5e0!3m2!1sen!2slk!4v1554354799995!5m2!1sen!2slk" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</section>
<!--================End Map Area =================-->
<!--================Footer Area =================-->
<?php include './footer.php'; ?>
<!--================End Footer Area =================-->
<!-- Modals error -->
<!--================End Contact Success and Error message Area =================-->
<!--================End Footer Area =================-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-2.2.4.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Rev slider js -->
<script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="vendors/isotope/isotope.pkgd.min.js"></script>
<script src="vendors/counterup/waypoints.min.js"></script>
<script src="vendors/counterup/jquery.counterup.min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.js"></script>
<script src="vendors/bootstrap-selector/bootstrap-select.js"></script>
<script src="vendors/lightbox/simpleLightbox.min.js"></script>
<!--gmaps Js-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
<script src="js/gmaps.min.js"></script>
<!-- contact js -->
<script src="js/jquery.validate.min.js"></script>
<!-- instafeed-->
<script type="text/javascript" src="vendors/instafeed/instafeed.min.js"></script>
<script type="text/javascript" src="vendors/instafeed/script.js"></script>
<script src="vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.js"></script>
<script src="vendors/bootstrap-selector/bootstrap-select.js"></script>
<script src="vendors/bootstrap-selector/bootstrap-select.js"></script>
<script src="js/theme.js"></script>
<script src="booking-form/scripts.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function () {
jQuery('.date-time-picker').datetimepicker({
dateFormat: 'yy-mm-dd'
});
});
</script>
</body>
</html> |