    <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="19/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="19/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":7919,"date":"2020-04-03T11:14:34","date_gmt":"2020-04-03T11:14:34","guid":{"rendered":"http:\/\/napamermaidhotel.com\/?page_id=7919"},"modified":"2023-06-14T06:43:32","modified_gmt":"2023-06-14T06:43:32","slug":"wedding-venues-ceremony","status":"publish","type":"page","link":"https:\/\/napamermaidhotel.com\/de\/wedding-venues-ceremony\/","title":{"rendered":"Wedding Venues &#038; Ceremony"},"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\/7919\" 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;8432&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Wedding Ceremony &amp; Venue<\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\">Weddings in Style<\/h3>\n<p style=\"text-align: center;\">Let us take care of all the details for you. Our wedding coordinator will be delighted to<br \/>\nmeet with you upon arrival to our hotel in order to plan every detail of your wedding, whether religious or civil.<\/p>\n<p style=\"text-align: center;\">We take pleasure in conjuring up special touches to make your wedding day unforgettable and truly magical.<br \/>\nFor this reason we will give you all the available options\u00a0for ceremony venues, celebration venues and\u00a0<a href=\"http:\/\/napamermaidhotel.com\/your-wedding-reception\/\">menu planning<strong>.<\/strong><\/a><\/p>\n<p>[\/vc_column_text][vc_text_separator title=&#8220;&#8220; i_icon_fontawesome=&#8220;far fa-heart&#8220; i_color=&#8220;custom&#8220; add_icon=&#8220;true&#8220; i_custom_color=&#8220;#ec008c&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\">Our Venues<\/h3>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Flavours Restaurant:<\/h4>\n<p>Our contemporary restaurant overlooking the pool and the crystal blue waters of the Mediterranean Sea is ideal for indoor dinner wedding celebrations for large groups. The restaurant terrace with wonderful scenery is an ideal setting for outdoor celebrations for small groups.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8220;1\/2&#8243;][vc_single_image image=&#8220;7928&#8243; img_size=&#8220;full&#8220;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_single_image image=&#8220;8593&#8243; img_size=&#8220;full&#8220;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Sea View Marquee:<\/h4>\n<p style=\"text-align: left;\">Offering magnificent views of the Mediterranean Sea, this is an ideal place to take your vows. A truly summer open air option.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Conference Room:<\/h4>\n<p>An indoor venue available for both ceremonies and celebrations for small groups offering privacy and sophistication in elegant and yet simple atmosphere. Suitable for both lunches and dinners.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image image=&#8220;7934&#8243; img_size=&#8220;full&#8220;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_single_image image=&#8220;8592&#8243; img_size=&#8220;full&#8220;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">White Linen Patio:<\/h4>\n<p>For a white dreamy wedding this is a perfect secluded outdoor option for both ceremonies and celebrations for small groups. Simple and yet elegant this is suitable for both lunches and dinners.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/2&#8243;][vc_column_text]<\/p>\n<h4>Elia Taste &amp; More Bar-Restaurant:<\/h4>\n<p>This sophisticated chic escape is ideal for your after ceremony cocktail party, cutting your cake and for canapes[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image image=&#8220;9294&#8243; img_size=&#8220;full&#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;8432&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Wedding Ceremony &amp; Venue [\/vc_column_text][vc_column_text] Weddings in Style Let us take care of all the details for you. Our wedding coordinator will [&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\/7919"}],"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=7919"}],"version-history":[{"count":27,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/7919\/revisions"}],"predecessor-version":[{"id":9296,"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/pages\/7919\/revisions\/9296"}],"wp:attachment":[{"href":"https:\/\/napamermaidhotel.com\/de\/wp-json\/wp\/v2\/media?parent=7919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}