<!--
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#(////////////////////(#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&(/////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&//////////////////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&////////////////////////////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////////////////////////////////////////////&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(//////////////////*........./(///////...........(///////..........(//////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(/////////////////////.         /(//////*           #///////          #(////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@////////////////////////          *(//////*           #///////          /(//////////////////////&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////          ,(//////*           #///////          .(////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@(////////////////////////////          .(//////,           #///////           #///////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@(/////////////////////////////,          .(//////.           #//////(           #/////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////            (//////.           ((//////           ((//////////////////////////////@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@%/////////////////////////////////            #//////            ((//////           *(///////////////////////////////(@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@///////////////////////////////////            #//////            ((//////           .(/////////////////////////////////#@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@(////////////////////////////////////            #(/////            /(/////*            (///////////////////////////////////@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@/////////////////////////////////////*                                                   #////////////////////////////////////@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@%//////////////////////////////////////.                                                   #(////////////////////////////////////(@@@@@@@@@@@@@@
@@@@@@@@@@@@@@(///////////////////////////////////////                                                    ((//////////////////////////////////////@@@@@@@@@@@@@
@@@@@@@@@@@@@/////////////////////////////////////////                                                    ,(///////////////////////////////////////@@@@@@@@@@@@
@@@@@@@@@@@@//////////////////////////////////////////                                                     (////////////////////////////////////////&@@@@@@@@@@
@@@@@@@@@@@///////////////////////////////////////////(((((((((((((((((                   %#((((((((((((((((/////////////////////////////////////////@@@@@@@@@@
@@@@@@@@@@//////////////////////////////////////////                                                         (////////////////////////////////////////&@@@@@@@@
@@@@@@@@@(//////////////////////////////////////////                                                         (/////////////////////////////////////////@@@@@@@@
@@@@@@@@(///////////////////////////////////////////                                                        .(//////////////////////////////////////////@@@@@@@
@@@@@@@%////////////////////////////////////////////,                                                       ((//////////////////////////////////////////(@@@@@@
@@@@@@@//////////////////////////////////////////////                                                      .#////////////////////////////////////////////#@@@@@
@@@@@@(//////////////////////////////////////////////,          ***************,,,,,,,,,,,,,,,,,,          #(/////////////////////////////////////////////@@@@@
@@@@@@////////////////////////////////////////////////.         #(//////////////////////////////,         #(//////////////////////////////////////////////#@@@@
@@@@@//////////////////////////////////////////////////          #/////////////////////////////,         ((////////////////////////////////////////////////@@@@
@@@@@////////////////////////////////////////////////////         /(//////////////////////////.         #(/////////////////////////////////////////////////#@@@
@@@@#/////////////////////////////////////////////////////.         .(//////////////////////.         ((////////////////////////////////////////////////////@@@
@@@@///////////////////////////////////////////////////////(.          *((///////////////.          *(//////////////////////////////////////////////////////&@@
@@@@//////////////////////////////////////////////////////////(                                  .#(/////////////////////////////////////////////////////////@@
@@@&//////////////////////////////////////////////////(((((((////(/                          ,#((////////////////////////////////////////////////////////////@@
@@@#////////////////////         (///////////////////        #(///////(((/,.         .*(#(((/////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////        #(//////////////////////////////////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////        #(//////////////////////////////////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@
@@@//////////.        .(         #/        ((.     (/        #(/////,           ,((/////.       ((/         ((///         .((////////.            /(/////////@@
@@@////////                      #/        #       (/        #(///                 *(///.       /             (             .(////*                  (///////@@
@@@(//////                       #/                (/        #(/         .*,         #(/.                                    /(//                     ,(/////@@
@@@%/////         .#(((          #/                (/        #(        #(////(        ((.         (#((          .#((,         #/         #(///*        /(////@@
@@@@/////        ,(////(         #/          *#((((//        #,                        (.        #(////        ,(////         #,        #(/////         #////@@
@@@@////*        ((/////.        #/         ((///////        #.                        #.        #////(        ((////         #.        #(/////         #(//#@@
@@@@#///*        /(/////         #/         #////////        #.        ****************#.        #////(        ((////         #,        ((/////         #///@@@
@@@@@////         #(///          #/         #////////        #(        ((///////////////.        #////(        ((////         #(         #////*        ((//(@@@
@@@@@/////                       #/         #////////        #(/          ,,          #/.        #////(        ((////         #/(                     ,(///@@@@
@@@@@@/////                      #/         #////////        #(/(.                  ,(//.        #////(        ((////         #///.                  #(///(@@@@
@@@@@@(/////(.         #(        (/         (////////        #(////(.            *#(////.        #////(        ((////         #/////(.            (((/////@@@@@
@@@@@@@/////////((((((/////////////////////////////////////////////////((((((((/////////////////////////////////////////////////////////((((((((/////////#@@@@@
@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@
@@@@@@@@(///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@
@@@@@@@@@///////////////////////////////////////////*.(///////*   *(////.....*(///..(//*.(/////,   *(///*.....(////////////////////////////////////////@@@@@@@@
@@@@@@@@@@/////////////////////////////////////////* ..(///// #(//((////..(/////// / (/* #///* #(//((///* (///////////////////////////////////////////@@@@@@@@@
@@@@@@@@@@@///////////////////////////////////////* #( ((/// *(/*  ,(///. ...((/// #( /* #/// .(////////* ...*(//////////////////////////////////////@@@@@@@@@@
@@@@@@@@@@@@////////////////////////////////////// **** ((/// ((//.,(///..(/////// #(( , #//// #(///(///* (/////////////////////////////////////////#@@@@@@@@@@
@@@@@@@@@@@@@////////////////////////////////////*((////*(////(,.,(((///*****/(///*((//**(/////(,.*#(////*****(////////////////////////////////////@@@@@@@@@@@@
@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@
@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////#@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#///////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-->

<!doctype html>
<html>
<head>
		<title>SPLENDID - Studio  voor 4 personen  met zeezicht,  op 3e verdieping</title>
	<meta charset="UTF-8">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    
	<meta name="description" content="Prachtig luxueus gerenoveerd modern studio met slaaphoek met frontaal zeezicht en veel lichtinval. De studio bestaat uit een leefruimte met volledige ingebouwde keuken, een aparte slaaphoek met stapelbedden, een ruime gang met ingemaakte kasten, een badkamer met een inloopdouche en wc. Gezellig terras met panoramisch zicht op zee.<br /> <br />"/>
	<link rel="canonical" href="https://www.agencedriemo.be/nl/vakantieverhuur/studio-splendid-312-zeezicht" />

	<meta property="og:locale" content="nl_NL" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="SPLENDID - Studio  voor 4 personen  met zeezicht,  op 3e verdieping" />
	<meta property="og:description" content="Prachtig luxueus gerenoveerd modern studio met slaaphoek met frontaal zeezicht en veel lichtinval. De studio bestaat uit een leefruimte met volledige ingebouwde keuken, een aparte slaaphoek met stapelbedden, een ruime gang met ingemaakte kasten, een badkamer met een inloopdouche en wc. Gezellig terras met panoramisch zicht op zee.<br /> <br />" />
	<meta property="og:url" content="https://www.agencedriemo.be/nl/vakantieverhuur/studio-splendid-312-zeezicht" />
	<meta property="og:site_name" content="Agence Driemo" />
	<meta property="og:image" content="https://www.agencedriemo.be/img/app/12368.jpg" />
	<meta property="og:image:secure_url" content="https://www.agencedriemo.be/img/app/12368.jpg" />
	<meta property="og:image:width" content="1024" />
	<meta property="og:image:height" content="683" />

	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:description" content="Prachtig luxueus gerenoveerd modern studio met slaaphoek met frontaal zeezicht en veel lichtinval. De studio bestaat uit een leefruimte met volledige ingebouwde keuken, een aparte slaaphoek met stapelbedden, een ruime gang met ingemaakte kasten, een badkamer met een inloopdouche en wc. Gezellig terras met panoramisch zicht op zee.<br /> <br />" />
	<meta name="twitter:title" content="SPLENDID - Studio  voor 4 personen  met zeezicht,  op 3e verdieping" />
	<meta name="twitter:image" content="https://www.agencedriemo.be/img/app/12368.jpg" />
	
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800&display=swap" rel="stylesheet">
    <!--<script src="https://kit.fontawesome.com/75cf24ece0.js" crossorigin="anonymous"></script>-->

		<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-NJQK9H');</script>
	<!-- End Google Tag Manager -->
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-19987028-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-19987028-1');
	</script>

	
	<link rel="stylesheet" href="/css/bootstrap.css?v=004" type="text/css" />
	<link rel="stylesheet" href="/css/bootstrap-datepicker3.min.css" type="text/css" />
	
	<link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
	
	<link rel="stylesheet" href="/css/styles.css?v=019" type="text/css" />
	<link rel="stylesheet" href="/css/ekko-lightbox-2.css" type="text/css" />
	
	<script src="https://www.google.com/recaptcha/api.js?render=6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr"></script>
	<script>
	grecaptcha.ready(function() {
		grecaptcha.execute('6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr', {action: 'homepage'}).then(function(token) {
		   
		});
	});
	</script>
	
	<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap.bundle.js"></script>
	<script type="text/javascript" src="/js/jquery.lazy.min.js"></script>
	<script type="text/javascript" src="/js/ekko-lightbox-2.min.js"></script>
	<script type="text/javascript" src="/js/moment.min.js"></script>
    <script type="text/javascript" src="/js/daterangepicker.js?v=006"></script>
    <script type="text/javascript">// JavaScript Document

// IE 7 fix layout
if (navigator.userAgent.match(/Trident\/7\./)) {
  $('body').on("mousewheel", function (event) {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}

$(document).on('click', '[data-toggle="lightbox"]', function (event) {
  event.preventDefault();
  $(this).ekkoLightbox();
});

$(document).ready(function () {
    
  $("#searchform").submit(function (e) {

    var loadingText = "<i class='fa fa-spinner fa-spin'></i>&nbsp;&nbsp;resultaten laden";
    if ($("#searchform .btn-search").html() !== loadingText) {
      //$("#searchform .btn-search").data("zoeken", $(this).html());
      $("#searchform .btn-search").html(loadingText);
      $("#searchform .btn-search").addClass('btn-disabled');
        $("#searchform .btn-search").attr("disabled", true);
    }
    setTimeout(function() {
      $("#searchform .btn-search").removeClass('btn-disabled');
      $("#searchform .btn-search").removeAttr("disabled");
      $("#searchform .btn-search").html("zoeken");
    }, 5000);
      
       //e.preventDefault();
  });
    
    
    $("#reservationform").submit(function (e) {
   
	 
       //e.preventDefault();
  });
    
    
  $(".btn-filter").click(function(){
      $('body,html').animate({
                scrollTop: 0
            }, 300);
  });
    
  if ($("#sticky-search").length) {
    $("body").addClass('push-left');
  }

  if ($(".filterbar").length) {
    $('body').addClass('pushcontent');
  } else if (!$(".masthead").length) {
    $('body').addClass('pushcontent-single');
  }


});

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

$(function () {
  //'use strict';
  //window.addEventListener('load', function () {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function (form) {
      form.addEventListener('submit', function (event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }else{
		
		}
        form.classList.add('was-validated');
      }, false);
    });
  //}, false);
});


$(function () {
  $(".lazy").lazy({
    // called before an elements gets handled

    beforeLoad: function (element) {
      var imageSrc = element.data('src');
      //console.log('image "' + imageSrc + '" is about to be loaded');
    },

    // called after an element was successfully handled
    afterLoad: function (element) {
      var imageSrc = element.data('src');
      //console.log(element);
      element.addClass('imageloadedtohide');
      //console.log('image "' + imageSrc + '" was loaded successfully');
    },

    // called whenever an element could not be handled
    onError: function (element) {
      var imageSrc = element.data('src');
      //console.log('image "' + imageSrc + '" could not be loaded');
    },

    // called once all elements was handled
    onFinishedAll: function () {
      //console.log('finished loading all images');
    }
  });
});


if (window.history.replaceState) {
  window.history.replaceState(null, null, window.location.href);
}

function sendGoogleTag(gevent, gcat){
	console.log("event triggered");
	gtag('event', gevent, {
	  	'event_category': gcat
		});
}
</script>
	
	<style type="text/css">.grecaptcha-badge{display:none !important;}</style>
</head>

<body>
	
 <!--<div style="position: fixed; z-index: 10000000; bottom: 0; right: 0; padding: 10px 16px; background: #FF0000; "><a style="color: #ffffff;text-decoration: underline;" href="/nl/corona">BELANGRIJK: Corona update</a></div>	-->
  <nav class="navbar fixed-top navbar-expand-lg navbar-light">
  <a class="navbar-brand" href="/"><img height="60" src="/img/webcontent/driemo_halve_bol.png" /></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <!--<li class="nav-item ">
        <a class="nav-link" href="/">startpagina</a>
      </li>-->
      <li class="nav-item active">
        <a class="nav-link" href="/nl/vakantieverhuur">vakantieverhuur</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/verkoop">te koop</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/nieuwbouw">Nieuwbouw</a>
      </li>
        <li class="nav-item ">
        <a class="nav-link" href="/nl/jaarverhuur">jaarverhuur</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/syndic">syndic</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/contact">contact</a>
      </li>
				<li class="nav-item">
        <a class="nav-link" href="/blog?lang=nl">blog</a>
      </li>	
		    </ul>
	  
   <ul class="nav navbar-nav navbar-right">
	   <li style="padding-right: 0;" class="nav-item">
	   <a href="/nl/login"  data-toggle="tooltip" data-placement="bottom" style="display: block;" title="login eigenaar" ><img src="/img/icons/icon-key.png" width="20" style="vertical-align: middle;margin-top:0.5rem" /><span class="lockedownerlink" style="margin-left: 3px; color: #242A36; vertical-align:bottom;"> login eigenaar</span></a>
	   </li>
            <li class="nav-item dropdown">
                <a href="#" class=" nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="text-transform: uppercase;">nl <span class="caret"></span></a>
                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                    <li><a class="nav-link" href="/nl">Nederlands</a></li>
                    <li><a class="nav-link" href="/fr">Français</a></li>
                    <li><a class="nav-link" href="/de">Deutsch</a></li>
                   
                </ul>
            </li>
        </ul>
  </div>
	   
        
</nav>

	<!-- END NAV -->
	

<script type="text/javascript">
    $(document).ready(function() {
$("#map-small").hide();
    $(".js-map-trigger").click(function () {
        $obj = $(this);
        openInfoWindow(mapMarkers[$obj.attr("rel")].marker);
    });
		
	$("#maptoggle").click(function () {
		$("#map-small").show();
        renderMap();
    });
	
});

var myLatlng;
var map;
var geocoder;
var infoWindow = null;
var selectedMarker = null;
var mapMarkers = [];
    
var mapMarker = { }

    mapMarker.data = {"Name":"SPLENDID 3/12", "Locatie": "HALMENSTRAAT 24 8660 DE PANNE België", "StreetName":"HALMENSTRAAT 24","Country":"België","PostalCode":"8660   ","City":"DE PANNE", "Slug":"studio-splendid-312-zeezicht","Prijs": "393", "Verdieping": "3","Latitude":"51.1020869","Longitude":"2.5878646","Icon":"https://agencedriemo.be/img/webcontent/map_icon_blue.png","Selected":false};
    
    mapMarkers["adres 1"] = mapMarker;

    
function openInfoWindow(obj) {
    //$('html, body').animate({ scrollTop: $('#mapanchor').position().top }, 'slow');
    google.maps.event.trigger(obj, 'click');
    return false;
}

function initMap() {

    myLatlng = new google.maps.LatLng(51.101889, 2.586059);  
    geocoder = new google.maps.Geocoder();
    //renderMap();
}
    
    
function renderMap() {
    var myOptions = {
        zoom: 14,
        center: myLatlng,
         styles: [{"elementType": "geometry","stylers": [{"color": "#f5f5f5"}]},{"elementType": "labels.icon","stylers": [{"visibility": "off"}]},{"elementType": "labels.text.fill","stylers": [{"color": "#616161"}]},{"elementType": "labels.text.stroke","stylers": [{"color": "#f5f5f5"}]},{"featureType": "administrative.land_parcel","elementType": "labels.text.fill","stylers": [{"color": "#bdbdbd"}]},{"featureType": "poi","elementType": "geometry","stylers": [{"color": "#eeeeee"}]},{"featureType": "poi","elementType": "labels.text.fill","stylers": [{"color": "#757575"}]},{"featureType": "poi.park","elementType": "geometry","stylers": [{"color": "#d1dfcc"}]},{"featureType": "poi.park","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]},{"featureType": "road","elementType": "geometry","stylers": [{"color": "#ffffff"}]},{"featureType": "road.arterial","elementType": "labels.text.fill","stylers": [{"color": "#757575"}]},{"featureType": "road.highway","elementType": "geometry","stylers": [{"color": "#dadada"}]},{"featureType": "road.highway","elementType": "labels.text.fill","stylers": [{"color": "#616161"}]},{"featureType": "road.local","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]},{"featureType": "transit.line","elementType": "geometry","stylers": [{"color": "#e5e5e5"}]},{"featureType": "transit.station","elementType": "geometry","stylers": [{"color": "#eeeeee"}]},{"featureType": "water","elementType": "geometry","stylers": [{"color": "#d9e3e8"}]},{"featureType": "water","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]}],
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map-small"), myOptions);

    
    for (var key in mapMarkers) {
        
        if (mapMarkers.hasOwnProperty(key) == true) {
            var item = mapMarkers[key];
            var address = item.data.Locatie;
            
            //codeLatLng(address, function(addr){
                 item.marker = new google.maps.Marker({
                        //position: addr.geometry.location,
					 	position: new google.maps.LatLng(item.data.Latitude, item.data.Longitude),
                        map: map,
                        title: item.data.Name,
                        clickable: true,
                        icon: {
                        url: item.data.Icon,
                          //size: new google.maps.Size(26, 34),
                          scaledSize: new google.maps.Size(26, 34),
                        },
                        branchKey: key
                    });
                var latLng = item.marker.getPosition(); // returns LatLng object
                map.setCenter(latLng);
                google.maps.event.addListener(item.marker, "click", showInfoWindow(key));

                if (item.data.Selected == true) {
                    openInfoWindow(item.marker);
                }
            //});
           
                           
    }
}
    
    
    }
    
/*    
function codeLatLng(addr, callback) {
    geocoder.geocode({
            'address': addr
            }, function(results, status) {
                
                if (status === 'OK') {

          callback(results[0]);
      
      } else {
        console.log("Geocoder failed due to: " + status);
      }
    });
}*/

function showInfoWindow(key) {
    /*
     * https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Closures#Creating_closures_in_loops.3A_A_common_mistake
     * http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example
     * http://stackoverflow.com/questions/5838868/google-maps-api-v3-passing-values-to-listner-function-so-as-to-make-a-circl
     */
    return function () {
        var item = mapMarkers[key];
        if (infoWindow) {
            infoWindow.close();
        }
        infoWindow = new google.maps.InfoWindow({
            content:
            "<div style=\"white-space: nowrap;\">"
            + "<strong>" + item.data.Name + "</strong>"
            + "<br>" + item.data.StreetName
            + "<br>" + item.data.PostalCode + " " + item.data.City
            + "<br><br>" + "<strong style='font-size: 15px; color: #EA6D07; '>€ " + item.data.Prijs + "</strong>"
            //+ "<br>" + "Verdieping: " + item.data.Verdieping
            //+ "<br><br>" + "<a style='color: #242A36;' href='/nl/vakantieverhuur/"+ item.data.Slug + "'>toon details</a>"
            + "</div>"
        });
        infoWindow.open(map, item.marker);
    };
}
  
 
    </script>
<script type="text/javascript">
	var bezet = ['09/02/2021','10/02/2021','11/02/2021','13/02/2021','14/02/2021','15/02/2021','16/02/2021','17/02/2021','18/02/2021','17/07/2021','18/07/2021','19/07/2021','20/07/2021','21/07/2021','22/07/2021','14/08/2021','15/08/2021','16/08/2021','17/08/2021','18/08/2021','19/08/2021','04/09/2021','05/09/2021','06/09/2021','07/09/2021','08/09/2021','09/09/2021','10/09/2021','11/09/2021','12/09/2021','13/09/2021','14/09/2021','15/09/2021','16/09/2021','17/09/2021','23/10/2021','24/10/2021','25/10/2021','26/10/2021','27/10/2021','28/10/2021','29/10/2021','30/10/2021','31/10/2021','01/11/2021','02/11/2021','03/11/2021','04/11/2021'];
	var nietselecteerbaar = ['24/01/2021','27/01/2021','31/01/2021','03/02/2021','07/02/2021','10/02/2021','13/02/2021','14/02/2021','15/02/2021','16/02/2021','17/02/2021','18/02/2021','20/02/2021','21/02/2021','24/02/2021','28/02/2021','03/03/2021','07/03/2021','10/03/2021','14/03/2021','17/03/2021','21/03/2021','24/03/2021','28/03/2021','31/03/2021','03/04/2021','04/04/2021','05/04/2021','06/04/2021','07/04/2021','08/04/2021','10/04/2021','11/04/2021','12/04/2021','13/04/2021','14/04/2021','15/04/2021','17/04/2021','18/04/2021','21/04/2021','25/04/2021','28/04/2021','01/05/2021','02/05/2021','05/05/2021','09/05/2021','12/05/2021','13/05/2021','16/05/2021','19/05/2021','23/05/2021','24/05/2021','26/05/2021','30/05/2021','02/06/2021','06/06/2021','09/06/2021','13/06/2021','16/06/2021','20/06/2021','23/06/2021','27/06/2021','30/06/2021','01/07/2021','03/07/2021','04/07/2021','05/07/2021','06/07/2021','07/07/2021','08/07/2021','10/07/2021','11/07/2021','12/07/2021','13/07/2021','14/07/2021','15/07/2021','17/07/2021','18/07/2021','19/07/2021','20/07/2021','21/07/2021','22/07/2021','24/07/2021','25/07/2021','26/07/2021','27/07/2021','28/07/2021','29/07/2021','31/07/2021','01/08/2021','02/08/2021','03/08/2021','04/08/2021','05/08/2021','07/08/2021','08/08/2021','09/08/2021','10/08/2021','11/08/2021','12/08/2021','14/08/2021','15/08/2021','16/08/2021','17/08/2021','18/08/2021','19/08/2021','21/08/2021','22/08/2021','23/08/2021','24/08/2021','25/08/2021','26/08/2021','28/08/2021','29/08/2021','30/08/2021','31/08/2021','01/09/2021','05/09/2021','08/09/2021','12/09/2021','15/09/2021','19/09/2021','22/09/2021','26/09/2021','29/09/2021','03/10/2021','06/10/2021','10/10/2021','13/10/2021','17/10/2021','20/10/2021','24/10/2021','27/10/2021','30/10/2021','31/10/2021','01/11/2021','02/11/2021','03/11/2021','04/11/2021','06/11/2021','07/11/2021','10/11/2021','11/11/2021','14/11/2021','17/11/2021','21/11/2021','24/11/2021','28/11/2021','01/12/2021','05/12/2021','08/12/2021','12/12/2021','15/12/2021','19/12/2021','22/12/2021','25/12/2021','26/12/2021','27/12/2021','28/12/2021','29/12/2021','30/12/2021','01/01/2022','02/01/2022','03/01/2022','04/01/2022','05/01/2022','06/01/2022','08/01/2022','09/01/2022','21/07/2020'];
	
	function formatDate(date) {
    var d = new Date(date),
        month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();

    if (month.length < 2) 
        month = '0' + month;
    if (day.length < 2) 
        day = '0' + day;

    return [day, month, year].join('/');
}
	
	function isDateAvailable(date){
		return bezet.indexOf(formatDate(date)) > -1;
	}

    function getDatesVerblijf(startV, endV) {
        const monthNames = ["januari",
            "februari",
            "maart",
            "april",
            "mei",
            "juni",
            "juli",
            "augustus",
            "september",
            "oktober",
            "november",
            "december"
        ];
		const daysOfWeek = [
            "zo",
            "ma",
            "di",
            "wo",
            "do",
            "vr",
            "za"
        ];

    var monthstart = monthNames[startV.getMonth()];
    var monthend = monthNames[endV.getMonth()];
    var startmonth = "";
    //if(endV.getMonth() !== startV.getMonth()){
        startmonth = " " + monthstart.substring(0,3);
    //}
    var startyear = "";
    if(endV.getFullYear() !== startV.getFullYear()){
        startyear = " " + startV.getFullYear();
    }
       
        //return  startV.getDate() + startmonth  + startyear  + " - " + endV.getDate() + " " + monthend.substring(0,3) + " " + endV.getFullYear();
		return daysOfWeek[startV.getDay()] + " " + startV.getDate() + startmonth  + ". - " + daysOfWeek[endV.getDay()] + " " + endV.getDate() + " " + monthend.substring(0,3) + ".";
    }

	function checkmindaysreservation(cleanStart, cleanEnd){
		
		// controleer of minimum aantal dagen geselecteerd
	    var periodDate = '2021-02-23';
    	var periodDays = parseInt('7') -1;
	  	periodDate = new Date(periodDate);
    	var periodDateClean = new Date(periodDate.getFullYear(), periodDate.getMonth(), periodDate.getDate(), 0, 0, 0, 0);
	  
	    if((periodDate !== '')) {
		
			//todayDate.setMonth(todayDate.getMonth() + 1);
			//console.log("today " + todayDate);
			console.log("cleanStart: " + cleanStart);
			console.log("periodDateClean: " + periodDateClean);
			if(cleanStart >= periodDateClean){
  				console.log("meer dan 1 maand na vandaag");
				
				
				// controleren of er een minimum verblijf is van 5 dagen
				const diffTime = Math.abs(cleanEnd - cleanStart);
				const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
				console.log("verschil in dagen" + diffDays);
				
				if (diffDays <= periodDays){
					$('#messages_reservation').html('<div class="alert alert-warning"> Voor reservaties meer dan 1 maand in de toekomst is een minimum verblijf van  ' + 7 + '  nachten vereist. </div>');
return true;
					
				}else{
					return false;
				}
	 		}
			}else{
				return false;
			}
		
		
	}

</script>

<div class="container-fluid filterbar">
  <div class="row ">
    <div class="col-auto mr-auto" id="search_count">
      <div>
        <h2 class="page-title"><a data-toggle="tooltip" data-placement="top" title="terug naar overzicht" class="backbutton" href="/nl/vakantieverhuur"><img src="/img/icons/icon_back.png" width="24" /></a> SPLENDID 3/12 <span class="splitter hide-mobile">|</span> <span class="extra hide-mobile">verdieping 3</span></h2>
      </div>
    </div>
    <div class="col-auto" id="search_filter"> </div>
  </div>
</div>


<div class="collapse dont-collapse-sm" id="sticky-search">
  <div>
    <h3>Beschikbaarheid &amp; tarieven</h3>
    <form method="post" autocomplete="off" id="dateform">
      <input type="hidden" name="req_type" value="get_app" />
      <input type="hidden" name="slug" id="slug" value="studio-splendid-312-zeezicht" />
      <input type="hidden" name="vanaf" id="vanaf" value="" />
      <input type="hidden" name="tot" id="tot" value="" />
		
		<!-- TOGGLE SEIZOEN
				<style type="text/css">
					.seizoentoggle{padding: 7px;color: #242A36; text-decoration: none;font-weight: 600; margin-right: 10px;}
					.seizoentoggle:hover{border-bottom: 2px solid #EA6D07; color: #242A36; text-decoration: none;}
					.seizoentoggle.active{border-bottom: 2px solid #EA6D07; text-decoration: none; color: #EA6D07;}
				</style>
				<div class="row"><div class="col mt-2 mb-4"><a href="#" class="seizoentoggle active">seizoen 2021</a><a href="#" class="seizoentoggle">seizoen 2020</a></div></div>
				-->
      <div class="row">
        <div class="col">
          <label>aankomst en vertrekdatum</label>
          <div class="form-group">
            <input id="dataverblijf" readonly="true" class="form-control clickable input-md input-calendar" placeholder="selecteer data" type="text" name="dataverblijf" value="">
          </div>
        </div>
      </div>
		
		
		<div id="messages_reservation">
		
		</div>
      <div class="row"><div class="col conditions">
					  <p>Tijdens schoolvakanties kan je enkel reserveren van vrijdag tot vrijdag.</p>
					  </div></div>
<div class="mb-12">
        <div class=" pand_prijs vanaf"><span class="legal">vanaf</span> € 393 <span class="smaller">/week</span> </div>
      </div>   
<div class="mb-3">
        <div class=" pand_prijs_voorwaarden"> Selecteer een periode om uw prijs te berekenen </div>
      </div>
<script type="text/javascript">
	function checkavailability() {
		document.getElementById("dataverblijf").click();
		
		gtag('event', 'controleer beschikbaarheid', {
	  	'event_category': 'detailpagina'
		});
	}
</script>
 <div id="beschikbaarheid">
    <div class="mb-12">
        <div class=""> <a  href="javascript:void(0);" id="checkavailability" onclick="checkavailability()" class="btn btn-dark btn-info">controleer beschikbaarheid</a> </div>
      </div>
    </div>


      <div class="mb-12"> <a href="#info"  onclick="showinformationblock()" class="link-blue">vraag meer informatie</a> </div>
      <!-- <div class="mb-12">
        <div class="pand_prijs_opties">
          <h4>Extra service</h4>
		  [[opties_mogelijkheden_detailpagina]]
          <div>huren garage <span class="extra">| € 25/nacht</span></div>
          <div>reserveren poetsbeurt <span class="extra">| € 125</span></div>
        </div>
      </div>-->
		<div class="mt-5">&nbsp;</div>
      <div class="mb-12 mt-5">
        <div class="promo-block">
          <div class="ribbon ribbon-top-right"><span>promo</span></div>
          <span class="promo-large">4 weken = -25%</span> <span class="promo-large">3 weken = -15%</span> <span class="promo-legal">enkel geldig buiten schoolvakanties</span> </div>
      </div>
    </form>
  </div>
</div>
<div class="container-fluid filtersetbar d-md-none">
  <div class="row ">
    <div class="col-auto mr-auto criteria no-criteria"><span class="datum" id="datumMobile"></span><span class="price">€ 393 <span class="smaller">/week</span></span></div>
    <div class="col-auto"><a data-toggle="collapse" class="btn-filter" data-target="#sticky-search">criteria aanpassen</a></div>
  </div>
</div>   


<div class="container-fluid detail-pane-images">
  <div class="row row-image-detail"><div class='btn-foto'>toon alle 9 foto's</div><a href='/img/app/12367.jpg'  class='img-placeholder lazy col col-image-detail ' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/12367.jpg' ><img  class='img-fluid ' title='foto 1' alt='foto 1' src='/img/placeholders/img_empty.png'/></a><a href='/img/app/12368.jpg'  class='img-placeholder lazy col col-image-detail d-none d-sm-block' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/12368.jpg' ><img  class='img-fluid ' title='foto 2' alt='foto 2' src='/img/placeholders/img_empty.png'/></a><a href='/img/app/12369.jpg'  class='img-placeholder lazy col col-image-detail d-none d-xl-block' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/12369.jpg' ><img  class='img-fluid ' title='foto 3' alt='foto 3' src='/img/placeholders/img_empty.png'/></a><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/12370.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/12371.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/12372.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/12373.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/12374.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/12375.jpg'></div> </div>
</div>
<div class="container detail-pane">
  <div class="intro mt-3">
    <div class="row">
      <div class="col mt-5">
        <h2 class="large-light">Studio  voor 4 personen  met zeezicht,  op 3<sup>e</sup> verdieping</h2>
      </div>
    </div>
    <div class="row">
      <div class="col mt-3">
        <p>Prachtig luxueus gerenoveerd modern studio met slaaphoek met frontaal zeezicht en veel lichtinval. De studio bestaat uit een leefruimte met volledige ingebouwde keuken, een aparte slaaphoek met stapelbedden, een ruime gang met ingemaakte kasten, een badkamer met een inloopdouche en wc. Gezellig terras met panoramisch zicht op zee.&lt;br /&gt; &lt;br /&gt;</p>
      </div>
    </div>
    <div class="mobile-only">
    
</div> 
  </div>
  <div class="pane_white  mt-5 mb-5">
    <div class="voorzieningen">
      <div class="row  mb-2">
        <div class="col">
          <h4 class="tussentitel-orange">voorzieningen</h4>
        </div>
      </div>
      <div class="row  mb-2"> <div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-wifi.png' /> WiFi
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-verboden.png' /> huisdieren verboden
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-zeezicht.png' /> zeezicht
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-roken.png' /> roken verboden
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-terras.png' /> terras
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-lift.png' /> lift aanwezig
          </div> </div>
    </div>
    <div class=" mt-5" id="beschrijving">
      <div class="row mb-2">
        <div class="col mt-2">
          <h4 class="tussentitel-orange">omschrijving</h4>
        </div>
      </div>
      <div class="row mb-2 situering">
        <div class="col mt-2" id="beschrijving_content"><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Pand</strong> </div>
            <div class="col ">Studio met slaaphoek </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">Vernieuwde studio </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>LIGGING:</strong> </div>
            <div class="col ">Zeezicht </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>WOONKAMER met</strong> </div>
            <div class="col ">divanbed 2 pers. </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vloerbedekking: tegels </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">modern interieur </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">Verwarming op gas  </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>KEUKEN met</strong> </div>
            <div class="col ">oven </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vaatwasmachine </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">combi-microgolfoven </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">inductiekookplaat </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">Senseo </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>BADKAMER met</strong> </div>
            <div class="col ">inloopdouche </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">toilet </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>SLAAPHOEK:</strong> </div>
            <div class="col ">stapelbed </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>DEKENS OF DONSDEKENS</strong> </div>
            <div class="col ">Donsdekens </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Extra</strong> </div>
            <div class="col ">Fietsenberging </div>
          </div></div>
      </div>
    </div>
	  <script type="text/javascript">
			var options = $("#beschrijving_content").html();
			if(options=='') document.getElementById("beschrijving").setAttribute("style","display:none");
		</script> 
    <div class="locatie mt-5">
      <div class="row mb-2">
        <div class="col mt-4">
          <h4 class="tussentitel-orange">locatie</h4>
          <div>HALMENSTRAAT 24, 8660 DE PANNE</div>
		<div><a href="javascript:void(0);" id="maptoggle">toon op kaart</a></div> 
        </div>
      </div>
      <div class="row">
        <div class="col mt-4">
          <div id="map-small"></div>
        </div>
      </div>
    </div>
    <a name="info" id="info"></a> </div>
    
    <div class="mobile-onl" id="reservationavailable"></div>
	<script>
	function checkavailabilityandscroll() {
		
		//$("html, body").animate({ scrollTop: 0 }, "slow");
		if(window.outerWidth > 425) {
			console.log("mobile");
		}
		 
		
		$(window).scrollTop(0);
		var scrollw = 0;
		$(window).scroll(function() {
			clearTimeout($.data(this, 'scrollTimer'));
			$.data(this, 'scrollTimer', setTimeout(function() {
				if(scrollw === 0){
				// do something
				$("#sticky-search").show();
		 		document.getElementById("dataverblijf").click();
				scrollw = 1;
					}
			}, 150));
				
		});
		
		
		gtag('event', 'controleer beschikbaarheid - onderaan', {
	  	'event_category': 'detailpagina'});
	}
	</script>
	
	
	<div id="beschikbaarheid_check" style="display: none;">
    <div class="mb-12">
        <div class=""> <a href="javascript:void(0);" id="checkavailabilityandscroll" onclick="checkavailabilityandscroll()" class="btn btn-dark btn-info">controleer beschikbaarheid</a> </div>
      </div>
    </div>
	
	<div class="mb-12" id="infolinkblock"> <a href="#" onclick="showinformationblock()" class="link-blue">vraag meer informatie</a> </div>
	
	<script type="text/javascript">
		
		
$(document).ready(function(){
    
    // set dates on open
    
    var vanafTemp = '';
    var totTemp = '';
    if((vanafTemp !== '' && totTemp !== '' && vanafTemp !== totTemp)) {
        var res = vanafTemp.split("/");
        var setStart = new Date(res[2],res[1] - 1, res[0]);


        var resTot = totTemp.split("/");
        var setEnd = new Date(resTot[2],resTot[1] - 1, resTot[0]);

        $("#dataverblijf").val(getDatesVerblijf(setStart, setEnd));
        $("#datumMobile").html(getDatesVerblijf(setStart, setEnd) + " <span class='splitter'>|</span> ");
		
		var mindayserror = checkmindaysreservation(setStart, setEnd);
		if(mindayserror == true){
			  $('#detail_reservation').hide();
				$('#detail_prijs').hide();
		}
    }
    
    
	var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
	$(function() {
  $('input[name="dataverblijf"]').daterangepicker({
	    "locale": {
        "format": "DD/MM/YYYY",
        "separator": " - ",
        "arriveLabel": "selecteer aankomstdatum",
        "leaveLabel": "selecteer vertrekdatum",
        "holidayLabel": "Tijdens schoolvakanties kan je enkel reserveren van vrijdag tot vrijdag.",
        "customRangeLabel": "aankomst",
		"tVertrek": "vertrek",
		"tAankomst": "aankomst",
        "weekLabel": "W",
         "daysOfWeek": [
            "zo",
            "ma",
            "di",
            "wo",
            "do",
            "vr",
            "za"
        ],
        "monthNames": [
            "januari",
            "februari",
            "maart",
            "april",
            "mei",
            "juni",
            "juli",
            "augustus",
            "september",
            "oktober",
            "november",
            "december"
        ],
        "firstDay": 1
    },
    opens: 'right',
	  startDate: (vanafTemp==""?false:vanafTemp),
      autoUpdateInput: false,
	  minDate: now,
	  maxDate: '09/01/2022',
	  endDate: (totTemp==""?false:totTemp),
	  autoApply: true,
	  isInvalidDate: function(date) {
       return nietselecteerbaar.indexOf(date.format('DD/MM/YYYY')) > -1;
    },isCustomDate: function(date) {
		if(bezet.indexOf(date.format('DD/MM/YYYY')) > -1){
 			return 'geboekt disabled';
		}
      
    }
  }, function(start, end, label) {
	var errors = 0;
    var temp = new Date(start);
    var startDate = new Date(start);
    var endDate = new Date(end);
    var cleanStart = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate(), 0, 0, 0, 0);  
    var cleanEnd = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate(), 0, 0, 0, 0);  
    var invalid = false;
    $('#messages_reservation').html('');   
    while (temp.getTime() < endDate.getTime()) {
      if (isDateAvailable(temp)) {
		  //console.log(temp);
        invalid = true;
		  errors++;
        $('#messages_reservation').html("<div class='alert alert-danger'> één of meerdere dagen zijn niet beschikbaar in de geselecteerde periode. </div>");
      }
      temp.setDate(temp.getDate() + 1);
    }
      
     
      // controleer of aankomst vandaag is
      if (now.getTime() == startDate.getTime()){ 
          if(now.getDay() == 0 || now.getDay() == 3){
              invalid = true;
			  errors++;
              $('#messages_reservation').html("<div class='alert alert-danger'> Het is niet meer mogelijk om te reserveren met aankomst op vandaag </div>");
          }else{
              invalid = true;
			  errors++;
              $('#messages_reservation').html("<div class='alert alert-danger'> Voor aankomsten vandaag is het enkel mogelijjk om telefonisch te reserveren via +32(0)58 41 51 36 </div>");
          }
          //console.log("ze zijn gelijk");
      }
      // controleer of minimum 1 dag geselecteerd
      //console.log(startDate);
      //console.log(endDate);
      
      if(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
		  errors++;
          console.log("gelijke start en eind");
          $('#messages_reservation').html("<div class='alert alert-danger'>  Je aankomst- en vertrekdag kan niet dezelfde zijn </div>");
      }
	  // controleer of minimum 1 dag geselecteerd
      //console.log(startDate);
      //console.log(endDate);
      
     
	 if(startDate.getDay() == 0 || startDate.getDay() == 3){
		  //alert('invalid day');
              invalid = true;
		 errors++;
              $('#messages_reservation').html('<div class="alert alert-danger"> Het is niet mogelijk om te reserveren met aankomst op woensdag of zondag </div>');
	}
   // controleer of aankomst vandaag is
	
      // controleer of minimum 1 dag geselecteerd
      
      if(cleanStart == cleanEnd){
          invalid = true;
		  errors++;
          console.log("gelijke start en eind");
          $('#messages_reservation').html("<div class='alert alert-warning'> Je aankomst- en vertrekdag kan niet dezelfde zijn </div>");
      }  
	  
	  if(checkmindaysreservation(cleanStart, cleanEnd) == true){
		 errors++;
		 }
	    
    
    if (errors >= 1) {
      console.log('invalid');
		
        $('#detail_reservation').hide();
		$('#detail_prijs').hide();
		
        $("#vanaf").val(formatDate(start));
        $("#tot").val(formatDate(end));
        $("#dataverblijf").val(getDatesVerblijf(startDate, endDate));
    }else{
        $("#vanaf").val(formatDate(start));
        $("#tot").val(formatDate(end));
        $("#dataverblijf").val(getDatesVerblijf(startDate, endDate));
    
		$('#dateform').submit();
		
	}
  });
});
	
	
	});

	
		$(document).ready(function(){
			
			
			var reserv = $("#reservationavailable").html();
			if(reserv=='') $("#beschikbaarheid_check").show();
		});
		
		
		function showinformationblock(){
			$("#contactformblock").show();
			$("#infolinkblock").hide();
			
			$('body,html').animate({scrollTop: ($("#info").offset().top - 140)}, 300);
		}
		
	
</script>

    
  <div class="contact mb-5 no-print" id="contactformblock" style="display: none;">
    <div class="row justify-content-md-center">
      <div class="col-12 justify-content-center contactform">
		
        <form class="needs-validation" novalidate id="contactform">
          <h2 class="largetitle text-center mt-5">Informatie aanvragen</h2>
          <h4 class="text-center mt-2">De beschikbaarheid van het appartement kan u steeds online controleren. Voor eventuele andere vragen kan u ons steeds contacteren via onderstaand formulier.</h4>
			<div id="messages"></div>
          <div class="row mt-5">
            <div class="col-12 col-sm-6">
              <label>voornaam*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="voornaam" id="voornaam">
                <div class="invalid-feedback"> voornaam is verplicht </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>naam*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="naam" id="naam">
                <div class="invalid-feedback"> naam is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>telefoon*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="telefoon" id="telefoon">
                <div class="invalid-feedback"> telefoonnummer is verplicht </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>e-mail*</label>
              <div class="form-group">
                <input type="email" class="form-control" required name="email" id="email">
                <div class="invalid-feedback"> een correct e-mail adres is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>adres</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="adres" id="adres">
                <div class="invalid-feedback"> adres is verplicht </div>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <label>nummer</label>
              <div class="form-group">
                <input type="text" class="form-control"   name="nummer" id="nummer">
                <div class="invalid-feedback"> nummer is verplicht </div>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <label>postcode</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="postcode" id="postcode">
                <div class="invalid-feedback"> postcode is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>woonplaats</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="woonplaats" id="woonplaats">
                <div class="invalid-feedback"> woonplaats is verplicht </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>land</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="land" id="land">
                <div class="invalid-feedback"> land is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <label>vraag*</label>
              <div class="form-group">
                <textarea class="md-textarea form-control" required rows="3" placeholder="Graag had ik wat meer informatie gewenst over ..." name="vraag" id="vraag"></textarea>
                <div class="invalid-feedback"> Gelieve uw vraag te specifiëren </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col text-center">
              <button type="submit" class="btn btn-dark btn-send-form">versturen</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="row detail_voorwaarden mt-5 mb-5">
    <div class="col conditions">
      <h2>Huurvoorwaarden</h2>
      <p>
      Aankomst vanaf 16u en vertrek ten laatste 10u
        <br/>De reservatie is geldig vanaf het ogenblik dat de huurder een voorschot betaalt gelijk aan de helft van de huurprijs.
        <br/>Saldo te betalen 15 dagen vóór het betrekken van de woning
        <br/></p>
		<p><strong>NIET INBEGREPEN in de huurprijs:</strong> waarborg, eindschoonmaak, verbruik van elektriciteit en gas (volgens individuele tellers), eventuele schadegevallen.</p>
    </div>
  </div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyABWFaoppWCYwPrPrK5HzrWmiyRNZkKsGQ&callback=initMap" async defer></script>


 <script>
       // when form is submit
	   var form_id='#contactform';
	   var scroll_to_top=false;
	   var post_to="/nl/contact";
	   var form_type="huurpand_contactform";

    $(form_id).submit(function() {
		$("#messages").html('');
	 event.preventDefault();
		
	 if($(form_id)[0].checkValidity() === false) {
		 event.preventDefault();
         event.stopPropagation();
		 $(form_id).addClass('was-validated');
		return;
		}
        // we stopped it
        event.preventDefault();
     
		var values = {};
		var loadingText = "<span><i class='fa fa-spinner fa-spin'></i>&nbsp;&nbsp;</span>";
		var btntext = $(".btn-send-form").html();
	
		$(".btn-send-form").html(loadingText + btntext);
		$(".btn-send-form").addClass('btn-disabled');
		$(".btn-send-form").attr("disabled", true);
		$.each($(form_id).serializeArray(), function(i, field) {
			$("#"+field.name).removeClass("is-invalid");
		});
							
        // needs for recaptacha ready
        grecaptcha.ready(function() {
            // do request for recaptcha token
            // response is promise with passed token
            grecaptcha.execute('6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr', {action: 'create_comment'}).then(function(token) {
                // add token to form
               // $('#comment_form').prepend('<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" value="' + token + '">');
				values["token"]=token;
				values["form_type"]=form_type;
				values["slug"]='studio-splendid-312-zeezicht';
				$.each($(form_id).serializeArray(), function(i, field) {
				values[field.name] = field.value;
			});
			
                    //$.post("../../test/form.php",values, function(result) {
                    $.post(post_to,values, function(result) {
						
						$(".btn-send-form").removeClass('btn-disabled');
						$(".btn-send-form").removeAttr("disabled");
						$(".btn-send-form span").remove();
						   
                            if(result.success==true) {
                                    //alert('Thanks for posting.')
									// leegmaken formulier
								gtag('event', 'informatieform (huur) - succes', {'event_category': 'vakantieverhuur - nl - studio-splendid-312-zeezicht'});
									
									$("#messages").html("<div class='alert alert-success'>Bedankt voor uw aanvraag, wij contacteren u zo spoedig mogelijk.</div>");
									$('body,html').animate({scrollTop: ($("#messages").offset().top - 140)}, 300);
								
									$(form_id).removeClass('was-validated');
									$.each($(form_id).serializeArray(), function(i, field) {
										$("#"+field.name).val("");
										$("#"+field.name).removeClass("is-invalid");
									});
									
									
                            } else {
									gtag('event', 'informatieform (huur) - error', {'event_category': 'vakantieverhuur - nl - studio-splendid-312-zeezicht'});
                                    //alert('Error occured.')
									//$("#messages").html("<div class='alert alert-danger'>"+result.html+"</div>");
									$("#messages").html("<div class='alert alert-danger'>Eén of meerdere velden bevatten incorrecte waardes</div>");
								
									$('body,html').animate({scrollTop: ($("#messages").offset().top - 140)}, 300);
									
									
									try{
									
									var feedback_error_fields={};
									feedback_error_fields=result.feedback_error_fields;
									//alert(feedback_error_fields.length);
									feedback_error_fields.forEach(function(item,index){
										//alert(item);
										$("#"+item).addClass("is-invalid");
										});
									}
									catch(e) {
										//alert(e.message);
										//console.log("Excpetion:"+e.message);
									}
									
									
                            }
                    });
            });;
        });
  });

  </script>


<footer>
	<div class="container">
	<div class="row">
	<div class="col footer">
		<img src="/img/webcontent/driemo_logo_dark.png" width="150" />
		<p>
		Zeedijk 27, 8660 De Panne<br/>
+32 (0)58 41 51 36  |  <a href="mailto:info@agencedriemo.be">info@agencedriemo.be</a>
		</p>
		<a href="https://www.facebook.com/agencedriemo/" target="_blank" class="social-icon"><img src="/img/icons/icon_fb.png" alt="Facebook" width="26" /></a>
        <a href="https://www.instagram.com/agencedriemo/" target="_blank" class="social-icon"><img src="/img/icons/icon_instagram.png" alt="Instagram" width="26" /></a>
		
		<p class="legal">
		Agence Driemo is onderworpen aan de deontologische code van het BIV. Erkend Vastgoedmakelaar met B.I.V. nr. 205405 - plichtenleer cfr.KB van 27/9/2006 -
BTW: BE0406.457.615 - Land van toekenning is België. Adres B.I.V.: Luxemburgstraat, 16B, 1000 Brussel      <a href="/nl/voorwaarden">voorwaarden</a>     |     <a href="/nl/disclaimer">disclaimer</a> 
		</p>
		
		</div>
	</div></div>
</footer>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJQK9H"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</body>
</html>