    <link rel="stylesheet" media="screen" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" />

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script>
      'use strict';
      //$.noConflict();
      jQuery(document).ready(function ($) {
        function getField(id) {
          var el = jQuery('#' + id + '-picker');
          return el.length ? el : null;
        }

        function pickerSetup(id, date) {
          var el = getField(id);
          //console.log("sdsdsd1");
           //console.log(el);
          if (el !== null) {
            var checkin = id === 'checkin';
            el.datepicker({
              altField: el.get(0).form[id],
              altFormat: 'dd-mm-yy',
              dateFormat: 'dd-mm-yy',
              onSelect: function () {
                if (checkin && getField('checkout') !== null) {
                  var constraint = new Date(el.datepicker('getDate'));
                  constraint.setDate(constraint.getDate() + 1);
                  getField('checkout').datepicker('option', 'minDate', constraint);
                }
              },
              numberOfMonths: 2,
              mandatory: true,
              firstDay: 1,
              minDate: date,
              maxDate: '+2y',
            });
            
            el.datepicker('setDate', date);
          }
        }

        pickerSetup('checkin', '+1');
        pickerSetup('checkout', '+2');
        $('.fa.fa-calendar').on('click', function() {
    $('#checkin-picker').focus();
  })
      });
    </script>
    
    <!--
END COPY
-->
    <link rel="stylesheet" media="screen" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" />

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script>
      'use strict';
      //$.noConflict();
      jQuery(document).ready(function ($) {
        function getField(id) {
          var el = jQuery('#' + id + '-picker');
          return el.length ? el : null;
        }

        function pickerSetup(id, date) {
          var el = getField(id);
          //console.log("sdsdsd1");
           //console.log(el);
          if (el !== null) {
            var checkin = id === 'checkin';
            el.datepicker({
              altField: el.get(0).form[id],
              altFormat: 'dd-mm-yy',
              dateFormat: 'dd-mm-yy',
              onSelect: function () {
                if (checkin && getField('checkout') !== null) {
                  var constraint = new Date(el.datepicker('getDate'));
                  constraint.setDate(constraint.getDate() + 1);
                  getField('checkout').datepicker('option', 'minDate', constraint);
                }
              },
              numberOfMonths: 2,
              mandatory: true,
              firstDay: 1,
              minDate: date,
              maxDate: '+2y',
            });
            
            el.datepicker('setDate', date);
          }
        }

        pickerSetup('checkin', '+1');
        pickerSetup('checkout', '+2');
        $('.fa.fa-calendar').on('click', function() {
    $('#checkin-picker').focus();
  })
      });
    </script>
    <!--
END COPY
-->
<div id='ds_search_box' >
<div id='ds_search_box1'> 
<div class="row">

<!--<form action="https://vangelishotel.reserve-online.net/" method="post" target="_blank">-->

<script src="https://momentjs.com/downloads/moment.js"></script>
<form action="https://napamermaidhotel.reserve-online.net/" method="post" target="_blank" id='pix_form' name='pix_form'>
	<input type="hidden" name="lang" value="en_GB">
<!--<div class="col-md-2">
	<label for="checkin">Check-in</label>
	<input id="checkin-picker" name="checkin" size="12" maxlength="10" placeholder="dd/mm/yyyy" value="11/04/2026" readonly>
	<i class="fa fa-calendar"></i>
</div>
<div class="col-md-2">
	<label for="nights">Staying for</label>
	<select id="nights" name="nights">
		<option value="1" selected="selected">1 night</option>
		<option value="2">2 nights</option>
		<option value="3">3 nights</option>
		<option value="4">4 nights</option>
		<option value="5">5 nights</option>
		<option value="6">6 nights</option>
		<option value="7">7 nights</option>
	</select>
</div>
-->
<div class="col-md-4">
<div class="col-md-6">
	<label for="checkin">Check-in</label>
	<input id="checkin-picker" name="checkin" size="12" maxlength="10" placeholder="dd/mm/yyyy" value="11/04/2026" readonly>
	<i class="fa fa-calendar"></i>
</div>
<div class="col-md-6">
	<label for="checkout-picker">Check-out</label>
    <input type="text" name="checkout" size="12" maxlength="10" id="checkout-picker" placeholder="dd/mm/yyyy" readonly/>
    <i class="fa fa-calendar"></i>
</div>
</div>
<div class="col-md-2">
	<label for="rooms">Rooms</label>
	<select id="rooms" name="rooms">
		<option value="1" selected="selected">1 room</option>
		<option value="2">2 rooms</option>
		<option value="3">3 rooms</option>
		<option value="4">4 rooms</option>
	</select>
</div>
<div class="col-md-2">
	<label for="adults">Adults</label>
	<select id="adults" name="adults">
		<option value="1">1 adult</option>
		<option value="2" selected="selected">2 adults</option>
		<option value="3">3 adults</option>
		<option value="4">4 adults</option>
	</select>
</div>
<div class="col-md-2">
	<label for="children">Children</label>
	<select id="children" name="children">
		<option value="0" selected="selected">no children</option>
		<option value="1">1 child</option>
		<option value="2">2 children</option>
		<option value="3">3 children</option>
	</select>
</div>
<div class="col-md-2">

	<!--<button type="submit" class="prime">Room Search</button>-->
	<button type='button' class="prime" name='pix_sub' id='pix_sub'>Book Now</button>
</div>
</form>
</div>
</div>
</div>
<script>
$ = jQuery;
$(document).ready(function () {
       jQuery("#pix_sub").on('click',function () {
       var date_c = jQuery("#checkin-picker").val();
       var tmp = date_c.split("-");
       var check_in = tmp[2]+'-'+tmp[1]+'-'+tmp[0];
       var objcheck_in = new Date(check_in);
       var hd1 = check_in;
      var hr =  jQuery("#rooms").val();
      var adult =  parseInt(jQuery("#adults").val());
      var child =  parseInt(jQuery("#children").val());
      var traveler = adult+child;
      var date_chk = jQuery("#checkout-picker").val();
       var tmp_chk = date_chk.split("-");
       var check_out = tmp_chk[2]+'-'+tmp_chk[1]+'-'+tmp_chk[0];
       var hd2 = check_out;
      var hc1 = 'Protaras';
      var hs1 = 'Paralimni'; 
      var params = {
hd1: hd1 , /* Check In Date. Format yyyy-mm-dd. Ex: 2015-02-14 */
hd2: hd2, /* Check Out Date. Format yyyy-mm-dd. Ex: 2015-02-14 */
hc1: hc1, /* Destination City */
hs1: "", /* Destination State or Region */
hr: hr, /* Number of Rooms */
t: traveler /* Number of Travelers */
};

/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot","et":"hpr"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
//pl.src = 'https://static.sojern.com/cip/w/s?id=350231&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
 jQuery('#pix_form').submit(); 
          
      });
     
});
</script>
<style>
#ds_search_box{
padding:0px !important;
}
#ds_search_box {
width: 100%;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  background: rgba(255,255,255,0.5) !important;
  margin-bottom: 35px !important;
}
#ds_search_box1 {
  max-width:920px;
  margin: 0 auto;
  padding:15px;
 
}
#ds_search_box1 input {
  background: #fff;
    background-color: rgb(255, 255, 255);
  display: table;
  width: 100%;
  position: relative;
}
#ds_search_box1 input, #ds_search_box select {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: 0 none;
  background-color: #fff !important;
}
#ds_search_box1 input {
  background: #fff;
    background-color: rgb(255, 255, 255);
  display: table;
  width: 100%;
  position: relative;
}
#ds_search_box1 input, #ds_search_box1 select {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: 0 none;
  background-color: #fff !important;
}
#ds_search_box1 label {
  color: #fff;
}	
#ds_search_box1 .prime{background-color:rgb(161, 112, 118) !important;
margin-top: 25px !important;
color:#fff;
padding: 5px 10px !important;
border: 1px solid rgb(161, 112, 118);}
.ui-datepicker .ui-datepicker-current-day a {
  color: #000;
}
.ui-datepicker .ui-datepicker-calendar td{padding:0px;}
#ds_search_box1 .fa-calendar {
  background: #e5e5e5 none repeat scroll 0 0;
  color: #777;
  cursor: pointer;
  padding: 10px 12px;
  position: absolute;
  right: 10px;
  top: 26px;
  font-family: FontAwesome !important;
}
</style>{"id":4928,"date":"2018-02-20T08:07:51","date_gmt":"2018-02-20T08:07:51","guid":{"rendered":"http:\/\/napamermaidhotel.com?page_id=4928"},"modified":"2023-06-13T09:56:38","modified_gmt":"2023-06-13T09:56:38","slug":"facilities","status":"publish","type":"page","link":"https:\/\/napamermaidhotel.com\/de\/facilities\/","title":{"rendered":"Einrichtungen"},"content":{"rendered":"<p>[vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220;][vc_column][vc_single_image image=&#8220;8428&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Einrichtungen<\/h2>\n<p style=\"text-align: center;\">Das Napa Mermaid Hotel bietet viele Einrichtungen, von denen viele unter gesehen werden k\u00f6nnen. Wenn es etwas gibt, insbesondere die nicht aufgef\u00fchrt ist, die von Interesse f\u00fcr Sie sein k\u00f6nnten kontaktieren Sie uns bitte, um zu sehen, ob wir in der Lage, die von Ihnen gew\u00fcnschten Service bieten k\u00f6nnen.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_images_carousel images=&#8220;8595&#8243; img_size=&#8220;560&#215;375&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h3>Konferenzen und Incentives<\/h3>\n<p>For up to 80 delegates, the Napa Mermaid Hotel &amp; Suites Conference room is available for different types of functions such as small conferences, meetings, wedding ceremonies\/receptions and private parties.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_images_carousel images=&#8220;8148,8147,8144,8145,8146&#8243; img_size=&#8220;560&#215;375&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h3>Sport und Freizeit<\/h3>\n<p>\u2022 Au\u00dfenpool<br \/>\n\u2022 Hallenbad im Winter beheizt<br \/>\n\u2022 Sauna and Jacuzzi<br \/>\n\u2022 T\u00fcrkisches Bad<br \/>\n\u2022 Gymnasium<br \/>\n\u2022 Tennisplatz mit Flutlicht<br \/>\n\u2022 Billiard<br \/>\n\u2022 Wassersport und Tauchschule in der N\u00e4he<br \/>\n\u2022 Professionelle Massagen[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_images_carousel images=&#8220;8597&#8243; img_size=&#8220;560&#215;375&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h3>Kinder<\/h3>\n<p>\u2022 Kinderspielplatz im Freien Pool<br \/>\n\u2022 Babysitting auf Anfrage<br \/>\n\u2022 Kinder-Men\u00fc<br \/>\n\u2022 Hochst\u00fchle[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_images_carousel images=&#8220;8150,8151&#8243; img_size=&#8220;560&#215;375&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h3>Guest Services<\/h3>\n<p>\u2022 24 Stunden Rezeption Service mit Devisen<br \/>\n\u2022 W\u00e4sche-und B\u00fcgelservice<br \/>\n\u2022 Unisex Friseur \/ Beauty-Behandlungen mit Termin<br \/>\n\u2022 Autovermietung und kostenlose Parkpl\u00e4tze<br \/>\n\u2022 Taxi Service<br \/>\n\u2022 Wireless Internet-Anschluss<br \/>\n\u2022 Gesundheitsdienst auf Anfrage<br \/>\n\u2022 Gep\u00e4ckraum<br \/>\n\u2022 Souvenir shop &amp; Boutique<br \/>\n\u2022 Ausfl\u00fcge &amp; Bootstouren[\/vc_column_text][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220;][vc_column][vc_single_image image=&#8220;8428&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Einrichtungen Das Napa Mermaid Hotel bietet viele Einrichtungen, von denen viele unter gesehen werden k\u00f6nnen. Wenn es etwas gibt, insbesondere die nicht aufgef\u00fchrt ist, die von Interesse f\u00fcr Sie sein k\u00f6nnten kontaktieren Sie uns bitte, um zu sehen, ob wir in der Lage, die von Ihnen gew\u00fcnschten Service bieten k\u00f6nnen. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/4928"}],"collection":[{"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/comments?post=4928"}],"version-history":[{"count":44,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/4928\/revisions"}],"predecessor-version":[{"id":9265,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/4928\/revisions\/9265"}],"wp:attachment":[{"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/media?parent=4928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}