Cannes, France
This is a lovely, ground floor studio apartment with masses of space and light, in a secure and well maintained block very close to the Center of Cannes.
Cannes, France
This is a nice 2 bedroom, 1 bathroom apartment on the second floor of an older Cannois building (without a lift) right in the heart of the old town of Cannes, set on an attractive street typical of the area, which leads up to the Museum of Le Suquet.
Cannes, France
This studio is situated right on the Rue d'Antibes, Cannes main shopping street and is modern and light with all mod cons
Cannes, France
A well located one bedroom, one bathroom apartment with wonderful sea views. It is perfect for sun-lovers as it is right across the road from the beautiful sandy beaches along Boulevard Midi, with amazing sea views!
Cannes, France
This is a large, light studio apartment on the first floor with a generous balcony. It is well situated directly behind the Hotel Martinez, a block from the famous Croisette and beaches of Cannes.
Harare, Zimbabwe
A pristine B&B located in the peaceful suburb of Belvedere, Harare.
Harare, Zimbabwe
A pristine B&B located in the peaceful suburb of Belvedere, Harare.
Harare, Zimbabwe
A pristine B&B located in the peaceful suburb of Belvedere, Harare.
Cannes, France
A wonderfully large 2 bedroom, 2 bathroom, light and airy apartment in the prestigous Croix des Gardes area of Cannes which is on an elevated floor with marvellous views out over the Croix des Gardes and the sea beyond which can be enjoyed from a large pr
Harare, Zimbabwe
Executive apartment with 2 beds, air-con and kitchenette.
Harare, Zimbabwe
A pristine B&B located in the peaceful suburb of Belvedere, Harare.
Cannes, France
Pleasant and quiet two bedroom, one bathroom apartment close to the Palm Beach area. Well located with shops only a few meters from the building and bus stop close by, to get to the center of Cannes, for those who do not appreciate walking.
Cannes, France
A well equipped, bright two bedroom, one bathroom (with separate W.C) apartment just a stone's throw from the beach. The property has modern and tasteful decor. It is fitted with all the mod cons and benefits from a lovely terrace. Perfect for a relaxing
Cannes, France
This two bedroom, one bathroom (with separate W.C) apartment is absolutely perfect for congresses and holiday rentals. On the 3rd floor of an old Bourgeois building (there is no lift), its location is ideal.
Cannes, France
Elegant two bedroom, one bathroom apartment close to the beach and the city centre. Beautifully furnished with private secure parking. Madrid white is located in a new building located just minutes from the Croisette. The building itself is extremely well
Cannes, France
This is a lovely two bedroom, one bathroom (with separate W.C) apartment on the first floor of a Prestige building overlooking the beaches of the Moure Rouge - famous for its water sports and activities.
Cannes, France
Fleuris Purple is a modern and stylish 44m2 one bedroom, one bathroom apartment located in the centre of Cannes. Just off the Croisette and close to the beaches, it is perfect for congress attendees and holiday makers alike.
Cannes, France
A bright and spacious studio with a lovely terrace, in the heart of Cannes, just under a 15 min walk from the Palais des Festivals.
Cannes, France
Two bedroom townhouse right in Central Cannes, just by the world famous 'Marche Forville' fresh produce market is built on 3 floors with spacious bedrooms.
Cannes, France
Whether you are traveling for business or leisure, this apartment is ideal. This city apartment is tastefully decorated and set in a brand new building, completed in 2017.
Cannes, France
A two bedroom, one batthroom apartment in the lovely Palm Beach area of Cannes, barely a few steps away from the Moure Rouge beaches and the Croisette.
Cannes, France
Great two bedroom, one bathroom apartment just off the Rue D'Antibes. Ideal apartment to really experience the Cannes lifestyle as it is close to everything... shops, beaches, the famous Gambetta market and the the Palais des Festivals.
Cannes, France
This one bedroom, one bathroom (plus separate W.C) is a lovely apartment just minutes away from the vibrant Rue d'Antibes. Perfect for both holiday and congress rentals and the Palais des Festivals and the Croisette are both within walking distance.
Cannes, France
Two bedroom apartment in the center of Cannes, very close to the Carlton hotel and right by the Croisette. Perfect for a relaxing holiday or for attending one of the many conferences at the Palais des Festivals.
Cannes, France
Two bedroom, two bathroom apartment in the center of Cannes, a short walk from the Croisette sea front and the Palais des Festivals.
Victoria Falls, Zimbabwe
Neat 5 bedroomed guesthouse with solar back up and pool.
Cannes, France
This 3 bedroom, 2 bathroom apartment, right in the centre of Cannes is truly ideal for congresses and holiday rentals. Located just off the famous Rue d'Antibes shopping street and minutes from the Croisette and the Palais des Festivals.
Bulawayo, Zimbabwe
Cannes, France
One bedroom apartment in the heart of Cannes in an outstanding building a very easy walk to the Palais des Festivals and the main beach front on the Croisette.
Cannes, France
Stunning two bedroom, two bathroom apartment on the sea front. Only a few minutes drive to the Palais... you can enjoy your stay in Cannes by staying in a luxurious apartment with panoramic sea views and top quality furnishings
Cannes, France
This is a fabulously modern and well decorated, two bedroom, one bathroom apartment right in the heart of the Old Town of Cannes, just a stone's throw from the Palais des Festivals, Rue St Antoine, Rue d'Antibes and all of Cannes' other great attractions.
Cannes, France
Stunning two bedroom, two bathroom apartment on the sea front. Only a few minutes drive to the Palais... you can enjoy your stay in Cannes by staying in a luxurious apartment with panoramic sea views and top quality furnishings.
Mougins, France
Two bedroom townhouse set in Mougins village, famous for it's Michelin star restaurants and art galleries.
Victoria Falls, Zimbabwe
Lovely deluxe with outdoor pool and gym
Victoria Falls, Zimbabwe
Pristine deluxe room with kitchen and pool.
Victoria Falls, Zimbabwe
Lovely deluxe with kitchenette and outdoor pool
Victoria Falls, Zimbabwe
Deluxe room with kitchenette and outdoor pool
Cannes, France
This is a truly amazing 3 bedroom, 2 bathroom apartment. Right on the sea front of the Plage du Midi, the terrace has beautiful panoramic sea views.
Cannes, France
3 bedroom, 3 bathroom apartment set on the ground floor of a private villa with a swimming pool and lovely large terrace and gardens.
Cannes, France
The America apartment is a large, 3 bedroom and 2 bathroom apartment. It is located on the street parallel to the Croisette, literally a stones throw from the Croisette and the Palais des Festivals.
Victoria Falls, Zimbabwe
Superior room with kitchenette and pool
Victoria Falls, Zimbabwe
Luxurious duplex with kitchenette and pool
Cannes, France
A sumptuous neo-classical four bedroom, three bathroom villa with Mediterranean garden in the exclusive Californie area of Cannes. This 200m2 four bedroom belle epoque villa retains its classic style whilst also having modern comforts and amenities.
Cannes, France
A bright and spacious three bedroom, two bathroom apartment with a large terrace situated in central Cannes, on the 1st floor of a well kept and secure building.
Cannes, France
Spectacular 6 bedroom, 6 bathroom villa in the exclusive Californie area of Cannes. Minutes from the city centre and the beaches. Plenty of luxuries to enjoy with a Hammam, sauna, pool and landscaped gardens! It's situated in the exclusive residential a
Cannes, France
This brand new villa is a unique and luxurious space to spend a holiday or to visit Cannes on business. Villa du Ruisseau has five bedrooms and plenty of space to entertain or relax including a gorgeous garden with a swimming pool and jacuzzi.
Cannes, France
This 220m2, beautifully furnished 5 bedroom apartment is situated on the ground floor of a 19th century 3 story villa. It has a large, private garden and swimming pool. Located within close walking distance of beaches, the Croisette and Cannes centre.
Helping you find your next stay
UK Office
- 10 Harvey Road
- Redhill, Surrey
- RHI4EA
Zimbabwe Office
- 4 York Road
- Greendale, Harare
Save time, save money!
- Sign up and we'll send the best deals to you
[ultimatemember form_id=”332″]
[ultimatemember form_id=”331″]
or connect with
<?php
/**
* View for individual listing
*
* @param [List of objects] $data
* @return void
*/
function display_single_listing()
{
$current_url = $_GET['id'];
$type_home = $_GET['type'];
$get_currency = isset($_GET['currency']) ? $_GET['currency'] : YB_DEFAULT_CURRENCY;
//$domain = "https://yourbookng.com/wordpress/images/amenities/";
//$properties = array();
//die($property_detail_call);
//die("Listing " . json_encode($data->result->properties->property));
// foreach($data as $listing){
// if($listing->pid == $current_url){
//Is the property in the wishlist
$user_id = apply_filters('determine_current_user', false);
wp_set_current_user($user_id);
$user_id = get_current_user_id();
$get_properties_in_wishlist = get_user_meta($user_id, YB_SESSION . $user_id, true) ?: array();//die(json_encode($get_properties_in_wishlist));
$property_in_wishlist = in_array($current_url, $get_properties_in_wishlist);
//Availability calendar data
//$api_aval_dates = YB_AVAILABILITY . '&pid=' . $current_url . '&start=' . date("Y-m-d") . '&month=' . 12;
$available_dates = ApiCalls::apiCall(YB_AVAILABILITY . '&pid=' . $current_url . '&start=' . date("Y-m-d") . '&months=' . 12);
$availability_dates = $minimum_stays_per_given_dates = array();
//echo "Available day " . $api_aval_dates . "<br>" . json_encode($available_dates->result->days->day[0]);
foreach ($available_dates->result->days->day as $day) {
//sdie("Date available " . json_encode($day->avail));
if ($day->avail == "1" && $day->booked == "0.0") {
$date_aval = (array) $day->date;
array_push($availability_dates, $date_aval[0]);
array_push($minimum_stays_per_given_dates, $day->min_days);
//die("Availability " . json_encode($date_aval));
}
}
//Run an API call to get the min number of guests
$get_min_guests = ApiCalls::apiCall(YB_PROPERTY_DETAILS . '&pid=' . $current_url);
$min_guest_per_property = $get_min_guests->result->properties->property->sleeps->min;
$checkout_date_given = !empty($type_home) ? $minimum_stays_per_given_dates[0] : 1;
$checkout_date = date('Y-m-d', strtotime($availability_dates[0] . ' + '. $minimum_stays_per_given_dates[0].' days'));
$property_detail_call = YB_PROPERTY_DETAILS . '&pid=' . $current_url . '&arrival_date=' . $availability_dates[0] . '&departure_date=' . $checkout_date . '&guests=' . $min_guest_per_property;
$data = ApiCalls::apiCall($property_detail_call);
//die("Start date " . $availability_dates[0] . " End date " . $availability_dates[1] . " Data is ". json_encode($data->result->properties->property));
$listing = $data->result->properties->property;
//die("Availability " . json_encode($availability_dates));
wp_enqueue_script('additional-js', plugins_url('calendar.js', __FILE__));
wp_localize_script('additional-js', 'availability_dates', $availability_dates);
//die("Available dates " . json_encode($availability_dates));
/*if(!empty($availability_data)){
foreach($availability_data as $aval_data){
if($aval_data->pid == $current_url){
$availability_dates = array();
foreach($aval_data->dates->date as $date){
$dates = (array)$date;
$availability_date = array($dates["@attributes"]["value"]);
$availability_dates = array_merge($availability_dates, $availability_date);
}
wp_enqueue_script( 'additional-js', plugins_url('calendar.js', __FILE__) );
wp_localize_script( 'additional-js', 'availability_dates', $availability_dates );
break;
}
}
}*/
//End availability calendar
?>
<div class="azp_element azp-element-azp-zvmeb6m1tr azp_row_section azp_row_section-default azp_row_section-15-gap pad-top-50">
<div class="azp_container">
<div class="azp_row azp_row-wrap">
<div class="azp_element azp-element-azp-c1r6whtz4ki azp_col azp-col-66 list-single-main-wrapper">
<div></div>
<div class="azp_element lheadinfo azp-element-azp-ww8wcqb4j8">
<div class="lsingle-block-boxex lheadinfo-block">
<div class="lheadinfo-top-left">
</div>
<div class="lheadinfo-left-bot fl-wrap">
</div>
</div>
</div>
<!-- code ye slider -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"/>
<div class="azp_element lslider azp-element-azp-t5s8f37xyr authplan-hide-false">
<div class="yb_main_section">
<div class="yb_left_section">
<section id="image-carousel" class="splide" aria-label="Beautiful Images">
<div class="splide__track">
<ul class="splide__list">
<?php $img_default_size = YB_IMAGE_QUALITY; $track_image = 1; foreach($listing->images->image as $image): if($track_image < 30): ?>
<li class="splide__slide">
<img class="splide__list_img" src="<?= ($image->url_large) ? $image->url_large : $image->url_large; ?>">
</li>
<?php endif; $track_image++; endforeach; ?>
</ul>
</div>
</section>
<section id="yb_property_gallery">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/splide-core.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/splide.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/themes/splide-default.min.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/themes/splide-sea-green.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/themes/splide-skyblue.min.css"> -->
<style type="text/css">
#thumb .splide__list {
/*
on small screens thumbs get cut off
how to fix?
*/
justify-content: center;
}
.popup_btn{
width: 100%;
background-color: #1f2d48 !important;
color: #ffffff !important;
font-size: 14px;
font-family: 'Galano Bold';
border-color: #1f2d48;
margin-bottom: 20px;
}
.button-bar {
padding: 2rem;
background: #fff;
border-top: 1px solid gray;
position: fixed;
bottom: 0 !important;
width: 100vw;
left:0;
display: none;
}
.input_popups{
border: 1px solid gray !important;
margin-top: 10px;
margin-right: 10px;
border-radius: 5px !important;
}
.wrapper {
max-width: 1200px;
margin: 0 auto;
}
.splide__pagination__page{display: none;}
.splide__list_img {
width: 100%;
object-fit: contain !important;
}
.yb_min_stay {color: red !important;}
#thumb .splide__slide {
opacity: 0.3;
}
#thumb .splide__slide.is-active {
opacity: 1;
}
.wrapper{
display: flex;
flex-direction: row;
}
.splide___thumbnail{
display: flex;
flex-direction: column;
}
.checkincheckout_popup{
display: flex;
justify-content: space-between;
margin-top:20px;
}
.checkin-dates-popup{
width: 49%;
}
/* .yb_mobile_view{
display: none !important;
} */
.yb_guest_max_num,.yb_guest_max_num{
display: flex;
justify-content: space-between;
}
</style>
<!--
<div class="wrapper">
<div class="splide " id="gallery">
<div class="splide__track">
<ul class="splide__list">
<?php $img_default_size = YB_IMAGE_QUALITY; $track_image = 1; foreach($listing->images->image as $image): if($track_image < 9): ?>
<li class="splide__slide">
<img class="splide__list_img" src="<?= ($image->url_large) ? $image->url_large : $image->url_large; ?>">
</li>
<?php endif; $track_image++; endforeach; ?>
</ul>
</div>
</div>
<div id="thumb" class="splide">
<div class="splide__track">
<ul class="splide__list splide___thumbnail">
<?php $track_image = 1; foreach($listing->images->image as $image): if($track_image < 9): ?>
<li class="splide__slide">
<img class="splide__list_img" src="<?= ($image->url_large) ? $image->url_large : $image->url_large; ?>">
</li>
<?php endif; $track_image++; endforeach; ?>
</ul>
</div>
</div>
</div> -->
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js"></script>
<script type="text/javascript">
// import Splide from "https://cdn.skypack.dev/@splidejs/splide@3.6.12";
document.addEventListener( 'DOMContentLoaded', function () {
new Splide( '#image-carousel' ).mount();
new Splide( '#image-carousel' ).mount();
document.addEventListener( 'DOMContentLoaded', function () {
new Splide( '#image-carousel', {
heightRatio: 0.5,
} ).mount();
} );
} );
// var gallery = new Splide("#gallery", {
// rewind: true,
// pagination: false
// });
// var thumb = new Splide("#thumb", {
// fixedWidth: 64,
// fixedHeight: 64,
// gap: 10,
// rewind: true,
// pagination: false,
// //focus: 'center',
// arrows: false,
// isNavigation: true
// });
// gallery.sync(thumb);
// gallery.mount();
</script>
</section>
<!-- <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script> -->
<!-- Initialize Swiper -->
<!-- <script>
var swiper = new Swiper(".mySwiper", {
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script> -->
<section>
<div class="leftsection">
<div class="property_title_header yb_mobile_view">
<div class="property_title">
<h1 class="lhead-title"><?= $listing->name ?></h1>
<!-- <div class="geodir-category-location dis-flex-wrap">
<a href="https://www.google.com/maps/search/?api=1&query=<?= $listing->coords ?>">
<li class="fas fa-map-marker-alt"></li>
<?= $listing->address; ?>
</a>
</div> -->
</div>
</div>
<h3 id="yb_overview_title">Overview</h3>
<div id=yb_property_description>
<?php
$real_text = breakLongText($listing->description->long, 400);
foreach($real_text as $text){
echo $text . "<br><br>";
?>
<?php
}
?>
</div>
<div class="amenities">
<div class="amenity">
<div>
<h3>Popular Amenities</h3>
</div>
<div class="amenities_details">
<div id="amenity">
<?php $track = 1;
foreach ($listing->amenities->amenity as $amenity) : ?>
<?php if ($track == 3) : echo "</tr><tr>";
$track = 1;
endif; ?>
<div class="single_amenity">
<img src="<?= YB_AMENITY_ROOT . strtolower(str_replace(array(' ', '/'), '-', $amenity->name)) . '.png' ?>" width="30" height="30" alt="<?= $amenity->name ?>">
<span><?= $amenity->name ?></span>
</div>
<?php $track++;
endforeach; ?>
</div>
</div>
</div>
</div>
</section>
<section>
<div style="width:100%">
<div>
<?php
$cords = explode(',', $listing->coords);
//echo $cords[0] . " " . $cords[1];
?>
<div id="map22"></div>
</div>
</div>
</section>
<h3>Availability Calendar</h3>
<div id='calendar'></div>
<div class="yb-listing-summary">
<div class="available_calendar"></div>
Available
</div>
<div class="yb-listing-summary">
<div class="unavailable_calendar"></div>
Unavailable
</div>
<!-- Calendar End -->
<?php if (!empty($listing->feedback->entry)) : ?>
<!-- Feedback Start -->
<div class="yb_review_title_section">
<div class="yb_review_title">
<h3>Clients' thoughts on <?= $listing->name ?> </h3>
</div>
<svg style="display: none">
<symbol id="icon-bubble" viewBox="0 0 32 32">
<title>speech bubble</title>
<path class="path1" d="M16 2c8.837 0 16 5.82 16 13s-7.163 13-16 13c-0.849 0-1.682-0.054-2.495-0.158-3.437 3.437-7.539 4.053-11.505 4.144v-0.841c2.142-1.049 4-2.961 4-5.145 0-0.305-0.024-0.604-0.068-0.897-3.619-2.383-5.932-6.024-5.932-10.103 0-7.18 7.163-13 16-13z"></path>
</symbol>
</svg>
</div>
<div class="yb_reviews">
<?php foreach ($listing->feedback->entry as $feed) : ?>
<div class="yb_single_review">
<div class="yb_user_info">
<div class="yb_user_icon">
<img src="https://secure.gravatar.com/avatar/bb90dcb0ceabfc8bf10c550f1ee95ee7?s=48&d=mm&r=g">
</div>
<div class="nameanddate">
<span class="yb_user_name"><?= $feed->author ?></span>
<time datetime="2016-05-12T12:00" class="c-article-tile__date" itemprop="datePublished">
<?= $feed->stay ?>
</time>
</div>
</div>
<div class="review_stars">
<!-- <?php foreach ($listing->feedback->entry as $listing_var) : ?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="15">
<path d="M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z" />
</svg>
<?php endforeach; ?> -->
( <?= count($listing->feedback->entry) ?> reviews)
</div>
<div class="c-article-tile__body">
<p class="c-article-tile__title" itemprop="headline">
<?= $feed->feedback ?>
</p>
</div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
<div class="yb_right_section parent-sticky">
<div class="yb inner titlesticky">
<div class="yb_top_right">
<div class="yb_title_section">
<div class="property_title_header">
<div class="property_title">
<h1 class="lhead-title"><?= $listing->name ?></h1>
<!-- <div class="geodir-category-location dis-flex-wrap">
<a href="https://www.google.com/maps/search/?api=1&query=<?= $listing->coords ?>">
<li class="fas fa-map-marker-alt"></li>
<?= $listing->address; ?>
</a>
</div> -->
</div>
<div class="property_annemities">
<div class="yb_3buttons">
<span class="spanshare">
<li class="fas fa-share"></li>
</span>
<span class="spanwishlist">
<?php if($property_in_wishlist){ ?>
<i class="fas fa-heart yb_wishlist" data-pid="<?= $listing->pid ?>" data-method="remove" id="remove_from_wishlist"></i>
<?php }else {?>
<li class="far fa-heart yb_wishlist" data-pid="<?= $listing->pid ?>" data-method="add" id="yb_wishlist"></li>
<?php } ?>
</span>
</div>
<div class="yb_socialshare">
<a href="https://www.facebook.com/sharer/sharer.php?u=<?= YB_MAIN_DOMAIN . "/property/?id=" . $current_url; ?>" target="_blank" class="yb_fbshare yb_default_fontcolor">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://api.whatsapp.com/send?text=<?= YB_MAIN_DOMAIN . "/property/?id=" . $current_url; ?>" target="_blank" class="yb_fbshare yb_default_fontcolor">
<i class="fab fa-whatsapp"></i>
</a>
<a href="<?= YB_MAIN_DOMAIN . "/property/?id=" . $current_url; ?>" class="yb_fbshare yb_default_fontcolor">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="mailto:?&subject=&body=<?= YB_MAIN_DOMAIN . "/property/?id=" . $current_url; ?>"target="_blank" class="yb_fbshare yb_default_fontcolor">
<i class="fas fa-envelope"></i>
</a>
</div>
</div>
</div>
<section class="top_amenities_list">
<div class="yb_top_amenities">
<div class="yb_appartment">
<span class="yb_appartment_icon"><i aria-hidden="true" class="fas fa-house-user yb_default_fontcolor"></i></span>
<span class="yb_appartment_name yb_default_textsize yb_bold_text yb_default_textcolor"><?= $listing->property_type->name?></span>
</div>
<div class="yb_bedroom">
<span class="yb_bedroom_icon"><i aria-hidden="true" class="fas fa-couch yb_default_fontcolor"></i></span>
<span class="yb_bedroom_number yb_default_textsize yb_bold_text yb_default_textcolor"><?= $listing->bedrooms ?> Bedrooms</span>
</div>
<div class="yb_bed">
<span class="yb_bedroom_icon"><i aria-hidden="true" class="fas fa-bed yb_default_fontcolor"></i></span>
<span class="yb_bedroom_number yb_default_textsize yb_bold_text yb_default_textcolor"><?= $listing->beds ?> Bed</span>
</div>
<div class="yb_bath">
<span class="yb_bedroom_icon"><i aria-hidden="true" class="fas fa-shower yb_default_fontcolor"></i></span>
<span class="yb_bedroom_number yb_default_textsize yb_bold_text yb_default_textcolor"><?= $listing->baths ?> Bathroom</span>
</div>
</div>
</section>
<section>
<div class="review_stars">
<?php if($listing->feedback->entry > 0){ foreach ($listing->feedback->entry as $listing_var) : ?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="15">
<path d="M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z" />
</svg>
<?php endforeach; ?>
( <?= count($listing->feedback->entry) ?> reviews) <?php } ?>
</div>
</section>
</div>
<form class="reservation">
<?php
$currency = $get_currency;
$price = $listing->price->$get_currency;
$min_stay = $minimum_stays_per_given_dates[0];
//$price_per_night = !empty($checkout) ? ($price / $min_stay) : $price;
$price_per_night = $price;
//$new_date = date('Y-m-d', strtotime($availability_dates[0] . ' + '. $minimum_stays_per_given_dates[0].' days'));
// $date = strtotime("+" . $listing->sleeps->min . " day", $availability_dates[0]);
// echo date('M d, Y', $date);
//$new_max_date = date('Y-m-d', strtotime($new_date . ' + 8 days'));
?>
<div>
<label>Check-In</label>
<input type="date" value="<?= !empty($checkin) ? $checkin : $availability_dates[0] ?>" name="checkin" id="checkin" class="bookingDates">
</div>
<div>
<label>Check-Out</label>
<input type="date" value="<?= $checkout_date ?>" name="checkout" id="checkout" class="bookingDates">
</div>
<div>
<label>Guests</label>
<input type="number" min="1" class="bookingDates" max="<?= $listing->sleeps->max ?>" value="<?= !empty($guests) ? $guests : "1" ?>" data-max="<?= $listing->sleeps->max ?>" onkeyup="checkMax(this)" name="guests" id="guests">
</div>
<div class="yb_min_stay yb_guest_max_num">
Minimum number of stay
<span>: <?= $minimum_stays_per_given_dates[0] ?> days</span>
</div>
<div class="yb_guest_max_num">
Maximum number of guests
<span>: <?= $listing->sleeps->max ?></span>
</div>
<div class="yb_bottom_prices">
<div class="yb_net_fee">
<span class="yb_cf_word">Accommodation Fee</span>
<span class="yb_cf_price">
<span id="yb_currency">
<?= $get_currency == "gbp" ? "£" : "€"; ?>
</span>
<span id="price" class="yb_total_bookng_price">
<?= round($price_per_night, 2, PHP_ROUND_HALF_UP ) ?>
</span>
</span>
</div>
</div>
<div class="yb_price_footer">
<div class="yb_reser_total">
<span>Total</span>
<span class="yb_price_floatright">
<?= $get_currency == "gbp" ? "£" : "€" ?>
<span id="yb_total_bookng_price">
<?= round($price_per_night, 2, PHP_ROUND_HALF_UP ) ?>
<span>
</span>
</div>
<div class="yb_reserve_btn">
<button class="reserve">Reserve</button>
</div>
</div>
<input type="hidden" name="total" id="total" class="yb_total_bookng_price" value="<?= round($price_per_night, 2, PHP_ROUND_HALF_UP ) ?>">
<input type="hidden" name="pid" id="pid" value="<?= $listing->pid ?>">
</form>
</div>
<div class="yb_contact">
<h4 class="yb_contact_title">For enquries contact us</h4>
<hr>
<div class="yb_email">
<i aria-hidden="true" class="fas fa-envelope"></i>
<div class="yb_email_details">
<span class="yb_email">help@yourbookng.com</span>
<span class="yb_email_word">Email</span>
</div>
</div>
<!-- <div class="yb_phone">
<i aria-hidden="true" class="fas fa-phone-alt"></i>
<div class="yb_email_details">
<span class="yb_phone">+44 7805 540047</span>
<span class="yb_phone_word">Phone</span>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="button-bar">
<div class="bottom_bar_yb" style="display:flex; justify-content:space-between">
<div class="yb_bottom_price">
<span style="font-weight: bold !important; font-size:24px !important;">
<?= $get_currency == "gbp" ? "£" : "€" ?>
<span id="yb_total_bookng_price" >
<?= round($price_per_night, 2, PHP_ROUND_HALF_UP ) ?>
<span>
</span>
<span class="yb_bookingdates" style="display: block;font-size:16px !important;">12/9/2022-18/9/2022</span>
</div>
<button class="reserve2" data-toggle="modal" data-target="#myModal">Reserve</button>
</div>
</div>
</div>
<style>
td .fc-daygrid-day{
height: 20px !important;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script>
jQuery(function(){
let clientHeight = jQuery('.yb_top_right').height();
//console.log(clientHeight);
jQuery('.splide__list_img').height(clientHeight);
//console.log("ndikuclickika1");
jQuery(".yb-social").click(function(e){
//console.log("ndikuclickika2");
jQuery('.results').css('background-color', 'red');
});
});
function initMap2() {
// The location of Uluru
//console.log("1 " + <?= $cords[0] ?> + "2 " + <?= $cords[1] ?>);
const uluru = {
lat: <?= $cords[0] ?>,
lng: <?= $cords[1] ?>
};
// The map, centered at Uluru
const map = new google.maps.Map(document.getElementById("map22"), {
zoom: 12,
center: uluru,
});
const marker = new google.maps.Marker({
position: uluru,
map: map,
});
}
function checkMax(sender) {
var inputVar = parseInt(sender.value);
var max = parseInt(sender.dataset.max);
if (inputVar > max) {
sender.value = max;
}
}
jQuery(function() {
jQuery(".bookingDates").change(function(){
var checkin = jQuery("#checkin").val();
var checkout = jQuery("#checkout").val();
var guests = jQuery("#guests").val();
var pid = jQuery("#pid").val();
var currency = "<?= $get_currency ?>";
var forms = {
"pid": pid,
"checkin": checkin,
"checkout": checkout,
"guests": guests,
"currency": currency,
};
jQuery.post(window.cart.checkinDatesChanged, forms,
(data) => {
jQuery("#yb_total_bookng_price").html(data.<?= $get_currency ?>);
jQuery(".yb_total_bookng_price").html(data.<?= $get_currency ?>);
//console.log("Response back " + JSON.stringify(data));
//console.log("Currency back " + (data.gbp));
});
});
jQuery(".reserve").click(function(e) {
e.preventDefault();
var checkin = jQuery("#checkin").val();
var checkout = jQuery("#checkout").val();
var total = jQuery("#total").val();
var guests = jQuery("#guests").val();
var pid = jQuery("#pid").val();
var forms = {
"pid": pid,
"checkin": checkin,
"checkout": checkout
};
window.location = "<?= YB_MAIN_DOMAIN ?>/checkout?checkin=" + checkin + "&checkout=" + checkout + "&pid=" + pid + "&guests=" + guests;
// jQuery.post(window.cart.book, forms,
// (data) => {
// jQuery(".cart_message").css('display', 'block');
// jQuery(".response").text(data);
// jQuery("#cart_icon").append("<span class='cart_icon_number'>" + data + "</span>");
// //console.log("Response back " + JSON.stringify(data));
// });
});
});
</script>
<script type="text/javascript">
jQuery(function() {
//console.log("ndikuclickika1");
jQuery('.yb-social').click(function(e){
//console.log("ndikuclickika2");
jQuery('.results').css('background-color', 'red');
});
jQuery(".yb_wishlist").click(function(e) {
e.preventDefault();
var pid = this.dataset.pid;
var method = this.dataset.method;
console.log("Inside wish");
console.log(method + " for " + pid);
var forms = {
"pid": pid,
"method": method
};
jQuery.post(window.cart.rest, forms,
(data) => {
location.reload();
});
});
});
</script>
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBws-FHg6ASqiDYvNXFNJ6ZsfnFfeOFlSE&callback=initMap2">
</script>
<script>
jQuery(".spanshare").click(function(){
//console.log("elementor");
jQuery(".yb_socialshare").toggle();
});
//Calendar events
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var post_events = [{}];
availability_dates.forEach(appendDate);
function appendDate(item) {
post_events.push({
start: item,
display: 'background',
color: '#9bdad2',
//title: '£345',
});
}
//console.log(<?= json_encode($availability_dates) ?>);
var calendar = new FullCalendar.Calendar(calendarEl, {
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
},
initialDate: '<?= $availability_dates[0] ?>',
navLinks: true, // can click day/week names to navigate views
businessHours: true, // display business hours
editable: true,
selectable: true,
events: post_events,
maxDate: "+3m",
// events: [
// {
// start: '2022-05-19',
// end: '2022-05-24',
// overlap: false,
// display: 'background',
// color: '#ff9f89'
// },
// post_events
// ],
});
calendar.render();
});
</script>
<?php
}
//Put the full description of a listing in paragraphs
function breakLongText($text, $length = 200, $maxLength = 250){
//Text length
$textLength = strlen($text);
//initialize empty array to store split text
$splitText = array();
//return without breaking if text is already short
if (!($textLength > $maxLength)){
$splitText[] = $text;
return $splitText;
}
//Guess sentence completion
$needle = '.';
/*iterate over $text length
as substr_replace deleting it*/
while (strlen($text) > $length){
$end = strpos($text, $needle, $length);
if ($end === false){
//Returns FALSE if the needle (in this case ".") was not found.
$splitText[] = substr($text,0);
$text = '';
break;
}
$end++;
$splitText[] = substr($text,0,$end);
$text = substr_replace($text,'',0,$end);
}
if ($text){
$splitText[] = substr($text,0);
}
return $splitText;
}