    <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="05/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="05/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":7024,"date":"2020-03-09T10:23:19","date_gmt":"2020-03-09T10:23:19","guid":{"rendered":"http:\/\/napamermaidhotel.com\/?page_id=7024"},"modified":"2023-03-10T13:33:15","modified_gmt":"2023-03-10T13:33:15","slug":"standard-twin-room","status":"publish","type":"page","link":"https:\/\/napamermaidhotel.com\/ru\/standard-twin-room\/","title":{"rendered":"Standard Twin Room"},"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\/7024\" 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><\/p>\n<p>[vc_row full_width=&#187;stretch_row_content_no_spaces&#187;][vc_column][vc_single_image image=&#187;8403&#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;9084,9083,8092,8093,8091,8830,9079,9080,9081,9082&#8243; img_size=&#187;560&#215;375&#8243;][\/vc_column][vc_column width=&#187;1\/2&#8243;][vc_column_text]<\/p>\n<h2>Standard Twin Room<\/h2>\n<p>Facilities in all Standard Twin Rooms include a double-sized bed or two twin beds, bathroom with a shower, toiletries, individually controlled air-conditioning\/heating, free wireless internet connection, LCD television set, tea and coffee making facilities, a bottle of mineral water upon arrival, free safe deposit box, hairdryer, slippers, mini bar, two side tables, a coffee table and an armchair.<\/p>\n<p>Maximum capacity for these rooms is 2 persons.<\/p>\n<p>All rooms have a balcony with a table and two chairs and a direct view to the pool as well as a side view of the Mediterranean blue Sea.<\/p>\n<p>Room Size 19sq.m[\/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_1678455193504{background-color: #000000 !important;}&#187;][\/vc_column][\/vc_row]<\/p>\n<p><\/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;8403&#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;9084,9083,8092,8093,8091,8830,9079,9080,9081,9082&#8243; img_size=&#187;560&#215;375&#8243;][\/vc_column][vc_column width=&#187;1\/2&#8243;][vc_column_text] Standard Twin Room Facilities in all Standard Twin Rooms include a double-sized bed [&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\/7024"}],"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=7024"}],"version-history":[{"count":31,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages\/7024\/revisions"}],"predecessor-version":[{"id":9247,"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/pages\/7024\/revisions\/9247"}],"wp:attachment":[{"href":"https:\/\/napamermaidhotel.com\/ru\/wp-json\/wp\/v2\/media?parent=7024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}