Server : LiteSpeed System : Linux us-phx-web1202.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u615232177 ( 615232177) PHP Version : 8.1.33 Disable Function : NONE Directory : /home/u615232177/domains/ellexsleevesapartments.com/public_html/ |
<?php session_start();
$page_name = basename($_SERVER['PHP_SELF']);
$page_title = "Apartment details";
$page_header = "df4d5a9879.jpg";
include("header.php");
?>
<?php include("page_header.php"); ?>
<?php
if (isset($_GET['u'])){
$room_id = mysqli_real_escape_string($con,$_GET['u']);
$stmt = $con -> prepare('SELECT * FROM rooms WHERE id=?');
$stmt -> bind_param('i',$room_id);
$stmt -> execute();
$stmt -> store_result();
$stmt -> bind_result($id,$header,$paragraph,$price_f,$feature1,$feature2,$feature3,$feature4,$feature5,$picture1,$picture2,$picture3,$picture4,$f,$feature1_wu,$feature2_wu,$feature3_wu,$feature4_wu,$feature5_wu,$number_rooms,$discount_f);
$numrows = $stmt -> num_rows();
if($numrows > 0){
while ($stmt -> fetch()) { }
}
}
else{echo "<meta http-equiv=\"refresh\" content=\"0; url=index.php\">";exit();}
?>
<title><?php echo $company_name; ?> - <?php echo $header; ?></title>
<br><br>
<section class="relative z-4 lines-deco no-top no-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="mt-70">
<div class="row g-0">
<div class="col-md-6 text-center">
<div class="bg-color text-light p-4 h-100 wow fadeInRight" data-wow-delay=".0s">
<div class="de_count fs-15 wow fadeInRight" data-wow-delay=".4s">
<div style='height:0px;'></div>
<h3><?php if($discount_f == ""){
echo $currency;
echo number_format((float)$price_f, 2, '.', ','); echo"<span>/night</span> ";
}
if($discount_f !== ""){
$amount_to_remove = calculatePercentageOfNumber($price_f, $discount_f);
$discounted_price = $price_f - $amount_to_remove;
echo"<span class='cross'>";
echo $currency;echo number_format((float)$price_f, 2, '.', ',');
echo"</span> ";
echo"<br><b>";
echo $currency;echo number_format((float)$discounted_price, 2, '.', ',');
echo"/night";
echo"</b>";
}
?></h3>
</div>
</div>
</div>
<div class="col-md-6 text-center">
<div class="text-light p-4 h-100 wow fadeInRight" data-bgcolor="#70533A" data-wow-delay=".2s">
<div class="de_count fs-15 wow fadeInRight" data-wow-delay=".6s">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative lines-deco">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 text-center">
<h3 class="wow fadeInUp"><?php echo $paragraph ?></h3>
</div>
</div>
</div>
<div class="spacer-single"></div>
<div class="relative wow fadeIn">
<div class="owl-custom-nav menu-float" data-target="#room-carousel">
<a class="btn-next"></a>
<a class="btn-prev"></a>
<div id="room-carousel" class="owl-2-cols-center owl-carousel owl-theme">
<?php if($picture1 !== ""){ ?>
<!-- room begin -->
<div class="item">
<div class="hover relative text-light">
<img src="rooms/<?php echo $picture1 ?>" class="w-100" style="object-fit:cover; height:500px;">
</div>
</div>
<!-- room end -->
<?php } ?>
<?php if($picture2 !== ""){ ?>
<!-- room begin -->
<div class="item">
<div class="hover relative text-light">
<img src="rooms/<?php echo $picture2 ?>" class="w-100" style="object-fit:cover; height:500px;">
</div>
</div>
<!-- room end -->
<?php } ?>
<?php if($picture3 !== ""){ ?>
<!-- room begin -->
<div class="item">
<div class="hover relative text-light">
<img src="rooms/<?php echo $picture3 ?>" class="w-100" style="object-fit:cover; height:500px;">
</div>
</div>
<!-- room end -->
<?php } ?>
<?php if($picture4 !== ""){ ?>
<!-- room begin -->
<div class="item">
<div class="hover relative text-light">
<img src="rooms/<?php echo $picture4 ?>" class="w-100" style="object-fit:cover; height:500px;">
</div>
</div>
<!-- room end -->
<?php } ?>
</div>
</div>
</div>
<div class="spacer-double"></div>
<div class="container">
<div class="row g-4 justify-content-center">
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/guests.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Multiple Guests</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/size.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Spacious Rooms</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/door.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Connecting Rooms</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/bed.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">King-Sized Beds</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/tv.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">DSTV</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/shower.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Shower</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/safebox.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Secure</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/wifi.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Free WiFi</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/desk.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Work Desk</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/balcony.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Balcony</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/bathub.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">Bathub</p>
</div>
</div>
<div class="col-lg-3 col-6 wow fadeInRight" data-wow-delay=".2s">
<div class="d-block relative">
<img src="images/icons/city.png" class="w-40px" alt="">
<p class="absolute abs-middle ml70 text-dark fw-500">City View</p>
</div>
</div>
</div>
</div>
</section>
<div class="room-details">
<div class="container">
<div class="row gutter-y-30">
<div class="col-lg-8">
<div class="room-details__item wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
<div class="room-details__info">
<h3 class="room-details__title">Overview</h3>
<p class="room-details__text"><?php echo $paragraph ?></p>
</div>
</div>
<div class="room-details__item wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
<div class="room-details__amenities">
<h3 class="room-details__title">Amenities</h3>
<ul class="room-details__amenities__list list-unstyled">
<?php if($feature1 !== ""){ ?>
<li class="room-details__amenities__item"><i class="icon-mark"></i><strong><?php echo $feature1 ?></strong>: <?php echo $feature1_wu ?></li>
<?php } ?>
<?php if($feature2 !== ""){ ?>
<li class="room-details__amenities__item"><i class="icon-mark"></i><strong><?php echo $feature2 ?></strong>: <?php echo $feature2_wu ?></li>
<?php } ?>
<?php if($feature3 !== ""){ ?>
<li class="room-details__amenities__item"><i class="icon-mark"></i><strong><?php echo $feature3 ?></strong>: <?php echo $feature3_wu ?></li>
<?php } ?>
<?php if($feature4 !== ""){ ?>
<li class="room-details__amenities__item"><i class="icon-mark"></i><strong><?php echo $feature4 ?></strong>: <?php echo $feature4_wu ?></li>
<?php } ?>
<?php if($feature5 !== ""){ ?>
<li class="room-details__amenities__item"><i class="icon-mark"></i><strong><?php echo $feature5 ?></strong>: <?php echo $feature5_wu ?></li>
<?php } ?>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="room-details__sidebar">
<div class="room-details__sidebar__item room-details__sidebar__item--three wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
<div class="room-details__sidebar__form">
<div class="room-details__sidebar__top">
<div class="room-details__sidebar__top__item">
<h4 class="room-details__sidebar__top__title">Book Apartment</h4>
</div>
</div>
<div class="room-details__sidebar__content">
<form id='contactForm' class="room-details__sidebar__form__inner contact-form-validate" method="post">
<div class="room-details__sidebar__control mb-2">
<label for="first_name">First Name</label>
<input class='form-control' id="first_name" type="text" name="first_name" <?php if(isset($_SESSION['email'])){echo"value='$first_name' readonly";} ?> required>
</div>
<div class="room-details__sidebar__control mb-2">
<label for="last_name">Last Name</label>
<input class='form-control' id="last_name" type="text" name="last_name" <?php if(isset($_SESSION['email'])){echo"value='$last_name' readonly";} ?> required>
</div>
<div class="room-details__sidebar__control mb-2">
<label for="email">Email</label>
<input class='form-control' id="email" type="text" name="email" <?php if(isset($_SESSION['email'])){echo"value='$email' readonly";} ?> required>
</div>
<div class="room-details__sidebar__control mb-2">
<label for="phone">Phone</label>
<input class='form-control' id="phone" type="text" name="phone" required>
</div>
<div class="room-details__sidebar__control mb-2">
<label for="checkin">From:</label>
<input class='form-control' id="checkin" type="date" name="check_in" required>
<i class="icon-calendar-6"></i>
</div>
<div class="room-details__sidebar__control mb-2">
<label for="checkout">To:</label>
<input class='form-control' id="checkout" type="date" name="check_out" required>
<i class="icon-calendar-6"></i>
</div>
<input type="hidden" name="room_type" value='<?php echo $room_id; ?>'>
<input type="hidden" name="room_name" value='<?php echo $header; ?>'>
<label>
<input type="checkbox" name="service" value="late_checkout" required>
I agree to the <a href='terms.php' class="id-color">terms & conditions</a>
</label><br>
<button type="submit" id="submitBtn" name='send_message' class="btn-main">Book Now</button>
</form> <br>
<div class='alert alert-success' style="display: none;">
<div id="response"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br>
</div>
<!-- content close -->
<script>
document.querySelector("#contactForm").addEventListener("submit", async function(e) {
e.preventDefault();
const formData = new FormData(this);
const submitBtn = document.querySelector("#submitBtn");
const responseDiv = document.querySelector("#response");
const alertBox = document.querySelector(".alert-success");
// Set loading state
submitBtn.disabled = true;
const originalText = submitBtn.innerText;
submitBtn.innerText = "Sending...";
try {
const res = await fetch("send-mail", {
method: "POST",
body: formData,
});
const data = await res.json();
responseDiv.innerHTML = data.message;
if (data.message && data.message.trim() !== "") {
alertBox.style.display = "block";
} else {
alertBox.style.display = "none";
}
} catch (error) {
responseDiv.innerHTML = "An error occurred.";
alertBox.style.display = "block";
console.error("Error:", error);
} finally {
// Reset button
submitBtn.disabled = false;
submitBtn.innerText = originalText;
}
});
</script>
<?php include("footer.php"); ?>