if (typeof jQuery != "undefined") {
    
    $ = jQuery;
    
}

function format_time(hour, minute) {

    var h = hour > 9 ? "" + hour: "0" + hour;
    var m = minute > 9 ? "" + minute: "0" + minute;

    return h+":"+m;

}

var bookingWidgetController = function () {
    return {
        config: {
            language: $("html").attr("lang") ? $("html").attr("lang").replace(/[-_].*/, '') : $("html").attr("xml:lang").replace(/[-_].*/, ''),
            base_url: "//impressive-granada-dot-impressive-resort.appspot.com",
            widget_url: "//impressive-granada-dot-impressive-resort.appspot.com/impressivecorpwidget/",
            only_adults: "",
            dependcencies_added: typeof(bookingWidgetController) == "undefined" ? false : bookingWidgetController.config.dependcencies_added,
            datepicker_added: false,
            css_list : [
                "https://cdn.paraty.es/static_files/common/plugins/dates-selector/css/datepicker_ext_inf.css?v=1.43",
                "//impressive-granada-dot-impressive-resort.appspot.com/static_1/css/impressive/booking_widget_impressive.css?v=1.43",
                "//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css",
                "https://cdn.paraty.es/static_files/common/plugins/pricescalendar/styles.css?v=1.43",
                "https://cdn.paraty.es/static_files/common/css/datepicker.redmond/jquery-ui-1.8.16.custom.min.css?v=1.43"
            ],


            /*Special configs*/
            avoid_guest_autoclose_click: false
        },

        init: function () {
            this.prepare_dependencies();
        },

        prepare_dependencies: function () {
            var base_url = bookingWidgetController.config.base_url,
                lang = bookingWidgetController.config.language;
            if (!bookingWidgetController.config.dependcencies_added) {
                $.when(
                    $.getScript("https://cdn.paraty.es/static_files/common/lib/jquery-ui-1.10.1.custom.min.modified.js?v=1.43"),
                    $.getScript("https://cdn.paraty.es/static_files/common/js/mainWebSkeletonAux_injection.js?v=1.43"),
                    $.getScript("https://cdn.paraty.es/static_files/common/lib/selectric/jquery.selectric.1.8.js?v=1.43"),
                    $.getScript("https://cdn.paraty.es/static_files/common/lib/jquery-i18n-1.1.1/jquery.i18n.js?v=1.43").then(function () {
                        return $.getScript("https://cdn.paraty.es/static_files/common/i18n/messages_" + lang + ".js?v=1.43").then(function () {
                            $.i18n.load(messages);
                        });
                    })
                ).done(function () {
                   bookingWidgetController.get_booking_widget_html();
                   bookingWidgetController.config.dependcencies_added = true;
                });
            }
        },

        get_booking_widget_html: function () {
            bookingWidgetController.load_css();
            var language_widget = bookingWidgetController.config.language;
            $("html").attr("lang", language_widget);
            $.get(bookingWidgetController.config.widget_url + bookingWidgetController.config.language, function (e) {
                bookingWidgetController.config.widget_html = $("<div id='full_wrapper_booking'></div>").html(e);
            }).done(function () {
                bookingWidgetController.add_widget_html();
                bookingWidgetController.add_button_mobile_version_html();
                bookingWidgetController.adding_tags_to_config();
                bookingWidgetController.load_datepicker();
                bookingWidgetController.open_widget();
                bookingWidgetController.close_widget();
                bookingWidgetController.click_listeners();
                if ($("#add_analytics_campaings_tracking") && $("#add_analytics_campaings_tracking").length > 0) {
                    injectionCampaignsController.init()
                }
            });
        },

        load_css: function () {
            var list_css = bookingWidgetController.config.css_list;

            for (var i = 0; i < list_css.length; i++) {
                $('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', list_css[i]));
            }
        },

        add_widget_html: function() {

        },

        add_button_mobile_version_html: function() {
            let target_container = $("#widget_paraty").length ? $("#widget_paraty") : $("#widget-paraty");
            target_container.append($("<div id='floating_button'></div>").html($.i18n._("reserva_ahora")));
            target_container.find("#full_wrapper_booking").append($("<i class='fa fa-times close_widget'></i>"));
        },

        load_datepicker: function () {
            var lang = bookingWidgetController.config.language,
                base_url = bookingWidgetController.config.base_url;

            // Refactor in a external function
            if (!bookingWidgetController.config.datepicker_added) {
                $.getScript("https://cdn.paraty.es/static_files/common/plugins/pricescalendar/calendar.plugin.js?v=1.43");
                $.getScript("https://cdn.paraty.es/static_files/common/js/datepicker/jquery.ui.datepicker-" + lang + ".js?v=1.43").done(function () {
                    $.getScript("https://cdn.paraty.es/static_files/common/plugins/dates-selector/datepicker_v1.js").done(function () {
                        _set_datepicker_regional($);
                        bookingWidgetController.datepicker_configuration();

                        $.getScript("https://cdn.paraty.es/static_files/common/scripts/booking_7.js?v=1.43").done(function () {
                            
                            bookingWidgetController.after_load_booking_script();
                            bookingWidgetController.custom_functions();
                            bookingWidgetController.config.datepicker_added = true
                        });
                    });

                });
            }
        },

        after_load_booking_script: function() {
            _set_datepicker_regional($);
            $(".room_selector").selectric({disableOnMobile: false});
            $(".rooms_number").selectric({disableOnMobile: false});
            DP_extend_info.init();
            bookingWidgetController.prepare_guest_selector();
            bookingWidgetController.adding_room_tag_selector();
            bookingWidgetController.set_occupancy_number();
            bookingWidgetController.update_date_by_timezone();
        },

        update_date_by_timezone: function() {

            if ($("#timeLimit").length>0) {

                var _limit = $("#timeLimit").val();
                var _now = new Date();

                var _hour = format_time(_now.getHours(), _now.getMinutes());

                if (_hour > _limit) {
                    _now.setUTCDate(_now.getUTCDate() + 1);
                }

                var datepicker_sd = $('.' + DP_extend_info.config.class_datepicker_sd);
                datepicker_sd.datepicker('option', 'minDate', new Date(_now.getFullYear(),_now.getMonth(),_now.getDate()));
                var datestart = _now.getDate()+"/"+(_now.getMonth()+1)+"/"+_now.getFullYear();
                updateDates(datestart);
                $("input[name='startDate']").val(datestart);
                _set_start_date(datestart);
                _now.setUTCDate(_now.getUTCDate() + 1);
                datepicker_departure_date = $.datepicker.formatDate("dd-mm-yy", _now);
                datepicker_departure_date = datepicker_departure_date.replace(new RegExp("-", "g"), '/');
                $("input[name='endDate']").val(datepicker_departure_date);
                _set_end_date(datepicker_departure_date);
                $('.departure_datepicker').datepicker('option', 'minDate', _now);

            }
        },

        datepicker_configuration: function() {
            DP_extend_info.config.booking_version = '5';
            DP_extend_info.config.hotel_path_endpoint = bookingWidgetController.config.base_url;
            bookingWidgetController.separate_entry_departure_datepicker();
            DP_extend_info.config.custom_format_day_month = bookingWidgetController.custom_format_date;
        },

        separate_entry_departure_datepicker: function() {
            DP_extend_info.config.start_date_selector = ".entry_date_wrapper";
            DP_extend_info.config.end_date_selector = ".departure_date_wrapper";
            DP_extend_info.config.start_datepicker_span = ".entry_date_wrapper .date_day";
            DP_extend_info.config.end_datepicker_span = ".departure_date_wrapper .date_day";
        },

        custom_format_date: function(dateComponents) {
            dateComponents = dateComponents.split("/");
            var month_names = $.datepicker._defaults.monthNames,
                html_date = "<div class='day'>%d</div> <div class='month'>%m</div> <div class='year'>%y</div>",
                month = (parseInt(dateComponents[1]) - 1);

            return html_date.replace("%d", dateComponents[0]).replace("%m", month_names[month]).replace("%y", dateComponents[2]);
        },

        prepare_guest_selector: function () {
            $("select.room_selector").unbind("change");
            $("select.room_selector, select.rooms_number").change(function () {
                bookingWidgetController.set_occupancy_number();
            });
        },

        adding_room_tag_selector: function () {
            $("select.rooms_number option").each(function (index, element) {
                var room_tag = parseInt($(element).val()) === 1 ?
                    bookingWidgetController.config.room_tag : bookingWidgetController.config.rooms_tag;

                $(element).text($(element).text() + " " + room_tag);
            });
            $("select.rooms_number").selectric("refresh");
        },

        set_occupancy_number: function () {
            var number_of_rooms = $("select[name='numRooms']").val(),
                adults_number = 0,
                kids_number = 0,
                babies_number = 0;

            if (number_of_rooms) {
                for (var room_loop = 1; room_loop <= number_of_rooms; room_loop++) {
                    var actual_select_adults = $("select[name='adultsRoom" + room_loop + "']").val(),
                        actual_select_kids = $("select[name='childrenRoom" + room_loop + "']").val(),
                        actual_select_baby = $("select[name='babiesRoom" + room_loop + "']").val();

                    adults_number += parseInt(actual_select_adults);
                    kids_number += parseInt(actual_select_kids);
                    babies_number += parseInt(actual_select_baby);
                }
            }

            var target_placeholder = $(".guest_selector .placeholder_text"),
                placeholder_string = bookingWidgetController.occupancy_format_html();

            var room_tag = number_of_rooms === 1 ?
                bookingWidgetController.config.room_tag : bookingWidgetController.config.rooms_tag;
            var adult_tag = adults_number === 1 ?
                bookingWidgetController.config.adult_text : bookingWidgetController.config.adults_text;
            var kid_tag = kids_number === 1 ?
                bookingWidgetController.config.kid_text : bookingWidgetController.config.kids_text;
            var baby_tag = babies_number === 1 ?
                bookingWidgetController.config.baby_text : bookingWidgetController.config.babies_text;

            placeholder_string = placeholder_string.replace("@@N_R@@", number_of_rooms).replace("@@T_R@@", room_tag)
                .replace("@@N_A@@", adults_number).replace("@@T_A@@", adult_tag)
                .replace("@@N_C@@", kids_number).replace("@@T_C@@", kid_tag)
                .replace("@@N_B@@", babies_number).replace("@@T_B@@", baby_tag);

            target_placeholder.html(placeholder_string);
        },

        occupancy_format_html: function() {
            var occupancy_string = '';
            if (this.config.only_adults) {
                occupancy_string = "<span class='guest_adults'><strong>@@N_A@@</strong> @@T_A@@";
            } else {
                occupancy_string = "<span class='guest_adults'><strong>@@N_A@@</strong> @@T_A@@ / <strong>@@N_C@@</strong> @@T_C@@</span>";
            }
            return occupancy_string;
        },

        open_widget: function () {
            $("#floating_button").click(function () {
                $("#full_wrapper_booking").fadeIn();
            });
        },

        close_widget: function () {
            $("i.fa-times.close_widget").click(function () {
                $("#full_wrapper_booking").fadeOut();
            });
        },

        click_listeners: function () {
            if (!this.config.avoid_guest_autoclose_click) {
                $("html").click(function (event) {
                    var event_target = $(event.target);
                    if (!event_target.closest(".room_list_wrapper").length && !event_target.closest(".guest_selector").length) {
                        $(".room_list_wrapper").slideUp();
                    }
                });
            }
        },

        adding_tags_to_config: function () {
            bookingWidgetController.config.adults_text = $("#adults_tag").val();
            bookingWidgetController.config.adult_text = $("#adult_tag").val();
            bookingWidgetController.config.kids_text = $("#kids_tag").val();
            bookingWidgetController.config.kid_text = $("#kid_tag").val();
            bookingWidgetController.config.babies_text = $("#babies_tag").val();
            bookingWidgetController.config.baby_text = $("#baby_tag").val();
            bookingWidgetController.config.room_tag = $("#room_tag").val();
            bookingWidgetController.config.rooms_tag = $("#rooms_tag").val();
        },

        force_start_date: function (forcedStartDateInput) {

            function parseDate(dateString) {
                const [day, month, year] = dateString.split("/").map(Number);
                return new Date(year, month - 1, day);
            }

            function formatDate(date) {
                return date.toLocaleDateString('en-GB'); // Formats as DD/MM/YYYY
            }

            const inputDateString = forcedStartDateInput.val();
            if (!inputDateString) {
                console.error("Invalid input date.");
                return;
            }

            const startDate = parseDate(inputDateString);
            if (isNaN(startDate.getTime())) {
                console.error("Unable to parse the start date.");
                return;
            }

            const endDate = new Date(startDate);
            endDate.setDate(endDate.getDate() + 1);

            const formattedStartDate = formatDate(startDate);
            const formattedEndDate = formatDate(endDate);

            const startDateInput = $("input[name='startDate']");
            const endDateInput = $("input[name='endDate']");

            startDateInput.val(formattedStartDate).trigger("change");
            endDateInput.val(formattedEndDate).trigger("change");
            window.updateDates(formattedStartDate);
            const monthToSearch = startDate.getMonth();
            const yearToSearch = startDate.getFullYear();
            const price_calendar_v2 = $("#price_calendar_v2") && $("#price_calendar_v2").length;

            if (price_calendar_v2) {
                window.calendar_data.update_month_calendar(monthToSearch, yearToSearch);
            }
        },

        custom_functions: function(){

        }
    };
}();

const injectionCampaignsController = (function () {
    return {
        init() {
            this.processCampaignInfo();
        },

        getUrlParameter(sParam) {
            const sPageURL = decodeURIComponent(window.location.search.substring(1));
            const sURLVariables = sPageURL.split('&');

            for (const sVariable of sURLVariables) {
                const [key, value] = sVariable.split('=');
                if (key === sParam) {
                    return value === undefined ? true : value;
                }
            }
            return undefined;
        },

        createCookie(key, value, durationInDays = 365) {
            const targetExpiryDate = new Date();
            targetExpiryDate.setDate(targetExpiryDate.getDate() + durationInDays);
            document.cookie = `${key}=${value};path=/;expires=${targetExpiryDate.toUTCString()};`;
        },

        searchCookie(key) {
            const cookies = document.cookie.split(';');
            for (const cookie of cookies) {
                const [cookieKey, cookieValue] = cookie.trim().split('=');
                if (cookieKey === key) {
                    return cookieValue;
                }
            }
            return undefined;
        },

        saveCampaignInfo() {
            const availableCampaignParams = [
                'utm_source', 'utm_medium', 'utm_campaign', 'utm_term',
                'utm_content', 'utm_id', 'partner'
            ];
            const cookieToSet = {};

            availableCampaignParams.forEach(param => {
                const retrievedParam = this.getUrlParameter(param);
                if (retrievedParam) {
                    cookieToSet[param] = retrievedParam;
                }
            });

            if (!$.isEmptyObject(cookieToSet)) {
                const cookieToSetJson = JSON.stringify(cookieToSet);
                this.createCookie("analytics_campaign", cookieToSetJson);
            }
        },

        addCampaignToWidget() {
            const retrievedCookie = this.searchCookie('analytics_campaign');
            if (!retrievedCookie) return;

            const loadedCookie = JSON.parse(retrievedCookie);
            $(".paraty-booking-form").each(function () {
                for (const [keyCampaign, value] of Object.entries(loadedCookie)) {
                    const inputToAppend = $("<input type='hidden'>").attr({
                        name: keyCampaign,
                        value: value
                    });
                    $(this).append(inputToAppend);
                }
            });
        },

        processCampaignInfo() {
            this.saveCampaignInfo();
            this.addCampaignToWidget();
        }
    };
})();

bookingWidgetController.add_widget_html = function () {
    var paraty_widget = bookingWidgetController.config.widget_html;
    if(!$("#widget_paraty").length) {
        $("body").append($("<div id='widget_paraty'></div>"));
        $("#widget_paraty").addClass('auto-position');
        let domain = document.domain;
        if (domain.indexOf('zocos') > -1 || domain.indexOf('dev21') > -1) {
          $('#widget_paraty').addClass('zocos');
        }
    }
    $("#widget_paraty").html(paraty_widget);
    if ($("#widget_paraty input#extra_widget_class").length && !$("#widget_paraty").hasClass($("#widget_paraty input#extra_widget_class").val()))
    $("#widget_paraty").addClass($("#widget_paraty input#extra_widget_class").val());
    $("#widget_paraty #full_wrapper_booking .booking_form_title").append($(".cancel_booking_link"));
    if ($("#widget_paraty .destination_wrapper").length) {
        $("#widget_paraty").addClass('has-hotel-selector');
    }
    if ($("#widget_paraty input#room_filter").length && $("#widget_paraty input#hotel_namespace").length) {
        let room_filter = $("#widget_paraty input#room_filter").val();
        let namespace = $("#widget_paraty input#hotel_namespace").val();
        $('#roomFilter').val(room_filter);
        $('#namespace').val(namespace);
    }
};

bookingWidgetController.add_button_mobile_version_html = function() {
    if(!$("#floating_button_paraty").length) {
       $("body").append($("<div id='floating_button_paraty'></div>").html($.i18n._("reserva_ahora")));
        $("#floating_button_paraty").addClass('auto-position');
    }
    $("#widget_paraty #full_wrapper_booking").append($("<i class='fa fa-times close_widget'></i>"));
}

bookingWidgetController.custom_format_date = function (dateComponents) {
    dateComponents = dateComponents.split("/");
    var html_date = "<div class='day'>%d</div>-<div class='month'>%m</div>-<div class='year'>%y</div>";

    return html_date.replace("%d", dateComponents[0]).replace("%m", dateComponents[1]).replace("%y", dateComponents[2].slice(-2));
};

bookingWidgetController.occupancy_format_html = function() {
    return "<span class='adults'>@@N_A@@</span><span class='kids'>/@@N_C@@</span><span class='babies'>/@@N_B@@</span>";
};

bookingWidgetController.adding_room_tag_selector = function () {
    $("select.rooms_number option").each(function (index, element) {
        $(element).text($(element).text() );
    });
    $("select.rooms_number").selectric("refresh");
};

bookingWidgetController.open_widget = function () {
    $("#floating_button_paraty").click(function (e) {
        e.preventDefault();
        $("#widget_paraty").fadeToggle();
    });
};

bookingWidgetController.close_widget = function () {
    $("i.fa-times.close_widget").click(function () {
        $("#widget_paraty").fadeOut();
    });
};

bookingWidgetController.floating_widget = function(){
    var actual_position = $(window).scrollTop(),
        widget = $("#widget_paraty"),
        window_width = $(window).innerWidth();

    if (window_width >= 1280 && actual_position < 20) {
        $('body').addClass('widget_top');
        widget.addClass("top");
    } else {
        $('body').removeClass('widget_top');
        widget.removeClass("top");
    }
};

bookingWidgetController.custom_functions = function () {
    bookingWidgetController.config.languages = {
        "es": "SPANISH",
        "en": "ENGLISH",
    };

    bookingWidgetController.floating_widget();
    bookingWidgetController.prepare_guest_selector();

    hotel_selector_controller();

    $(".close_widget").click(function () {
        $('body').removeClass('noscroll');
    });

    $(window).scroll(bookingWidgetController.floating_widget);

    $("#full_wrapper_booking .children_selector select.room_selector").change(function () {
        check_kids_ages($(this));
    });
    if ($("#booking").length) {
        $("#full_wrapper_booking .kidAgesSelect").selectric();
    }

    $("#widget_paraty .submit_button").click(function () {
        let destination = $(this).parent().parent().find(".destination").val();
        let form_action = $(this).closest(".paraty-booking-form").attr('action');
        if (destination == "" && form_action.indexOf("booking0") == -1) {
            $("#widget_paraty  .hotel_selector").addClass("active");
            return false;
        }
    });

    $(".custompromocode").click(function (e) {
        e.preventDefault();
        $("#widget_paraty input[name='promocode']").val("RESIDENTE");
        if($("#widget_paraty.zocos")){
          $(".custompromocode").addClass("active");
        };
    });

    let hotel_preselection = $("#widget_paraty").attr('data-hotel-preselection');
    if (hotel_preselection) {
        $("#widget_paraty .hotel_selector_option#" + hotel_preselection).click();
    }

};

bookingWidgetController.datepicker_configuration = function() {
    DP_extend_info.config.booking_version = '5';
    if ($(window).innerWidth() < 1280) {
        DP_extend_info.config.months_show = 12;
    } else {
        DP_extend_info.config.months_show = 2;
    }

    DP_extend_info.config.hotel_path_endpoint = bookingWidgetController.config.base_url;
    bookingWidgetController.separate_entry_departure_datepicker();
    DP_extend_info.config.custom_format_day_month = bookingWidgetController.custom_format_date;
    DP_extend_info.config.custom_sd_selection = function() {$(".datepicker_wrapper_element").scrollTop(0);}
};

function check_kids_ages(select_element){
   var parent_list = select_element.closest("li"),
       selected_value = select_element.val(),
       target_age_selector = parent_list.next(".full_ages_wrapper"),
       childs_elements = target_age_selector.find(".kid_age_element_wrapper"),
       target_childs_elements = childs_elements.slice(0, parseInt(selected_value));

   if (parseInt(selected_value)) {
      childs_elements.css('display', 'none');
      target_childs_elements.css('display', 'block');
      target_age_selector.slideDown(function () {
           $(this).css("overflow","inherit");
       });
   } else {
      childs_elements.css('display', 'none');
      target_age_selector.slideUp(function () {
           $(this).css("overflow","inherit");
       });
   }
}

function paraty_perform_search() {
    $(".paraty-booking-form .submit_button").trigger('click');
}

function hotel_selector_controller() {
    $("#widget_paraty .destination_field").click(function(){
        $("#widget_paraty .hotel_selector").toggleClass("active");
    });

    $("#widget_paraty .hotel_selector_option").click(function(){
        let hotel = $(this),
            hotel_name = hotel.text(),
            hotel_id = hotel.attr('id'),
            hotel_url = $('#url_booking_' + hotel_id).val(),
            hotel_namespace = $('#namespace_' + hotel_id).val(),
            hotel_selector = hotel.closest(".hotel_selector"),
            destination_wrapper = $("#widget_paraty .destination"),
            form_wrapper = hotel.closest(".booking_form");

        let applications_ids = hotel.attr('application_ids');
        if (applications_ids) {
            let applications_ids_input = form_wrapper.find("input[name='applicationIds']");
            if (!applications_ids_input.length){
                let input = $("<input type='hidden' name='applicationIds'>");
                form_wrapper.append(input);
                applications_ids_input = form_wrapper.find("input[name='applicationIds']");
            }

            applications_ids_input.val(applications_ids);
        }

        if(hotel_namespace && hotel_url) {
            form_wrapper.attr("action", hotel_url);
            form_wrapper.find("#namespace").val(hotel_namespace);
            destination_wrapper.val(hotel_name);
        }

        $("#widget_paraty .destination_wrapper .label").text(hotel_name);
        hotel_selector.removeClass("active");
    });
}

bookingWidgetController.init();