<?php require_once "includes/sessions.php";
$Websettingsz1 = new Websettings();
$Webfooter_get1= $Websettingsz1->getAllContacts();
$webfooter_row1= $Webfooter_get1->fetch(PDO::FETCH_ASSOC);
$Websettings_get_about1= $Websettingsz1->getAllAbout();
$web_row_about1= $Websettings_get_about1->fetch(PDO::FETCH_ASSOC);
$Webslide_get= $Websettingsz1->getAllSlide();
$webslide_row= $Webslide_get->fetch(PDO::FETCH_ASSOC);
$bg = 'admin/panel/uploads/slides/'.DecryptInput($webslide_row['image1']);
$active="Contact";
?>
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<title>Contact Us - Z Village Lodge - Zanzibar - Book Your Garden view Lodge in Paje</title>
<?php include_once("includes/meta.includes.php");?>
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- preloader start -->
<!-- <div id="preloader">
<div class="preloader-close">x</div>
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div> -->
<!-- preloader start -->
<!-- Backtotop start -->
<div class="backtotop-wrap cursor-pointer">
<svg class="backtotop-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- Backtotop end -->
<!-- Offcanvas area start -->
<?php include_once("includes/Offcanvas.includes.php");?>
<!-- Offcanvas area start -->
<!-- Header area start -->
<?php include_once("includes/header-2.includes.php");?>
<!-- Header area end -->
<div id="popup-search-box">
<div class="box-inner-wrap d-flex align-items-center">
<form id="form" action="#" method="get" role="search">
<input id="popup-search" type="text" name="s" placeholder="Type keywords here...">
</form>
<div class="search-close"><i class="fa-sharp fa-regular fa-xmark"></i></div>
</div>
</div>
<!-- Body main wrapper start -->
<main>
<div class="breadcrumb__area dark-green breadcrumb-space overflow-hidden position-relative z-1" data-background="<?=$bg;?>">
<div class="breadcrumb__shapes">
<img class="upDown" src="assets/imgs/breadcrumb/shape.png" alt="img not found">
</div>
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-12">
<div class="breadcrumb__content">
<div class="breadcrumb__title-wrapper mb-15 mb-sm-10 mb-xs-5">
<h1 class="breadcrumb__title color-white wow fadeInLeft animated" data-wow-delay=".2s">Contact Us</h1>
</div>
<div class="breadcrumb__menu wow fadeInLeft animated" data-wow-delay=".4s">
<nav>
<ul>
<li><span><a href="index.php">Home</a></span></li>
<li class="active"><span>Contact Us</span></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SI info Area -->
<div class="si__info__area section-space">
<div class="container">
<div class="row si__info__border">
<div class="col-lg-4">
<div class="si__info__box text-center">
<div class="si__info__icon">
<a href="#"><i class="fa-sharp fa-solid fa-location-dot"></i></a>
</div>
<div class="si__info__text">
<span>Location</span>
<p><?=DecryptInput($webfooter_row1['Street']); ?> <br> <?=DecryptInput($webfooter_row1['Country']); ?> <br> Box <?=$webfooter_row1['PoBox']; ?></p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="si__info__box text-center">
<div class="si__info__icon">
<a href="#"><i class="fa-solid fa-paper-plane"></i></a>
</div>
<div class="si__info__text">
<span>E-mail</span>
<p><?=DecryptInput($webfooter_row1['email1']); ?> <br> <?=DecryptInput($webfooter_row1['email2']); ?></p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="si__info__box border__none text-center">
<div class="si__info__icon">
<a href="#"><i class="fa-sharp fa-solid fa-phone"></i></a>
</div>
<div class="si__info__text">
<span>Contact</span>
<p><?=$webfooter_row1['mobile']; ?> <br> <?=$webfooter_row1['phone']; ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div style="max-width:100%;overflow:hidden;color:red;width:600px;height:450px;"><div id="my-map-canvas" style="height:100%; width:100%;max-width:100%;"><iframe style="height:100%;width:100%;border:0;" frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=Z+village&key=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8"></iframe></div><a class="the-googlemap-enabler" href="https://www.bootstrapskins.com/themes" id="enable-map-data">premium bootstrap themes</a><style>#my-map-canvas .text-marker{}.map-generator{max-width: 100%; max-height: 100%; background: none;</style></div> -->
<?php include_once("includes/map.location.includes.php");?>
<!-- SI Contact Area -->
<div class="si__contact__area section-space">
<div class="container custom-width-2">
<div class="row si__contact__bg">
<form method="post" action="booking-step-2.php">
<!-- ======================================== -->
<div class="col-lg-12">
<?php
if(isset($_POST['bookroom'])){
$totalPrice = $_POST['totalPrice'];
$roomID = $_POST['roomID'];
$Checkinn = $_POST['Checkinn'];
$Checkout = $_POST['Checkout'];
$Adults = $_POST['Adults'];
$Kids = $_POST['Kids'];
$Adults = $_POST['Adults'];
$roomName = $_POST['roomName'];
$pricetype = $_POST['pricetype'];
?>
<input type="hidden" name="totalPrice" value="<?=$totalPrice;?>">
<input type="hidden" name="pricetype" value="<?=$pricetype;?>">
<input type="hidden" name="roomID" value="<?=$roomID;?>">
<input type="hidden" name="Checkinn" value="<?=$Checkinn;?>">
<input type="hidden" name="Checkout" value="<?=$Checkout;?>">
<input type="hidden" name="Adults" value="<?=$Adults;?>">
<input type="hidden" name="Kids" value="<?=$Kids;?>">
<input type="hidden" name="roomName" value="<?=$roomName;?>">
<div class="si__contact__text text-center">
<h1>Confirm Your Booking</h1>
<p>Feel free to review the details of your booking below and fill in your name to finalize the reservation. If you have any questions or need assistance, please reach out to us through our contact form <b><i><a href="contact.php">Contact Page</a></i></b>. Our team is here to support you every step of the way.</p>
<style type="text/css">
.booking-details {
width: 100%;
border-collapse: collapse;
}
.booking-details th, .booking-details td {
padding: 8px;
}
.booking-details th {
text-align: left;
border-bottom: 1px solid #ddd;
}
</style>
<table class="booking-details">
<tr>
<th>Room Name</th>
<td><?php echo $roomName; ?></td>
</tr>
<tr>
<th>Check-in Date</th>
<td><?php echo $Checkinn; ?></td>
</tr>
<tr>
<th>Check-out Date</th>
<td><?php echo $Checkout; ?></td>
</tr>
<tr>
<th>Number of Adults</th>
<td><?php echo $Adults; ?></td>
</tr>
<tr>
<th>Number of Kids</th>
<td><?php echo $Kids; ?></td>
</tr>
<tr>
<th>Total Price</th>
<td><?php echo $totalPrice; ?></td>
</tr>
</table>
</div>
<?php
}else{
?>
<div class="si__contact__text text-center">
<h1>Write here below?</h1>
<p>Feel free to reach out to us via our contact form, and we will gladly lend a helping hand. <br>Rest assured, our team is dedicated to being there for you whenever you need us.</p>
</div>
<?php
}
?>
</div>
<!-- ======================================== -->
<!-- ======================================== -->
<div class="row">
<div class="col-lg-6">
<div class="si__contact__info text-center">
<input type="text" name="fullname" placeholder="Your Name..." required>
</div>
</div>
<div class="col-lg-6">
<div class="si__contact__info text-center">
<input type="email" name="Clientemail" placeholder="Your Email" required>
</div>
</div>
<div class="col-lg-6">
<div class="si__contact__info text-center">
<input type="text" name="phone" placeholder="Your phone" required>
</div>
</div>
<div class="col-lg-6">
<div class="si__contact__info text-center">
<input type="text" name="country" placeholder="Your Country" required>
</div>
</div>
<div class="col-lg-12">
<div class="si__contact__info">
<textarea placeholder="Your Message" name="message" id="text"></textarea>
</div>
</div>
<div class="col-lg-12">
<div class="si__contact__info text-center">
<?php
if(isset($_POST['bookroom'])){
?>
<button type="submit" name="submitnow" class="room__btn2"> Submit Now <svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6875 7.71875L8.6875 12.7188C8.5 12.9062 8.25 13 8 13C7.71875 13 7.46875 12.9062 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z" fill="white"/>
</svg>
</button>
<?php
}
else{
?>
<button type="submit" name="submiContacttnow" class="room__btn2"> Submit Now <svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6875 7.71875L8.6875 12.7188C8.5 12.9062 8.25 13 8 13C7.71875 13 7.46875 12.9062 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z" fill="white"/>
</svg>
</button>
<?php } ;?>
</div>
</div>
</div>
<!-- ======================================== -->
</form>
</div>
</div>
</div>
</main>
<div id="scroll-percentage"><span id="scroll-percentage-value"></span></div>
<?php include_once("includes/footer.includes.php");?>
</body>
</html>