| DIR: /tmp/ |
| Current File : //tmp/phpGJ8lyO |
home/islapiiu/sites/chaayainn/booking-old-copy.com 0000644 00000057756 15076701663 0016310 0 ustar 00 <!DOCTYPE html>
<?php
include './class/include.php';
$ABOUT_PAGE = new Page(3);
$type = '';
if(isset($_GET['type'])){
$type = $_GET['type'];
}
?>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TITLE -->
<title>Chaaya Inn Hikkaduwa | About Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="shortcut icon" href="images/favicon.png">
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Hind:400,300,500,600%7cMontserrat:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet">
<!-- CSS LIBRARY -->
<link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/font-lotusicon.css">
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="css/lib/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/lib/settings.css">
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css">
<link rel="stylesheet" type="text/css" href="css/helper.css">
<link href="booking-form/style.css" rel="stylesheet" type="text/css"/>
<!-- MAIN STYLE -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<!--[if IE 7]> <body class="ie7 lt-ie8 lt-ie9 lt-ie10"> <![endif]-->
<!--[if IE 8]> <body class="ie8 lt-ie9 lt-ie10"> <![endif]-->
<!--[if IE 9]> <body class="ie9 lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body> <!--<![endif]-->
<!-- PRELOADER -->
<!-- <div id="preloader">
<span class="preloader-dot"></span>
</div>-->
<!-- END / PRELOADER -->
<!-- PAGE WRAP -->
<div id="page-wrap" class="bg-white-2">
<?php include './header.php'; ?>
<!-- SUB BANNER -->
<section class="section-sub-banner bg-9">
<div class="awe-overlay"></div>
<div class="sub-banner">
<div class="container">
<div class="text text-center">
<h2>Room Booking</h2>
<p>A legendary welcome, every time </p>
</div>
</div>
</div>
</section>
<!-- END / SUB BANNER -->
<!-- RESERVATION -->
<section class="section-reservation-page bg-white">
<div class="container">
<div class="reservation-page">
<div class="row">
<!-- SIDEBAR -->
<div class="col-md-4 col-lg-3">
<div class="reservation-sidebar">
<!-- ROOM SELECT -->
<div class="reservation-room-selected bg-gray">
<!-- HEADING -->
<h2 class="reservation-heading">Summery</h2>
<!-- END / HEADING -->
<!-- ITEM -->
<div class="reservation-room-seleted_item">
<div class="reservation-room-seleted_name has-package">
<h2><a href="#"><span id="room_title_span"><?php
if(isset($_GET['type'])){
$TYPE_OBJ = new Room($_GET['type']);
echo $TYPE_OBJ->title;
}else{
echo 'Family Room with Sea View';
}
?></span></a></h2>
</div>
<div class="reservation-room-seleted_package">
<ul>
<li>
<span>Check-In</span>
<span id="checkin_span">--/--/----</span>
</li>
<li>
<span>Check Out</span>
<span id="checkout_span">--/--/----</span>
</li>
<li>
<span>Total Rooms</span>
<span id="total_rooms_span">1 Room</span>
</li>
<li>
<span>No of Adults</span>
<span id="no_of_adults_span">0</span>
</li>
<li>
<span>No of Children</span>
<span id="no_of_child_span">0</span>
</li>
</ul>
</div>
</div>
<!-- END / ITEM -->
</div>
<!-- END / ROOM SELECT -->
</div>
</div>
<!-- END / SIDEBAR -->
<!-- CONTENT -->
<div class="col-md-8 col-lg-9">
<div class="reservation_content">
<div class="reservation-billing-detail">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Room Details</a></li>
<li><a href="#tab2" data-toggle="tab">Your Details</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<label>ROOM TYPE <sup>*</sup></label>
<select class="awe-select room-select" name="txtRoom" id="txtRoom">
<?php
$ROOM_OBJ = new Room(NULL);
foreach ($ROOM_OBJ->all() as $room) {
if(isset($_GET['type'])){
if($_GET['type'] === $room['id']){
?>
<option selected="true"><?php echo $room['title'] ?></option>
<?php
}else{
?>
<option><?php echo $room['title'] ?></option>
<?php
}
}else{
?>
<option><?php echo $room['title'] ?></option>
<?php
}
}
?>
</select>
<div class="row">
<div class="col-sm-6">
<label>Check In Date<sup>*</sup></label>
<input type="text" class="input-text" name="txtCheckin" id="txtCheckin">
<div class="vc-cd-12 vc-od-12">
<span id='spanCheckin'></span>
</div>
</div>
<div class="col-sm-6">
<label>Check Out Date<sup>*</sup></label>
<input type="text" class="input-text" name="txtCheckout" id="txtCheckout">
<div class="vc-cd-12 vc-od-12">
<span id='spanCheckout'></span>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<label>Number of Rooms<sup>*</sup></label>
<select class="awe-select total_rooms_span" name="no_of_rooms">
<option>1 Room</option>
<option>2 Rooms</option>
<option>3 Rooms</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<label>No of Adults<sup>*</sup></label>
<input type="number" class="input-text" id="txtAdults" name="txtAdults">
<div class="vc-cd-12 vc-od-12">
<span id='spanAdults'></span>
</div>
</div>
<div class="col-sm-6">
<label>No of Children</label>
<input type="number" class="input-text" name="txtChildren" id="txtChildren">
</div>
</div>
<a class="btn btn-primary btnNext awe-btn awe-btn-13" id="btnnext1">Next</a>
</div>
<div class="tab-pane" id="tab2">
<div class="row">
<div class="col-sm-12">
<label>Full Name<sup>*</sup></label>
<input type="text" class="input-text" id="txtFullName" name="txtFullName">
<div class="vc-cd-12 vc-od-12">
<span id='spanFullName'></span>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<label>Country</label>
<input type="text" class="input-text" id="txtCountry" name="txtCountry">
<div class="vc-cd-12 vc-od-12">
<span id='spanCountry'></span>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<label>Email Address<sup>*</sup></label>
<input type="text" class="input-text" id="txtEmail" name="txtEmail">
<div class="vc-cd-12 vc-od-12">
<span id='spanEmail'></span>
</div>
</div>
<div class="col-sm-6">
<label>Phone</label>
<input type="text" class="input-text" id="txtPhone" name="txtPhone">
<div class="vc-cd-12 vc-od-12">
<span id='spanPhone'></span>
</div>
</div>
</div>
<label>Message</label>
<textarea class="input-textarea" placeholder="Notes about other requirements" id="txtMessage" name="txtMessage"></textarea>
<div class="vc-cd-12 vc-od-12">
<span id='spanMessage'></span>
</div>
<div class="row">
<div class="col-sm-6" style="margin-top: 15px">
<input type="text" name="captchacode" placeholder="Security Code" class="input-text" id="captchacode" >
<div class="vc-cd-12 vc-od-12">
<span id="capspan" ></span>
</div>
</div>
<div class="col-sm-4" style="margin-top: 15px;">
<?php include("./booking-form/captchacode-widget.php"); ?>
</div>
</div>
<a class="btn btn-primary btnPrevious awe-btn awe-btn-13" >Previous</a>
<a class="btn btn-primary btnNext awe-btn awe-btn-13" id="btnSubmit">Send Now</a>
</div>
<div class="vc-cd-12 vc-od-2">
<img src="./contact-form/img/checking.gif" alt="checking" id="checking"/>
</div>
<div class="col-sm-12" style="margin-top: 12px">
<div id="dismessage" align="center"></div>
</div>
</div>
<!-- <label class="label-radio">
<input type="radio" class="input-radio">
Create an account?
</label>
<p class="reservation-code">
You have a coupon? <a href="#">Click here to enter your code</a>
</p>
<ul class="option-bank">
<li>
<label class="label-radio">
<input type="radio" class="input-radio" name="chose-bank">
Direct Bank Transfer
</label>
<p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have cleared in our account.</p>
</li>
<li>
<label class="label-radio">
<input type="radio" class="input-radio" name="chose-bank">
Cheque Payment
</label>
</li>
<li>
<label class="label-radio">
<input type="radio" class="input-radio" name="chose-bank">
Credit Card
</label>
<img src="images\icon-card.jpg" alt="">
</li>
</ul>-->
</div>
</div>
</div>
<!-- END / CONTENT -->
</div>
</div>
</div>
</section>
<!-- END / RESERVATION -->
<?php include './footer.php'; ?>
</div>
<!-- END / PAGE WRAP -->
<!-- LOAD JQUERY -->
<script type="text/javascript" src="js/lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap-select.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="js/lib/owl.carousel.js"></script>
<script type="text/javascript" src="js/lib/jquery.appear.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.countTo.js"></script>
<script src="booking-form/scripts.js" type="text/javascript"></script>
<script type="text/javascript" src="js/lib/jquery.countdown.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/lib/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/lib/SmoothScroll.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script>
$(document).ready(function () {
$( ".room-select" ).change(function() {
$('#room_title_span').text($(this).find(":selected").val());
// alert( $(this).find(":selected").val() );
});
$( ".total_rooms_span" ).change(function() {
$('#total_rooms_span').text($(this).find(":selected").val());
});
$("#txtCheckin").change(function(){
$('#checkin_span').text($(this).val());
});
$("#txtCheckout").change(function(){
$('#checkout_span').text($(this).val());
});
$("#txtAdults").change(function(){
$('#no_of_adults_span').text($(this).val());
});
$("#txtChildren").change(function(){
$('#no_of_child_span').text($(this).val());
});
$(function () {
$("#txtCheckin").datepicker({dateFormat: 'dd/mm/yy'});
});
$(function () {
$("#txtCheckout").datepicker({dateFormat: 'dd/mm/yy'});
});
// $('.btnNext').click(function () {
// });
$('.btnPrevious').click(function () {
$('.nav-tabs > .active').prev('li').find('a').trigger('click');
});
})
</script>
</body>
</html> |