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

<!doctype html>
<html>
<head>
		<title>t'ZAND III - Studio  voor 3 personen  met zijdelings 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="Mooi studio met zonnig terras op de 3de verdieping met panoramisch zicht op het hart van De Panne en gelegen aan het Esplanadeplein."/>
	<link rel="canonical" href="https://www.agencedriemo.be/nl/vakantieverhuur/studio-tzand-iii-0304" />

	<meta property="og:locale" content="nl_NL" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="t'ZAND III - Studio  voor 3 personen  met zijdelings zeezicht,  op 3e verdieping" />
	<meta property="og:description" content="Mooi studio met zonnig terras op de 3de verdieping met panoramisch zicht op het hart van De Panne en gelegen aan het Esplanadeplein." />
	<meta property="og:url" content="https://www.agencedriemo.be/nl/vakantieverhuur/studio-tzand-iii-0304" />
	<meta property="og:site_name" content="Agence Driemo" />
	<meta property="og:image" content="https://www.agencedriemo.be/img/app/11669.jpg" />
	<meta property="og:image:secure_url" content="https://www.agencedriemo.be/img/app/11669.jpg" />
	<meta property="og:image:width" content="1024" />
	<meta property="og:image:height" content="684" />

	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:description" content="Mooi studio met zonnig terras op de 3de verdieping met panoramisch zicht op het hart van De Panne en gelegen aan het Esplanadeplein." />
	<meta name="twitter:title" content="t'ZAND III - Studio  voor 3 personen  met zijdelings zeezicht,  op 3e verdieping" />
	<meta name="twitter:image" content="https://www.agencedriemo.be/img/app/11669.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=002" 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>	
    </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":"t&#039;ZAND III 0304", "Locatie": "Leopold I Esplanade 6 8660 DE PANNE België", "StreetName":"Leopold I Esplanade 6","Country":"België","PostalCode":"8660   ","City":"DE PANNE", "Slug":"studio-tzand-iii-0304","Prijs": "251", "Verdieping": "3","Latitude":"51.0981409","Longitude":"2.5822591","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 = [];
	var nietselecteerbaar = ['31/10/2020','01/11/2020','02/11/2020','03/11/2020','04/11/2020','05/11/2020','20/12/2020','21/12/2020','22/12/2020','23/12/2020','24/12/2020','25/12/2020','27/12/2020','28/12/2020','29/12/2020','30/12/2020','31/12/2020','01/01/2021','21/07/2020','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) + ".";
    }


$(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 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: '03/01/2021',
	  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 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;
        $('#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;
              $('#messages_reservation').html("<div class='alert alert-danger'> Het is niet meer mogelijk om te reserveren met aankomst op vandaag </div>");
          }else{
              invalid = true;
              $('#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;
          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(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
          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(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
          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 aantal dagen geselecteerd
	  console.log("min date: 2020-10-29");
	  console.log("min days: 5");

	    var periodDate = '2020-10-29';
    	var periodDays = '5';
    	if((periodDate !== '')) {
        var res = periodDate.split("/");
        var setPeriod = new Date(res[2],res[1] - 1, res[0]);
			
		}
    
    if (invalid) {
      //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();
		
	}
  });
});
	
	
	});

	
</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> t&#039;ZAND III 0304 <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-tzand-iii-0304" />
      <input type="hidden" name="vanaf" id="vanaf" value="" />
      <input type="hidden" name="tot" id="tot" value="" />
      <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> € 251 <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">€ 251 <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/11667.jpg'  class='img-placeholder lazy col col-image-detail ' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/11667.jpg' ><img  class='img-fluid ' title='foto 1' alt='foto 1' src='/img/placeholders/img_empty.png'/></a><a href='/img/app/11669.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/11669.jpg' ><img  class='img-fluid ' title='foto 2' alt='foto 2' src='/img/placeholders/img_empty.png'/></a><a href='/img/app/11673.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/11673.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/11668.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/11670.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/11671.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/11672.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/11674.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/11675.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 3 personen  met zijdelings zeezicht,  op 3<sup>e</sup> verdieping</h2>
      </div>
    </div>
    <div class="row">
      <div class="col mt-3">
        <p>Mooi studio met zonnig terras op de 3de verdieping met panoramisch zicht op het hart van De Panne en gelegen aan het Esplanadeplein.</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-zonnekant.png' /> zonnekant
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-tv.png' /> digitale tv
          </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-vaatwas.png' /> vaatwas
          </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 zonder slaaphoek </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>LIGGING:</strong> </div>
            <div class="col ">gelegen dichtbij de Esplanade </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Terras</strong> </div>
            <div class="col ">Terras </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 ">kastbed 1 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 ">digitale televisie met wereldzenders </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 ">elektrische radiator </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>BADKAMER met</strong> </div>
            <div class="col ">douche </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>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 ">Wasmachine </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>Leopold I Esplanade 6, 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(){
			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 huurprijs:</strong> waarborg, verbruik van elektriciteit en gas (volgens individuele tellers), annulatieverzekering en eventuele schadegevallen. Het saldo van de waarborg wordt terugbetaald binnen de 2 maand na vertrek.</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-tzand-iii-0304';
				$.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-tzand-iii-0304'});
									
									$("#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-tzand-iii-0304'});
                                    //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:agence@driemo.be">agence@driemo.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>