    <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":7075,"date":"2020-03-10T10:47:47","date_gmt":"2020-03-10T10:47:47","guid":{"rendered":"http:\/\/napamermaidhotel.com\/?page_id=7075"},"modified":"2023-01-02T14:01:53","modified_gmt":"2023-01-02T14:01:53","slug":"location","status":"publish","type":"page","link":"https:\/\/napamermaidhotel.com\/ru\/location\/","title":{"rendered":"Location"},"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\/7075\" 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;. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.<\/p><p>[vc_row full_width=&#187;stretch_row_content_no_spaces&#187;][vc_column][vc_single_image image=&#187;8458&#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_column_text]<\/p>\n<h2>Location<\/h2>\n<p>The Napa Mermaid Hotel &amp; Suites is located in the quiet end of Ayia Napa, 100 meters from the Grecian Beach, and 800 meters from the town center where you may find a variety of supermarkets, souvenir shops, restaurants, bars and cafe&#8217;s. Various attractions nearby are: the Thalassa Museum, Ayia Napa harbour, Ayia Napa Monastery and Waterworld Waterpark. Bus stops for buses which run to Ayia Napa, Paralimni, Protaras, Larnaca and Nicosia, are situated just outside to the hotel.<\/p>\n<h2>Directions from Larnaca airport<\/h2>\n<p>From Larnaca airport, follow the signs for Ayia Napa which will lead you into the highway. You will find an exit for Ayia Napa on your left but do not turn off there. Keep on going straight until you find a roundabout. At the roundabout turn right and keep going until you find another roundabout that you should go straight over. Keep on going straight until you find a turning on the right. On the corner is the MarinaHotel . Turn right and when you reach the end of the road turn right again. You will find the Napa Mermaid Hotel &amp; Suites approximately 300 metres on your right hand side[\/vc_column_text][\/vc_column][vc_column width=&#187;1\/2&#8243;][vc_gmaps link=&#187;#E-8_JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xlLmNvbSUyRm1hcHMlMkZlbWJlZCUzRnBiJTNEJTIxMW0xNCUyMTFtOCUyMTFtMyUyMTFkMjIzNzEuMDgyMDA4NzQ3NjgyJTIxMmQzNC4wMTMwNzElMjEzZDM0Ljk4NTgyNSUyMTNtMiUyMTFpMTAyNCUyMTJpNzY4JTIxNGYxMy4xJTIxM20zJTIxMW0yJTIxMXMweDAlMjUzQTB4YmQ1YmEyOGMxODk3ZDVkMiUyMTJzTmFwYSUyNTIwTWVybWFpZCUyNTIwSG90ZWwlMjUyMCUyNTI2JTI1MjBTdWl0ZXMlMjE1ZTElMjEzbTIlMjExc2VuJTIxMnN1cyUyMTR2MTU4NTczNjc3MTYxMyUyMTVtMiUyMTFzZW4lMjEyc3VzJTIyJTIwd2lkdGglM0QlMjI2MDAlMjIlMjBoZWlnaHQlM0QlMjI0NTAlMjIlMjBmcmFtZWJvcmRlciUzRCUyMjAlMjIlMjBzdHlsZSUzRCUyMmJvcmRlciUzQTAlM0IlMjIlMjBhbGxvd2Z1bGxzY3JlZW4lM0QlMjIlMjIlMjBhcmlhLWhpZGRlbiUzRCUyMmZhbHNlJTIyJTIwdGFiaW5kZXglM0QlMjIwJTIyJTNFJTNDJTJGaWZyYW1lJTNF&#187;][\/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;. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.[vc_row full_width=&#187;stretch_row_content_no_spaces&#187;][vc_column][vc_single_image image=&#187;8458&#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_column_text] Location The Napa Mermaid Hotel &amp; Suites is located in the quiet end of Ayia Napa, 100 [&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\/7075"}],"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=7075"}],"version-history":[{"count":10,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages\/7075\/revisions"}],"predecessor-version":[{"id":9218,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages\/7075\/revisions\/9218"}],"wp:attachment":[{"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/media?parent=7075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}