updated frontend
This commit is contained in:
parent
e60c80b41a
commit
e2a5b18265
3 changed files with 181 additions and 364 deletions
|
|
@ -34,7 +34,7 @@
|
|||
<?php require('./components/header.php') ?>
|
||||
</div>
|
||||
<p class="booking-title">Rooms available</p>
|
||||
<div class="container">
|
||||
<div class="container-xxl">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-12 mb-2">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light shadow rounded">
|
||||
|
|
@ -101,37 +101,66 @@
|
|||
</nav>
|
||||
</div>
|
||||
<div class="col-lg-9 col-md-12">
|
||||
<div class="card mb-3 shadow">
|
||||
<div class="row g-0 p-2 align-items-center">
|
||||
<div class="col-lg-4 col-md-5 mb-lg-0 mb-3">
|
||||
<img src="./images/home3.jpg" class="img-fluid rounded" alt="room">
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-5 px-lg-2 px-md-2 px-0">
|
||||
<p class="mb-1" style="font-size: 20px; font-weight: 600;">Standard room</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
<?php
|
||||
$room_res = select("SELECT * FROM `rooms` WHERE `status`=? AND `removed`=?", [1, 0], 'ii');
|
||||
while($room_data = mysqli_fetch_assoc($room_res)){
|
||||
//get accommodation data from database
|
||||
$accom_q = mysqli_query($con, "SELECT a.name FROM `accommodation` a INNER JOIN `room_accommodation` raccom ON a.id = raccom.accommodation_id WHERE raccom.room_id = '$room_data[id]'");
|
||||
$accommodation_data = "";
|
||||
|
||||
while($accom_row = mysqli_fetch_assoc($accom_q)){
|
||||
$accommodation_data .="<span class='badge text-dark mb-1' style='border-radius: 25px; background-color: #F3EEEA;'>$accom_row[name]</span>";
|
||||
}
|
||||
//get additional accommodation data from database
|
||||
$addi_q = mysqli_query($con, "SELECT a.name FROM `additional_accomm` a INNER JOIN `room_additionalAccom` raddi ON a.id = raddi.additionalAccom_id WHERE raddi.room_id = '$room_data[id]'");
|
||||
$additionalAccom_data = "";
|
||||
|
||||
while($addi_row = mysqli_fetch_assoc($addi_q)){
|
||||
$additionalAccom_data .="<span class='badge text-dark mb-1 mx-1' style='border-radius: 25px; background-color: #F3EEEA;'>$addi_row[name]</span>";
|
||||
}
|
||||
//get cover image
|
||||
$room_cover = ROOM_IMG_PATH."logo.png";
|
||||
$cover_q = mysqli_query($con, "SELECT * FROM `room_images` WHERE `room_id`='$room_data[id]' AND `upload`='1'");
|
||||
|
||||
if(mysqli_num_rows($cover_q) > 0){
|
||||
$cover_res = mysqli_fetch_assoc($cover_q);
|
||||
$room_cover = ROOM_IMG_PATH.$cover_res['image'];
|
||||
}
|
||||
//display room (---**accommodation section did not use from database**---)
|
||||
echo <<< data
|
||||
<div class="card mb-3 shadow">
|
||||
<div class="row g-0 p-2 align-items-center">
|
||||
<div class="col-lg-4 col-md-5 mb-lg-0 mb-3">
|
||||
<img src="$room_cover" class="img-fluid rounded" alt="room" style="height: 220px; width: 100%; object-fit: cover;">
|
||||
</div>
|
||||
<div class="col-lg-7 col-md-6 px-lg-2 px-md-2 px-0">
|
||||
<p class="mb-1" style="font-size: 20px; font-weight: 600;">$room_data[name]</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Heating and air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Mini-fridge</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">...</span>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-2 mb-2">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Additional Accommodation</p>
|
||||
$additionalAccom_data
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<p class="mb-4 text-center mt-lg-0 mt-4" style="font-size: 14px;">$$room_data[price]/night</p>
|
||||
<a href="#" class="btn-main d-block mb-2" style="font-size: 14px;">Book</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-2 mb-2">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Additional Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Breakfast</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Pools</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Sauna (Steam sauna)</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Massage (Aromatherapy massage)</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p class="mb-4 text-center mt-lg-0 mt-4">$99 per night</p>
|
||||
<a href="#" class="btn-main d-block mb-2" style="font-size: 14px;">Book Now</a>
|
||||
<a href="#" class="btn-minor d-block" style="font-size: 14px;">More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
data;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -104,118 +104,61 @@
|
|||
<p class="mb-4 text-center" style="font-size: 14px; margin-top: -10px; color: #B0A695;">Comfortably furnished smaller accommodation</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 my-3">
|
||||
<div class="card shadow" style="max-width: 400px; margin: auto;">
|
||||
<img src="./images/home3.jpg" class="card-img-top">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title" style="color: #222831;">Standard rooms</h5>
|
||||
<p class="card-title" style="color: #31363F; font-size: 14px;">From $99 per night</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-4 mb-3">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Extra Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Breakfast</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Pools</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Sauna</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Massages</span>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center mt-4">
|
||||
<a href="./rooms.php" class="btn-minor d-block" style="font-size: 14px;">More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$room_res = select("SELECT * FROM `rooms` WHERE `status`=? AND `removed`=?", [1, 0], 'ii');
|
||||
while($room_data = mysqli_fetch_assoc($room_res)){
|
||||
//get accommodation data from database
|
||||
$accom_q = mysqli_query($con, "SELECT a.name FROM `accommodation` a INNER JOIN `room_accommodation` raccom ON a.id = raccom.accommodation_id WHERE raccom.room_id = '$room_data[id]'");
|
||||
$accommodation_data = "";
|
||||
|
||||
<div class="col-lg-3 col-md-6 my-3">
|
||||
<div class="card shadow" style="max-width: 400px; margin: auto;">
|
||||
<img src="./images/home3.jpg" class="card-img-top">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title" style="color: #222831;">Standard rooms</h5>
|
||||
<p class="card-title" style="color: #31363F; font-size: 14px;">From $99 per night</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-4 mb-3">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Extra Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Breakfast</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Pools</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wellness & Spa</span>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center mt-4">
|
||||
<a href="./rooms.php" class="btn-minor d-block" style="font-size: 14px;">More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
while($accom_row = mysqli_fetch_assoc($accom_q)){
|
||||
$accommodation_data .="<span class='badge text-dark mb-1' style='border-radius: 25px; background-color: #F3EEEA;'>$accom_row[name]</span>";
|
||||
}
|
||||
//get additional accommodation data from database
|
||||
$addi_q = mysqli_query($con, "SELECT a.name FROM `additional_accomm` a INNER JOIN `room_additionalAccom` raddi ON a.id = raddi.additionalAccom_id WHERE raddi.room_id = '$room_data[id]'");
|
||||
$additionalAccom_data = "";
|
||||
|
||||
while($addi_row = mysqli_fetch_assoc($addi_q)){
|
||||
$additionalAccom_data .="<span class='badge text-dark mb-1 mx-1' style='border-radius: 25px; background-color: #F3EEEA;'>$addi_row[name]</span>";
|
||||
}
|
||||
//get cover image
|
||||
$room_cover = ROOM_IMG_PATH."logo.png";
|
||||
$cover_q = mysqli_query($con, "SELECT * FROM `room_images` WHERE `room_id`='$room_data[id]' AND `upload`='1'");
|
||||
|
||||
<div class="col-lg-3 col-md-6 my-3">
|
||||
<div class="card shadow" style="max-width: 400px; margin: auto;">
|
||||
<img src="./images/home3.jpg" class="card-img-top">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title" style="color: #222831;">Standard rooms</h5>
|
||||
<p class="card-title" style="color: #31363F; font-size: 14px;">From $99 per night</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
if(mysqli_num_rows($cover_q) > 0){
|
||||
$cover_res = mysqli_fetch_assoc($cover_q);
|
||||
$room_cover = ROOM_IMG_PATH.$cover_res['image'];
|
||||
}
|
||||
//display room (---**accommodation section did not use from database**---)
|
||||
echo <<< data
|
||||
<div class="col-lg-3 col-md-6 my-3">
|
||||
<div class="card shadow" style="max-width: 400px; margin: auto;">
|
||||
<img src="$room_cover" style="height: 250px; object-fit: cover;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title" style="color: #222831;">$room_data[name]</h5>
|
||||
<p class="card-title" style="color: #31363F; font-size: 14px;">$$room_data[price] per night</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Heating and air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Mini-fridge</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">...</span>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-4 mb-3">$additionalAccom_data</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center mt-4">
|
||||
<a href="./rooms.php" class="btn-minor d-block" style="font-size: 14px;">More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-4 mb-3">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Extra Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Breakfast</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Pools</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wellness & Spa</span>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center mt-4">
|
||||
<a href="./rooms.php" class="btn-minor d-block" style="font-size: 14px;">More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 my-3">
|
||||
<div class="card shadow" style="max-width: 400px; margin: auto;">
|
||||
<img src="./images/home3.jpg" class="card-img-top">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title" style="color: #222831;">Standard rooms</h5>
|
||||
<p class="card-title" style="color: #31363F; font-size: 14px;">From $99 per night</p>
|
||||
<div class="accommodation">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Air conditioning</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Coffee & tea</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Desk</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Hairdryer</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Television</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wi-Fi</span>
|
||||
</div>
|
||||
<div class="extra-accommodation mt-4 mb-3">
|
||||
<p class="fw-bold" style="color: #31363F; font-size: 14px; margin-bottom: 5px;">Extra Accommodation</p>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Breakfast</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Pools</span>
|
||||
<span class="badge text-dark mb-1" style="border-radius: 25px; background-color: #F3EEEA;">Wellness & Spa</span>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center mt-4">
|
||||
<a href="./rooms.php" class="btn-minor d-block" style="font-size: 14px;">More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
data;
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="col-lg-12 text-center mt-5 mb-2">
|
||||
<a href="./booking.php" class="btn-th">Booking</a>
|
||||
|
|
|
|||
|
|
@ -130,236 +130,81 @@
|
|||
</div>
|
||||
</div>
|
||||
<!--Rooms section-->
|
||||
<div class="panel" data-color="white">
|
||||
<div class="frame">
|
||||
<div class="frame1">
|
||||
<div class="frame2">I</div>
|
||||
</div>
|
||||
<p class="frame-title">Standard room</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 d-flex justify-content-center">
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<?php
|
||||
$data = filteration($_GET);
|
||||
$room_res = select("SELECT * FROM `rooms` WHERE `status`=? AND `removed`=?", [1, 0], 'ii');
|
||||
while($room_data = mysqli_fetch_assoc($room_res)){
|
||||
//get accommodation data from database
|
||||
$accom_q = mysqli_query($con, "SELECT a.name FROM `accommodation` a INNER JOIN `room_accommodation` raccom ON a.id = raccom.accommodation_id WHERE raccom.room_id = '$room_data[id]'");
|
||||
$accommodation_data = "";
|
||||
|
||||
while($accom_row = mysqli_fetch_assoc($accom_q)){
|
||||
$accommodation_data .="<p><i class='bx bx-checkbox-checked'></i>$accom_row[name]</p>";
|
||||
}
|
||||
//get additional accommodation data from database
|
||||
$addi_q = mysqli_query($con, "SELECT a.name FROM `additional_accomm` a INNER JOIN `room_additionalAccom` raddi ON a.id = raddi.additionalAccom_id WHERE raddi.room_id = '$room_data[id]'");
|
||||
$additionalAccom_data = "";
|
||||
|
||||
while($addi_row = mysqli_fetch_assoc($addi_q)){
|
||||
$additionalAccom_data .="<p><i class='bx bx-checkbox-checked'></i>$addi_row[name]</p>";
|
||||
}
|
||||
//get multiple images
|
||||
$room_img = ROOM_IMG_PATH."logo.png";
|
||||
$img_q = mysqli_query($con, "SELECT * FROM `room_images` WHERE `room_id`='$room_data[id]'");
|
||||
$room_img_display ="";
|
||||
|
||||
while($img_res = mysqli_fetch_assoc($img_q)){
|
||||
$room_img_display .="
|
||||
<div class='swiper-slide $active_class'>
|
||||
<img src='".ROOM_IMG_PATH.$img_res['image']."' class='about-img'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="room-detail">
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Accommodation</p>
|
||||
<div>
|
||||
<?php
|
||||
$res = selectAll('accommodation');
|
||||
while($row = mysqli_fetch_assoc($res)){
|
||||
echo<<<data
|
||||
<p><i class='bx bx-checkbox-checked'></i>$row[name]</p>
|
||||
data;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
";
|
||||
}
|
||||
|
||||
//display room
|
||||
echo <<< data
|
||||
<div class="panel" data-color="white" style="margin-bottom: 100px;">
|
||||
<div class="frame">
|
||||
<div class="frame1">
|
||||
<div class="frame2"><i class='bx bx-award'></i></div>
|
||||
</div>
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Extra Accommodation</p>
|
||||
<div>
|
||||
<?php
|
||||
$res = selectAll('additional_accomm');
|
||||
while($row = mysqli_fetch_assoc($res)){
|
||||
echo<<<data
|
||||
<p><i class='bx bx-checkbox-checked'></i>$row[name] <span>($row[detail])</span></p>
|
||||
data;
|
||||
}
|
||||
?>
|
||||
<p class="frame-title">$room_data[name]</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 d-flex justify-content-center">
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
$room_img_display
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="room-detail">
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Accommodation</p>
|
||||
<div>$accommodation_data</div>
|
||||
</div>
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Additional Accommodation</p>
|
||||
<div>$additionalAccom_data</div>
|
||||
</div>
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Room Detail</p>
|
||||
<div style="font-size: 14px;">$room_data[detail]</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center m-4">
|
||||
<a href="./booking.php" class="btn-main d-block" style="font-size: 14px;">Booking</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center m-4">
|
||||
<a href="./booking.php" class="btn-main d-block" style="font-size: 14px;">Booking</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel" data-color="white">
|
||||
<div class="frame">
|
||||
<div class="frame1">
|
||||
<div class="frame2">II</div>
|
||||
</div>
|
||||
<p class="frame-title">Deluxe room</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 d-flex justify-content-center">
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="room-detail">
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Accommodation</p>
|
||||
<div>
|
||||
<p><i class='bx bx-checkbox-checked'></i> A king bed size (76" x 80").</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> A bathroom with a shower or bathtub, toilet, and sink including toiletries.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Furniture: A closet, bedside tables, a desk, and chairs.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Electronic Devices: A television, telephone, mini-fridge, coffee maker, hairdryer.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Heating and air conditioning</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Wi-Fi and wired internet access</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Housekeeping</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Extra Accommodation</p>
|
||||
<div>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Breakfast</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Swimming Pools</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Sauna (Steam sauna)</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Massage (Aromatherapy massage)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center m-4">
|
||||
<a href="./booking.php" class="btn-main d-block" style="font-size: 14px;">Booking</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel" data-color="white">
|
||||
<div class="frame">
|
||||
<div class="frame1">
|
||||
<div class="frame2">III</div>
|
||||
</div>
|
||||
<p class="frame-title">Double room</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 d-flex justify-content-center">
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="room-detail">
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Accommodation</p>
|
||||
<div>
|
||||
<p><i class='bx bx-checkbox-checked'></i> A king bed size (76" x 80").</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> A bathroom with a shower or bathtub, toilet, and sink including toiletries.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Furniture: A closet, bedside tables, a desk, and chairs.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Electronic Devices: A television, telephone, mini-fridge, coffee maker, hairdryer.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Heating and air conditioning</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Wi-Fi and wired internet access</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Housekeeping</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Extra Accommodation</p>
|
||||
<div>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Breakfast</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Swimming Pools</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Sauna (Steam sauna)</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Massage (Aromatherapy massage)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center m-4">
|
||||
<a href="./booking.php" class="btn-main d-block" style="font-size: 14px;">Booking</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel" data-color="white">
|
||||
<div class="frame">
|
||||
<div class="frame1">
|
||||
<div class="frame2">IV</div>
|
||||
</div>
|
||||
<p class="frame-title">Suit room</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 d-flex justify-content-center">
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/home3.jpg" class="about-img"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="room-detail">
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Accommodation</p>
|
||||
<div>
|
||||
<p><i class='bx bx-checkbox-checked'></i> A king bed size (76" x 80").</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> A bathroom with a shower or bathtub, toilet, and sink including toiletries.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Furniture: A closet, bedside tables, a desk, and chairs.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Electronic Devices: A television, telephone, mini-fridge, coffee maker, hairdryer.</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Heating and air conditioning</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Wi-Fi and wired internet access</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Housekeeping</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-3 mx-2">
|
||||
<p class="room-title">Extra Accommodation</p>
|
||||
<div>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Breakfast</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Swimming Pools</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Sauna (Steam sauna)</p>
|
||||
<p><i class='bx bx-checkbox-checked'></i> Massage (Aromatherapy massage)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 items-center justify-content-center m-4">
|
||||
<a href="./booking.php" class="btn-main d-block" style="font-size: 14px;">Booking</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
data;
|
||||
}
|
||||
?>
|
||||
|
||||
<!--footer-->
|
||||
<?php require('./components/footer.php'); ?>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue