    <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="06/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="06/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":9398,"date":"2025-05-21T11:41:30","date_gmt":"2025-05-21T08:11:30","guid":{"rendered":"https:\/\/napamermaidhotel.com\/?page_id=9398"},"modified":"2025-05-23T14:20:18","modified_gmt":"2025-05-23T10:50:18","slug":"junior-suite-with-outdoor-jacuzzi","status":"publish","type":"page","link":"https:\/\/napamermaidhotel.com\/ru\/junior-suite-with-outdoor-jacuzzi\/","title":{"rendered":"Junior Suite with outdoor Jacuzzi"},"content":{"rendered":"<p class=\"qtranxs-available-languages-message qtranxs-available-languages-message-ru\">\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u044d\u0442\u043e\u0442 \u0442\u0435\u0445\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0432 &ldquo;<a href=\"https:\/\/napamermaidhotel.com\/en\/wp-json\/wp\/v2\/pages\/9398\" class=\"qtranxs-available-language-link qtranxs-available-language-link-en\" title=\"English\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u0438\u0439 \u0410\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439<\/a>&rdquo; \u0438 &ldquo;<a href=\"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/9398\" class=\"qtranxs-available-language-link qtranxs-available-language-link-de\" title=\"Deutsch\">\u041d\u0435\u043c\u0435\u0446\u043a\u0438\u0439<\/a>&rdquo;. For the sake of viewer convenience, the content is shown below in this site default language. You may click one of the links to switch the site language to another available language.<\/p><p>[vc_row full_width=&#187;stretch_row_content_no_spaces&#187;][vc_column][vc_single_image image=&#187;9360&#8243; img_size=&#187;full&#187; alignment=&#187;center&#187;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#187;1\/2&#8243;][vc_images_carousel images=&#187;9399,9400,9401&#8243; img_size=&#187;560&#215;375&#8243; el_class=&#187;ctws-jssor&#187;][\/vc_column][vc_column width=&#187;1\/2&#8243;][vc_column_text]<\/p>\n<h2>Junior Suite with outdoor Jacuzzi<\/h2>\n<p>These sophisticated and elegant suites, located on the first floor, are characterized by a distinguished ambience and a large balcony with breathtaking views of the Mediterranean Sea and pool.<\/p>\n<p>Facilities include an open-plan bedroom \u2013 lounge consisting of a king size bed; a spacious bathroom with a separate WC and roll in shower cabinet; toiletries; slippers and bathrobes; hairdryer; tea\/coffee making facilities; an Espresso coffee maker; a mini bar; free safe box; free Wi-Fi; a 55\u2019 smart TV; a sitting area with a sofa bed, a coffee table and an armchair. The large private terrace is furnished with a Jacuzzi and contemporary sun loungers.<\/p>\n<p>Complimentary treatment for guests booking these suites include: fruit and wine on arrival, a daily bottle of water and turn down service.<\/p>\n<p>Interconnecting rooms are available on request, subject to availability.<\/p>\n<p>Room size 42sqm.[\/vc_column_text][vc_btn title=&#187;BOOK NOW&#187; style=&#187;classic&#187; shape=&#187;square&#187; link=&#187;url:https%3A%2F%2Fnapamermaidhotel.reserve-online.net%2F||target:%20_blank|&#187; css=&#187;.vc_custom_1678455108563{background-color: #000000 !important;}&#187;][\/vc_column][vc_column][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u044d\u0442\u043e\u0442 \u0442\u0435\u0445\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0432 &ldquo;\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u0438\u0439 \u0410\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439&rdquo; \u0438 &ldquo;\u041d\u0435\u043c\u0435\u0446\u043a\u0438\u0439&rdquo;. For the sake of viewer convenience, the content is shown below in this site default language. You may click one of the links to switch the site language to another available language.[vc_row full_width=&#187;stretch_row_content_no_spaces&#187;][vc_column][vc_single_image image=&#187;9360&#8243; img_size=&#187;full&#187; alignment=&#187;center&#187;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#187;1\/2&#8243;][vc_images_carousel images=&#187;9399,9400,9401&#8243; img_size=&#187;560&#215;375&#8243; el_class=&#187;ctws-jssor&#187;][\/vc_column][vc_column width=&#187;1\/2&#8243;][vc_column_text] Junior Suite with outdoor [&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\/ru\/wp-json\/wp\/v2\/pages\/9398"}],"collection":[{"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/comments?post=9398"}],"version-history":[{"count":8,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages\/9398\/revisions"}],"predecessor-version":[{"id":9410,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages\/9398\/revisions\/9410"}],"wp:attachment":[{"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/media?parent=9398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}