{"id":7862,"date":"2022-03-31T13:14:21","date_gmt":"2022-03-31T13:14:21","guid":{"rendered":"https:\/\/alemarestates.gr\/?page_id=7862"},"modified":"2022-03-31T13:44:45","modified_gmt":"2022-03-31T13:44:45","slug":"check-availability","status":"publish","type":"page","link":"https:\/\/alemarestates.gr\/en\/check-availability\/","title":{"rendered":"Check Availability"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7862\" class=\"elementor elementor-7862\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd3eec3 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"dd3eec3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f19d2d9\" data-id=\"f19d2d9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-16a0587 elementor-widget elementor-widget-html\" data-id=\"16a0587\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    .hoteligaForm,\r\n    input,\r\n    button {\r\n        font-size: 16px;\r\n    }\r\n\r\n    input {\r\n        width: 50%;\r\n        text-align: center;\r\n    }\r\n\r\n    #searchBtn {\r\n        color: white;\r\n        background-color: #D5334E;\r\n        border: 0;\r\n        padding: 10px;\r\n        width: 25%;\r\n    }\r\n\r\n    .hoteligaContainer {\r\n        display: flex;\r\n        flex: 1;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .hoteligaForm {\r\n        width: 75%;\r\n\r\n    }\r\n\r\n    .formTable tr,\r\n    td {\r\n        border: 0;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .formTable tr td {\r\n        border: 0;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .resultsPage {\r\n        display: flex;\r\n        opacity: 0;\r\n        width: 100%;\r\n        height: 0;\r\n        flex-direction: column;\r\n        z-index: -1;\r\n        \r\n    }\r\n\r\n    .resultsRow {\r\n        flex-direction: row;\r\n\r\n    }\r\n\r\n    .loading {\r\n        left: 0;\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 100%;\r\n        align-items: center;\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n    }\r\n\r\n    #frame {\r\n        opacity: 0;\r\n    }\r\n<\/style>\r\n\r\n<!-- #region jquery cdns -->\r\n<link href=\"https:\/\/code.jquery.com\/ui\/1.12.1\/themes\/ui-lightness\/jquery-ui.css\" rel=\"stylesheet\" \/>\r\n\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"\r\n    integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jqueryui\/1.12.1\/jquery-ui.min.js\"\r\n    integrity=\"sha512-uto9mlQzrs59VwILcLiRYeLKPPbS\/bT71da\/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==\"\r\n    crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n<!-- #endregion -->\r\n\r\n<script>\r\n\r\n    \/\/#region declarations\r\n    var minArrivalOffset = 10; \/\/ minimum days ahead that one can book\r\n    var minStayDays = 5; \/\/ minimum stay in days at hotel\r\n    var maxStayDays = 31; \/\/ maximum stay in days at hotel\r\n    var numberOfMonths = 1; \/\/ how many months to display in pop-up calendar\r\n    var dateFormat = 'd\/m\/yy'; \/\/ or yy-mm-dd\r\n    var domain = 'demohoteliga'; \/\/ your hoteliga domain here\r\n    \/\/#endregion\r\n\r\n    $(document).ready(() => {\r\n        iFrameLoadingHandler();\r\n        \/\/ initialize the two datepickers\r\n        initializeDatePickers();\r\n    });\r\n\r\n    function initializeDatePickers() {\r\n        $(\"#from, #to\").datepicker({\r\n            dateFormat: dateFormat,\r\n            defaultDate: getOffsetDate(null, minArrivalOffset),\r\n            minDate: getOffsetDate(null, minArrivalOffset),\r\n            changeMonth: true,\r\n            numberOfMonths: numberOfMonths,\r\n            onSelect: onSelectDatepicker\r\n        });\r\n\r\n        \/\/ show initial values (from-to) on textboxes\r\n        $(\"#from\").datepicker().datepicker(\"setDate\", getOffsetDate(null, minArrivalOffset));\r\n        $(\"#to\").datepicker().datepicker(\"setDate\", getOffsetDate(null, minArrivalOffset + minStayDays));\r\n\r\n    }\r\n\r\n    function search() {\r\n        var df = $(\"#from\").datepicker(\"getDate\").getDate();\r\n        var dt = $(\"#to\").datepicker(\"getDate\").getDate();\r\n        var myf = getMonthYearFromDate($(\"#from\").datepicker(\"getDate\"));\r\n        var myt = getMonthYearFromDate($(\"#to\").datepicker(\"getDate\"));\r\n        var promocode = $(\"#promocode\").val();\r\n        var url = getHoteligaResultsUrl(domain, df, myf, dt, myt, promocode);\r\n\r\n        setiFrameSource(url);\r\n        $('.resultsPage').height(1200);\r\n        $('.resultsPage').css('opacity', '1');\r\n        $('.hoteligaContainer').hide();\r\n    }\r\n\r\n    function setiFrameSource(source) {\r\n        $('#frame').attr('src', source);\r\n    }\r\n\r\n    function goBack() {\r\n        $('.resultsPage').height(0);\r\n        $('.resultsPage').css('opacity', '0');\r\n        $('#loading').show();\r\n        $('.hoteligaContainer').show();\r\n        setiFrameSource('');\r\n    }\r\n\r\n    function iFrameLoadingHandler() {\r\n        $(\"#frame\").on('load', () => {\r\n            $('#loading').hide();\r\n            $(\"#frame\").css('opacity', '1');\r\n        });\r\n    }\r\n\r\n    \/\/#region helper function\r\n    \/\/ helper function that returns a date in the future based on days offset\r\n    function getOffsetDate(dateRel, offset) {\r\n        if (dateRel == null) dateRel = new Date();\r\n        return new Date(dateRel.getFullYear(), dateRel.getMonth(), dateRel.getDate() + offset);\r\n    }\r\n    \/\/ returns the month and year of a date as hoteliga booking engine requires\r\n    function getMonthYearFromDate(inputDate) {\r\n        return (inputDate.getMonth() + 1) + '-' + inputDate.getFullYear();\r\n    }\r\n\r\n    \/\/ event that fires when the user selects a date in the 'from'\r\n    \/\/ date picker. Min\/max allowed dates in the 'to' datepicker\r\n    \/\/ are adjusted in this case\r\n    function onSelectDatepicker(selectedDate) {\r\n        if (this.id == 'from') {\r\n            var dateMin = $('#from').datepicker(\"getDate\");\r\n            $('#to').datepicker(\"option\", \"minDate\", getOffsetDate(dateMin, minStayDays));\r\n            $('#to').datepicker(\"option\", \"maxDate\", getOffsetDate(dateMin, maxStayDays));\r\n        }\r\n    }\r\n\r\n    \/\/ this creates string formatting functionality\r\n    \/\/ used by getHoteligaResultsUrl()\r\n    if (!String.prototype.format) {\r\n        String.prototype.format = function () {\r\n            var args = arguments;\r\n            return this.replace(\/{(\\d+)}\/g, function (match, number) {\r\n                return typeof args[number] != 'undefined' ? args[number] : match;\r\n            });\r\n        };\r\n    }\r\n\r\n    \/\/ generates the hoteliga results page where the user will\r\n    \/\/ be redirected when the 'search' button is clicked\r\n    function getHoteligaResultsUrl(domain, df, myf, dt, myt, promocode) {\r\n        return 'https:\/\/book.hoteliga.com\/{0}\/search\/results?df={1}&myf={2}&dt={3}&myt={4}&promo={5}'.format(domain, df, myf, dt, myt, promocode)\r\n    }\r\n    \/\/#endregion\r\n\r\n\r\n<\/script>\r\n<div class='hoteligaContainer'>\r\n    <table class=\"formTable\" border=\"0\">\r\n        <tr>\r\n            <td><label for=\"from\">From<\/label><\/td>\r\n            <td><input type=\"text\" id=\"from\" name=\"from\" \/><\/td>\r\n            <td><label for=\"to\">To<\/label><\/td>\r\n            <td><input type=\"text\" id=\"to\" name=\"to\" \/><\/td>\r\n        <\/tr>\r\n        <tr>\r\n            <td><label for=\"promocode\">Promo Code<\/label><\/td>\r\n            <td colspan=\"3\"><input type=\"text\" id=\"promocode\" name=\"promocode\" \/><\/td>\r\n        <\/tr>\r\n        <tr>\r\n            <td colspan=\"4\">\r\n                <button id=\"searchBtn\" onclick=\"search()\">Search<\/button>\r\n            <\/td>\r\n        <\/tr>\r\n    <\/table>\r\n<\/div>\r\n<div class='resultsPage'>\r\n    <div class='resultsRow'>\r\n        <button id='backBtn' onclick=\"goBack()\">Go Back<\/button>\r\n    <\/div>\r\n\r\n    <div class='loading' id='loading'>\r\n        <img decoding=\"async\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_632\/04de2e31234507.564a1d23645bf.gif\"\r\n            alt=\"Loading. . .\" \/>\r\n    <\/div>\r\n    <iframe id=\"frame\" width='100%' height=\"100%\"><\/iframe>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>From To Promo Code Search Go Back<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7862","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/pages\/7862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/comments?post=7862"}],"version-history":[{"count":31,"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/pages\/7862\/revisions"}],"predecessor-version":[{"id":7917,"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/pages\/7862\/revisions\/7917"}],"wp:attachment":[{"href":"https:\/\/alemarestates.gr\/en\/wp-json\/wp\/v2\/media?parent=7862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}