    <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":8604,"date":"2020-05-15T09:07:30","date_gmt":"2020-05-15T09:07:30","guid":{"rendered":"http:\/\/napamermaidhotel.com\/?page_id=8604"},"modified":"2025-06-02T10:31:49","modified_gmt":"2025-06-02T07:01:49","slug":"flavours-restaurant-terrace","status":"publish","type":"page","link":"https:\/\/napamermaidhotel.com\/de\/flavours-restaurant-terrace\/","title":{"rendered":"Flavours Restaurant &#038; Terrace"},"content":{"rendered":"<p class=\"qtranxs-available-languages-message qtranxs-available-languages-message-de\">Leider ist der Eintrag nur auf <a href=\"https:\/\/napamermaidhotel.com\/en\/wp-json\/wp\/v2\/pages\/8604\" class=\"qtranxs-available-language-link qtranxs-available-language-link-en\" title=\"English\">Amerikanisches Englisch<\/a> verf\u00fcgbar. Der Inhalt wird unten in einer verf\u00fcgbaren Sprache angezeigt. Klicken Sie auf den Link, um die aktuelle Sprache zu \u00e4ndern.<\/p><p>[vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220;][vc_column][vc_single_image image=&#8220;8605&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_images_carousel images=&#8220;8134,9091,9090,8135,9089,8133,9088,8853,8854,8856,8857,9144,9145,9146,9147,9148&#8243; img_size=&#8220;560&#215;375&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h2>Flavours Restaurant &amp; Terrace<\/h2>\n<p>Open for breakfast, lunch and dinner indoors or outdoors. Offering buffet breakfast, A la Carte lunch and buffet Theme Nights (during the winter season the buffet may be replaced by Table d\u2019h\u00f4te menus). During the summer enjoy your lunch or dinner al fresco at the Flavours Terrace overlooking the Mediterranean sea.<\/p>\n<p>Meal plan options: Bed &amp; Breakfast, Half Board and Full Board.<\/p>\n<p>An elaborate menu is available for Room Service from 10:00hrs until 21:00hrs and a more limited menu from 21:00-24:00hrs. Room service breakfast is available between 07:00-10:30 hrs.<\/p>\n<p>Casual, but smart dress is required during the evening hours.<\/p>\n<p>Smoking in Flavours Restaurant is prohibited at all times.[\/vc_column_text][vc_btn title=&#8220;View Menu&#8220; style=&#8220;classic&#8220; shape=&#8220;square&#8220; color=&#8220;inverse&#8220; link=&#8220;url:https%3A%2F%2Fnapamermaidhotel.com%2Fwp-content%2Fuploads%2F2025%2F06%2FA-la-Carte-menu-2025.pdf||target:%20_blank|&#8220;][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>Leider ist der Eintrag nur auf Amerikanisches Englisch verf\u00fcgbar. Der Inhalt wird unten in einer verf\u00fcgbaren Sprache angezeigt. Klicken Sie auf den Link, um die aktuelle Sprache zu \u00e4ndern.[vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220;][vc_column][vc_single_image image=&#8220;8605&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_images_carousel images=&#8220;8134,9091,9090,8135,9089,8133,9088,8853,8854,8856,8857,9144,9145,9146,9147,9148&#8243; img_size=&#8220;560&#215;375&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text] Flavours Restaurant &amp; Terrace Open for breakfast, lunch and dinner indoors or outdoors. Offering buffet breakfast, A la [&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\/8604"}],"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=8604"}],"version-history":[{"count":13,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/8604\/revisions"}],"predecessor-version":[{"id":9421,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/8604\/revisions\/9421"}],"wp:attachment":[{"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/media?parent=8604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}