    <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
-->
<style>
#ds_search_box {
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: auto;
  border: 1px solid #BD9830;
  margin-top: 64px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: auto;
  background: #BD9830;
}
.front_form {
  bottom: 35px !important;
}
@media only screen and (max-width: 768px) {
#ds_search_box{
  display:none !important;
}
}
</style>
<div id='ds_search_box'  class='front_form'>
<div id='ds_search_box1'> 
<div class="row">

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

<script src="https://momentjs.com/downloads/moment.js"></script>
<form action="https://tasiamarisbeachhotelandspa.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-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-3">
	<label for="rooms">Rooms</label><br/>
	<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-3">
	<label for="adults">Adults</label><br/>
	<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><br/>
	<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>-->
	<label for="children"></label>
	<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_box1 {
  width: 80%;
  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;
  width: 100%;
}
#ds_search_box1 label {
  color: #fff !important;
}	
#ds_search_box1 .prime{background-color:#48818C !important;
color:#fff;
padding: 5px !important;
border: 1px solid #BD9830;
width:100%;}
.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 5px;
  position: absolute;
  right: 20px;
  top: 26px;
  font-family: FontAwesome !important;
}
</style>{"id":7061,"date":"2019-03-14T14:32:45","date_gmt":"2019-03-14T14:32:45","guid":{"rendered":"https:\/\/tasiamarisbeach.com\/?page_id=7061"},"modified":"2023-05-19T11:07:43","modified_gmt":"2023-05-19T11:07:43","slug":"entertainment","status":"publish","type":"page","link":"https:\/\/tasiamarisbeach.com\/el\/entertainment\/","title":{"rendered":"\u0394\u03b9\u03b1\u03c3\u03ba\u03ad\u03b4\u03b1\u03c3\u03b7 &#038; \u03a8\u03c5\u03c7\u03b1\u03b3\u03c9\u03b3\u03af\u03b1"},"content":{"rendered":"<p>[vc_row][vc_column css=&#8221;.vc_custom_1553072953114{padding-top: 60px !important;}&#8221;][vc_column_text]<\/p>\n<h5>Ett h\u00f6gkvalitativt och varierat underh\u00e5llningsprogram<\/h5>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<div class=\"col-md-9 col-md-push-3\">\n<div class=\"general desktop \">\n<div class=\"item-content desktop \">\n<p>\u039f \u03c7\u03ce\u03c1\u03bf\u03c2 \u03c8\u03c5\u03c7\u03b1\u03b3\u03c9\u03b3\u03af\u03b1\u03c2 \u03bc\u03b1\u03c2 \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03b5\u03af \u03b6\u03c9\u03bd\u03c4\u03b1\u03bd\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03cc\u03c0\u03c9\u03c2 \u03ba\u03c9\u03bc\u03b9\u03ba\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b2\u03c1\u03b1\u03b4\u03b9\u03ad\u03c2 \u03bd\u03c4\u03af\u03c3\u03ba\u03bf, \u03bc\u03bf\u03c5\u03c3\u03b9\u03ba\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b1\u03c6\u03b9\u03b5\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03af\u03b5\u03c2 \u039c\u03bf\u03c5\u03c3\u03b9\u03ba\u03bf\u03cd\u03c2.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column css=&#8221;.vc_custom_1553072953114{padding-top: 60px !important;}&#8221;][vc_column_text] Ett h\u00f6gkvalitativt och varierat underh\u00e5llningsprogram [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] \u039f \u03c7\u03ce\u03c1\u03bf\u03c2 \u03c8\u03c5\u03c7\u03b1\u03b3\u03c9\u03b3\u03af\u03b1\u03c2 \u03bc\u03b1\u03c2 \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03b5\u03af \u03b6\u03c9\u03bd\u03c4\u03b1\u03bd\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03cc\u03c0\u03c9\u03c2 \u03ba\u03c9\u03bc\u03b9\u03ba\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b2\u03c1\u03b1\u03b4\u03b9\u03ad\u03c2 \u03bd\u03c4\u03af\u03c3\u03ba\u03bf, \u03bc\u03bf\u03c5\u03c3\u03b9\u03ba\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b1\u03c6\u03b9\u03b5\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03af\u03b5\u03c2 \u039c\u03bf\u03c5\u03c3\u03b9\u03ba\u03bf\u03cd\u03c2.[\/vc_column_text][\/vc_column][\/vc_row]<\/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:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/pages\/7061"}],"collection":[{"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/comments?post=7061"}],"version-history":[{"count":17,"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/pages\/7061\/revisions"}],"predecessor-version":[{"id":8254,"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/pages\/7061\/revisions\/8254"}],"wp:attachment":[{"href":"https:\/\/tasiamarisbeach.com\/el\/wp-json\/wp\/v2\/media?parent=7061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}