/* eslint-disable no-unused-vars */
// eslint-disable-next-line no-undef
var $ = jQuery.noConflict();

let UomoSections = {};
let UomoElements = {};

let UomoSelectors = {
    pageBackDropActiveClass: 'page-overlay_visible',
    quantityControl: '.qty-control',
    scrollToTopId: 'scrollTop',
    $pageBackDrop: document.querySelector('.page-overlay'),
    scrollWidth: window.innerWidth - document.body.clientWidth + 'px',
    jsContentVisible: '.js-content_visible',
    starRatingControl: '.star-rating .star-rating__star-icon',
}

// Utility functions
let UomoHelpers = {
    isMobile: false,
    sideStkEl: {},

    debounce: (callback, wait, immediate = false) => {
        let timeout = null;

        return function () {
            const callNow = immediate && !timeout;
            const next = () => callback.apply(this, arguments);

            clearTimeout(timeout);
            timeout = setTimeout(next, wait);

            if (callNow) {
                next();
            }
        }
    },

    showPageBackdrop: () => {
        UomoSelectors.$pageBackDrop && UomoSelectors.$pageBackDrop.classList.add(UomoSelectors.pageBackDropActiveClass);
        document.body.classList.add('overflow-hidden');
        document.body.style.paddingRight = UomoSelectors.scrollWidth;
        document.querySelectorAll('.header_sticky, .footer-mobile').forEach(element => {
            element.style.borderRight = UomoSelectors.scrollWidth + ' solid transparent';
        });
    },

    hidePageBackdrop: () => {
        UomoSelectors.$pageBackDrop && UomoSelectors.$pageBackDrop.classList.remove(UomoSelectors.pageBackDropActiveClass);
        document.body.classList.remove('overflow-hidden');
        document.body.style.paddingRight = '';
        document.querySelectorAll('.header_sticky, .footer-mobile').forEach(element => {
            element.style.borderRight = '';
        });
    },

    hideHoverComponents: () => {
        document.querySelectorAll(UomoSelectors.jsContentVisible).forEach(el => {
            el.classList.remove(UomoSelectors.jsContentVisible.substring(1));
        });
    },

    updateDeviceSize: () => {
        var mobileWidth = (screen.width < 992 || window.innerWidth < 992);
        var mobileOrientation = window.orientation !== undefined;

        return (mobileWidth || mobileOrientation);
    }
};



function pureFadeOut(e) {
    var o = document.getElementById(e);
    o.style.opacity = 1,
        function e() {
            (o.style.opacity -= .02) < 0 ? o.style.display = "none" : requestAnimationFrame(e)
        }()
}

(function () {
    'use strict';

    // Scroll bar width
    const scrollBarWidth = window.innerWidth - document.body.clientWidth

    // Components appear after click
    UomoElements.JsHoverContent = (function () {
        function JsHoverContent() {
            const visibleClass = UomoSelectors.jsContentVisible.substring(1);

            document.querySelectorAll('.js-hover__open').forEach(el => {
                el.addEventListener('click', (e) => {
                    e.preventDefault();

                    const $container = e.currentTarget.closest('.hover-container');
                    if ($container.classList.contains(visibleClass)) {
                        $container.classList.remove(visibleClass);
                        // e.stopPropagation();
                    } else {
                        UomoHelpers.hideHoverComponents();
                        $container.classList.add(visibleClass);
                    }
                });
            });

            document.addEventListener('click', (e) => {
                if (!e.target.closest(UomoSelectors.jsContentVisible)) {
                    UomoHelpers.hideHoverComponents();
                }
            });
        }


        return JsHoverContent;
    })();

    UomoElements.QtyControl = (function () {
        function QtyControl() {
            document.querySelectorAll(UomoSelectors.quantityControl).forEach(function ($qty) {
                if ($qty.classList.contains('qty-initialized')) {
                    return;
                }

                $qty.classList.add('qty-initialized');
                const $reduce = $qty.querySelector('.qty-control__reduce');
                const $increase = $qty.querySelector('.qty-control__increase');
                const $number = $qty.querySelector('.qty-control__number');

                $reduce.addEventListener('click', function () {
                    $number.value = parseInt($number.value) > 1 ? parseInt($number.value) - 1 : parseInt($number.value);
                });

                $increase.addEventListener('click', function () {
                    $number.value = parseInt($number.value) + 1;
                });
            });
        }

        return QtyControl;
    })();

    UomoElements.ScrollToTop = (function () {
        function ScrollToTop() {
            const $scrollTop = document.getElementById(UomoSelectors.scrollToTopId);

            if (!$scrollTop) {
                return;
            }

            $scrollTop.addEventListener('click', function (event) {
                event.preventDefault();
                event.stopPropagation();
                window.scrollTo(window.scrollX, 0);
            });

            let scrolled = false;
            window.addEventListener('scroll', function () {
                if (250 < window.scrollY && !scrolled) {
                    $scrollTop.classList.remove('visually-hidden');
                    scrolled = true;
                }

                if (250 > window.scrollY && scrolled) {
                    $scrollTop.classList.add('visually-hidden');
                    scrolled = false;
                }
            });
        }

        return ScrollToTop;
    })();

    UomoElements.Search = (function () {
        function Search() {
            // Declare variables
            this.selectors = {
                container: '.search-field',
                inputBox: '.search-field__input',
                searchSuggestItem: '.search-suggestion a.menu-link',
                searchFieldActor: '.search-field__actor',
                resetButton: '.search-popup__reset',
                searchCategorySelector: '.js-search-select',
                resultContainer: '.search-result',
                ajaxURL: '/search'
            }

            this.searchInputFocusedClass = 'search-field__focused';

            this.$containers = document.querySelectorAll(this.selectors.container);

            this._initSearchSelect();
            this._initSearchReset();
            this._initSearchInputFocus();
            this._initAjaxSearch();

            this._handleAjaxSearch = this._handleAjaxSearch.bind(this);
            this._updateSearchResult = this._updateSearchResult.bind(this);
        }

        Search.prototype = Object.assign({}, Search.prototype, {
            _initSearchSelect: function () {
                const _this = this;
                this.$containers.forEach(el => {

                    const $inputBox = el.querySelector(_this.selectors.inputBox);
                    $inputBox && $inputBox.addEventListener('keyup', (e) => {
                        const filterValue = e.currentTarget.value.toUpperCase();

                        el.querySelectorAll(_this.selectors.searchSuggestItem).forEach(el => {
                            const txtValue = el.innerText;


                            if (txtValue.toUpperCase().indexOf(filterValue) > -1) {
                                el.style.display = "";
                            } else {
                                el.style.display = "none";
                            }
                        });

                    });

                    /**
                     * Search category selector
                     */
                    el.querySelectorAll(_this.selectors.searchCategorySelector).forEach(scs => {
                        scs.addEventListener('click', function (e) {
                            e.preventDefault();
                            const $s_f_a = el.querySelector(_this.selectors.searchFieldActor);
                            if ($s_f_a) {
                                $s_f_a.value = e.target.innerText;
                            }
                        });
                    });
                })
            },

            _removeFormActiveClass($eventEl) {
                const $parentDiv = $eventEl.closest(this.selectors.container);
                $parentDiv.classList.remove(this.searchInputFocusedClass);
            },

            _initSearchReset: function () {
                const _this = this;
                document.querySelectorAll(this.selectors.resetButton).forEach(el => {
                    el.addEventListener('click', function (e) {
                        const $parentDiv = e.target.closest(_this.selectors.container);
                        const $inputBox = $parentDiv.querySelector(_this.selectors.inputBox);
                        const $rc = $parentDiv.querySelector(_this.selectors.resultContainer);

                        $inputBox.value = '';
                        $rc.innerHtml = '';
                        _this._removeFormActiveClass(e.target);
                    });
                })
            },

            _initSearchInputFocus: function () {
                const _this = this;

                document.querySelectorAll(this.selectors.inputBox).forEach(el => {
                    el.addEventListener('blur', function (e) {
                        if (e.target.value.length == 0) {
                            _this._removeFormActiveClass(e.target);
                        }
                    })
                });
            },

            _initAjaxSearch: function () {
                const _this = this;
                document.querySelectorAll(this.selectors.inputBox).forEach(el => {
                    el.addEventListener('keyup', (event) => {
                        if (event.target.value.length == 0) {
                            _this._removeFormActiveClass(event.target);
                        } else {
                            _this._handleAjaxSearch(event, _this);
                        }
                    });
                })
            },

            _handleAjaxSearch: UomoHelpers.debounce((event, _this) => {
                const $form = event.target.closest(_this.selectors.container);
                const method = $form ? $form.method : 'GET';
                var url = _this.selectors.ajaxURL;

                if (UomoHelpers.isMobile) {
                    url = url + "?pText=" + document.getElementById('SearchInputMobile').value;
                }
                else {
                    url = url + "?pText=" + document.getElementById('SearchInput').value;
                }


                var loadingStr = "";
                for (var i = 0; i < 8; i++) {
                    loadingStr = loadingStr + "<div class=\"spinner-grow spinner\" role=\"status\"></div>";
                }
                loadingStr = "<div class=\"text-center\">" + loadingStr+"</div>"
                $form.querySelector(_this.selectors.resultContainer).innerHTML = loadingStr;// "<div class=\"text-center\"><div class=\"spinner-grow\" role=\"status\"></div></div>";
                $form.classList.add(_this.searchInputFocusedClass);

                url && fetch(url, { method: method }).then(function (response) {
                    if (response.ok) {
                        return response.text();
                    } else {
                        return Promise.reject(response);
                    }
                }).then(function (data) {

                    _this._updateSearchResult(data, $form);
                }).catch(function (err) {

                    _this._handleAjaxSearchError(err.message, $form);
                });
            }, 180),

            _updateSearchResult: function (data, $form) {

                const $ajaxDom = new DOMParser().parseFromString(data, 'text/html');
                // Get filtered result dom
                const $f_r = $ajaxDom.querySelector('.search-result');
                $form.querySelector(this.selectors.resultContainer).innerHTML = $f_r.innerHTML;
                $form.classList.add(this.searchInputFocusedClass);
            },

            _handleAjaxSearchError: function (error, $form) {
                $form.classList.remove(this.searchInputFocusedClass);
                console.log(error);
            }
        });

        return Search
    })();



    UomoElements.Countdown = (function () {
        function Countdown(container) {
            this.selectors = {
                element: '.js-countdown'
            }

            this.$container = container || document.body;

            this._init()
        }

        Countdown.prototype = Object.assign({}, Countdown.prototype, {
            _init: function () {
                const _this = this;
                const $countdowns = this.$container.querySelectorAll(this.selectors.element);
                $countdowns.forEach(function ($el) {
                    _this._initElement($el);
                });
            },

            _initElement($el) {
                // eslint-disable-next-line no-undef
                const timer = new countdown({
                    target: $el
                });
            }
        });


        return Countdown;
    })();

    UomoElements.ShopViewChange = (function () {
        function ShopViewChange() {
            this.selectors = {
                element: '.js-cols-size',
                activeClass: 'btn-link_active'
            }

            this.$buttons = document.querySelectorAll(this.selectors.element);

            this._init();
        }

        ShopViewChange.prototype = Object.assign({}, ShopViewChange.prototype, {
            _init: function () {
                const _this = this;
                this.$buttons.forEach(function ($btn) {
                    $btn.addEventListener('click', function (event) {
                        event.preventDefault();
                        const targetDomId = $btn.dataset.target;
                        _this._resetActiveLinks();
                        this.classList.add(_this.selectors.activeClass);
                        const newCol = $btn.dataset.cols;
                        _this._changeViewCols(targetDomId, newCol);
                    });
                });
            },

            _changeViewCols(parentId, newCol) {
                const $targetDom = document.getElementById(parentId);
                if ($targetDom) {
                    $targetDom.classList.remove(
                        'row-cols-xl-2', 'row-cols-xl-3', 'row-cols-xl-4', 'row-cols-xl-5', 'row-cols-xl-6',
                        'row-cols-lg-2', 'row-cols-lg-3', 'row-cols-lg-4', 'row-cols-lg-5', 'row-cols-lg-6');
                    $targetDom.classList.add('row-cols-xl-' + newCol, 'row-cols-lg-' + newCol);
                }
            },

            _resetActiveLinks() {
                const _this = this;
                document.querySelectorAll(`${this.selectors.element}.${this.selectors.activeClass}`).forEach($el => {
                    $el.classList.remove(_this.selectors.activeClass);
                });
            }
        });

        return ShopViewChange;
    })();

    UomoElements.Filters = (function () {
        function Filters() {
            this.selectors = {
                element: '.js-filter',
                activeClass: 'swatch_active',
            }

            this.$buttons = document.querySelectorAll(this.selectors.element);

            this._init();
        }

        Filters.prototype = Object.assign({}, Filters.prototype, {
            _init: function () {
                const _this = this;
                this.$buttons.forEach(function ($btn) {
                    $btn.addEventListener('click', function (event) {
                        event.preventDefault();
                        _this._toggleActive($btn);
                    });
                });
            },

            _toggleActive($btn) {
                if ($btn.classList.contains(this.selectors.activeClass)) {
                    $btn.classList.remove(this.selectors.activeClass);
                } else {
                    $btn.classList.add(this.selectors.activeClass);
                }
            }
        });


        return Filters;
    })();

    UomoElements.StickyElement = (function () {
        function StickyElement() {
            this.selectors = {
                element: '.side-sticky'
            }

            this.$stickies = document.querySelectorAll(this.selectors.element);
            this._updateStatus = this._updateStatus.bind(this);
            this._init();
        }

        StickyElement.prototype = Object.assign({}, StickyElement.prototype, {
            _init: function () {
                if (UomoHelpers.isMobile) {
                    return;
                }

                this.$stickies.forEach(function ($sticky) {
                    const $grid = $sticky.previousElementSibling || $sticky.nextElementSibling;
                    const $target = $grid.offsetHeight > $sticky.offsetHeight ? $sticky : $grid;

                    $target.lastKnownY = window.scrollY;
                    if (!UomoHelpers.sideStkEl.currentTop) {
                        UomoHelpers.sideStkEl.currentTop = 0;
                    } else {
                        return;
                    }


                    UomoHelpers.sideStkEl.initialTopOffset = parseInt(window.getComputedStyle($target).top);
                });

                window.addEventListener('scroll', this._updateStatus);
            },

            _updateStatus() {
                const _this = this;

                _this.$stickies.forEach(function ($sticky) {
                    const $grid = $sticky.previousElementSibling || $sticky.nextElementSibling;
                    const $target = $grid.offsetHeight > $sticky.offsetHeight ? $sticky : $grid;

                    var bounds = $target.getBoundingClientRect(),
                        maxTop = bounds.top + window.scrollY - $target.offsetTop + UomoHelpers.sideStkEl.initialTopOffset,
                        minTop = $target.clientHeight - window.innerHeight + 30;

                    if (window.scrollY < $target.lastKnownY) {
                        UomoHelpers.sideStkEl.currentTop -= window.scrollY - $target.lastKnownY;
                    } else {
                        UomoHelpers.sideStkEl.currentTop += $target.lastKnownY - window.scrollY;
                    }


                    UomoHelpers.sideStkEl.currentTop = Math.min(Math.max(UomoHelpers.sideStkEl.currentTop, -minTop), maxTop, UomoHelpers.sideStkEl.initialTopOffset);
                    $target.lastKnownY = window.scrollY;

                    $target.style.top = UomoHelpers.sideStkEl.currentTop + 'px';
                });
            }
        });


        return StickyElement;
    })();

    // Header Section
    UomoSections.Header = (function () {
        function Header() {
            this.selectors = {
                header: '.header',
                mobileHeader: '.header-mobile',
                mobileMenuActivator: '.mobile-nav-activator',
                mobileMenu: '.navigation',
                mobileMenuActiveClass: 'mobile-menu-opened',
                mobileSubNavOpen: '.js-nav-right',
                mobileSubNavClose: '.js-nav-left',
                mobileSubNavHiddenClass: 'd-none',
                stickyHeader: '.header_sticky',
                stickyActiveClass: 'header_sticky-active',
            }

            // Set sticky active class from
            this.stickyMinPos = 25;
            this.stkHd = false;

            this._init = this._init.bind(this);
            this._stickyScrollHander = this._stickyScrollHander.bind(this);
            this._init();
            window.addEventListener('resize', this._init);
        }

        Header.prototype = Object.assign({}, Header.prototype, {
            _init: function () {
                const headerClass = UomoHelpers.isMobile ? this.selectors.mobileHeader : this.selectors.header;

                this.lastScrollTop = 0;
                this.$header = document.querySelector(headerClass);

                if (!this.$header) {
                    return;
                }

                if (!UomoHelpers.isMobile) {
                    this._initMenuPosition();
                } else {
                    this._initMobileMenu();
                }

                this._initStickyHeader();
            },

            _initMobileMenu: function () {
                const _this = this;
                const $mobileMenuActivator = this.$header.querySelector(this.selectors.mobileMenuActivator);
                const $mobileDropdown = this.$header.querySelector(this.selectors.mobileMenu);
                let transformLeft = 0;


                if ($mobileDropdown) {
                    $mobileMenuActivator && $mobileMenuActivator.addEventListener('click', function (event) {
                        event.preventDefault();
                        if (document.body.classList.contains(_this.selectors.mobileMenuActiveClass)) {
                            document.body.classList.remove(_this.selectors.mobileMenuActiveClass);
                            _this.$header.style.paddingRight = '';
                            $mobileDropdown.style.paddingRight = '';
                        } else {
                            document.body.classList.add(_this.selectors.mobileMenuActiveClass);
                            //_this.$header.style.paddingRight = UomoSelectors.scrollWidth;
                            //$mobileDropdown.style.paddingRight = UomoSelectors.scrollWidth;
                        }
                    });

                    const $mobileMenu = $mobileDropdown.querySelector('.navigation__list');
                    let menuMaxHeight = $mobileMenu.offsetHeight;
                    $mobileMenu && $mobileMenu.querySelectorAll(_this.selectors.mobileSubNavOpen).forEach($btn => {
                        $btn.addEventListener('click', function (event) {
                            event.preventDefault;
                            $btn.nextElementSibling.classList.remove(_this.selectors.mobileSubNavHiddenClass);

                            transformLeft -= 100;
                            if (menuMaxHeight < $btn.nextElementSibling.offsetHeight) {
                                $mobileMenu.style.transform = 'translateX(' + transformLeft.toString() + '%)';
                                $mobileMenu.style.minHeight = $btn.nextElementSibling.offsetHeight + 'px';
                            } else {
                                $mobileMenu.style.transform = 'translateX(' + transformLeft.toString() + '%)';
                                $mobileMenu.style.minHeight = menuMaxHeight + 'px';
                            }
                        });
                    });


                    $mobileMenu && $mobileMenu.querySelectorAll(_this.selectors.mobileSubNavClose).forEach($btn => {
                        $btn.addEventListener('click', function (event) {
                            event.preventDefault;
                            transformLeft += 100;
                            $mobileMenu.style.transform = 'translateX(' + transformLeft.toString() + '%)';
                            $btn.parentElement.classList.add(_this.selectors.mobileSubNavHiddenClass);
                            const $wrapper = $btn.closest('.sub-menu');
                            if ($wrapper) {
                                const minHeight = menuMaxHeight < $wrapper.offsetHeight ? $wrapper.offsetHeight : menuMaxHeight;
                                $mobileMenu.style.minHeight = minHeight + 'px';
                            }
                        });
                    });
                }
            },

            _initStickyHeader: function () {
                if (this.$header.classList.contains(this.selectors.stickyHeader)) {
                    return;
                }

                const _this = this;


                let headerHeight = this.$header.offsetHeight;
                /*
                      if (this.$header.classList.contains("header-transparent-bg")) {
                      headerHeight = 0;
            
                      if(document.querySelectorAll(".header-transparent-bg .header-top").length > 0) {
                        headerHeight = document.querySelector(".header-transparent-bg .header-top").offsetHeight;
                      }
                      }
                    */

                document.querySelector("main").style.paddingTop = headerHeight + 'px';

                _this.$header.classList.add('position-absolute');


                document.removeEventListener('scroll', this._stickyScrollHander);
                document.addEventListener('scroll', this._stickyScrollHander);
            },

            _initMenuPosition() {
                const _this = this;
                _this.$header.querySelectorAll('.box-menu').forEach(el => {
                    _this._setBoxMenuPosition(el)
                });

                _this.$header.querySelectorAll('.default-menu').forEach(el => {
                    _this._setDefaultMenuPosition(el)
                });
            },

            _setBoxMenuPosition(menu) {
                const limitR = window.innerWidth - menu.offsetWidth - scrollBarWidth;
                const limitL = 0;
                const menuPaddingLeft = parseInt(window.getComputedStyle(menu, null).getPropertyValue('padding-left'));
                const parentPaddingLeft = parseInt(window.getComputedStyle(menu.previousElementSibling, null).getPropertyValue('padding-left'));
                const centerPos = menu.previousElementSibling.offsetLeft - menuPaddingLeft + parentPaddingLeft;

                let menuPos = centerPos;
                if (centerPos < limitL) {
                    menuPos = limitL;
                } else if (centerPos > limitR) {
                    menuPos = limitR;
                }

                menu.style.left = `${menuPos}px`;
            },

            _setDefaultMenuPosition(menu) {
                const limitR = window.innerWidth - menu.offsetWidth - scrollBarWidth;
                const limitL = 0;
                const menuPaddingLeft = parseInt(window.getComputedStyle(menu, null).getPropertyValue('padding-left'));
                const parentPaddingLeft = parseInt(window.getComputedStyle(menu.previousElementSibling, null).getPropertyValue('padding-left'));
                const centerPos = menu.previousElementSibling.offsetLeft - menuPaddingLeft + parentPaddingLeft;

                let menuPos = centerPos;
                if (centerPos < limitL) {
                    menuPos = limitL;
                } else if (centerPos > limitR) {
                    menuPos = limitR;
                }

                menu.style.left = `${menuPos}px`;
            },

            _stickyScrollHander() {
                if (this.$header.classList.contains("sticky_disabled")) {
                    return;
                }
                const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;

                if (currentScrollTop > this.lastScrollTop || currentScrollTop < this.stickyMinPos) {
                    this.$header.classList.remove(this.selectors.stickyActiveClass);

                    this.$header.classList.add('position-absolute');

                } else if (currentScrollTop > this.stickyMinPos) {
                    this.$header.classList.add(this.selectors.stickyActiveClass);
                    this.$header.classList.remove('position-absolute');

                }

                this.lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop;
            }
        });


        return Header;
    })();

    // Footer Section
    UomoSections.Footer = (function () {
        function Footer() {
            this.selectors = {
                footer: '.footer-mobile'
            }
            this.$footer = document.querySelector(this.selectors.footer);

            this._init = this._init.bind(this);
            this._init();
            window.addEventListener('resize', this._init);
        }

        Footer.prototype = Object.assign({}, Footer.prototype, {
            _init: function () {
                if (!this.$footer || !UomoHelpers.isMobile) {
                    return;
                }

                setTimeout(() => {
                    this._initStickyFooter();
                }, 750);
            },

            _initStickyFooter: function () {
                const height = this.$footer.offsetHeight;

                document.body.style.paddingBottom = height + 'px';
                this.$footer.classList.add('position-fixed');
                setTimeout(() => {
                    this.$footer.classList.add('footer-mobile_initialized');
                }, 750);
            },
        });


        return Footer;
    })();



    UomoSections.SwiperSlideshow = (function () {
        function SwiperSlideshow() {
            this.selectors = {
                container: '.js-swiper-slider'
            }

            this.$containers = document.querySelectorAll(this.selectors.container);
            this._initSliders();
        }

        SwiperSlideshow.prototype = Object.assign({}, SwiperSlideshow.prototype, {
            _initSliders() {
                this.$containers.forEach(function ($sliderContainer) {
                    if ($sliderContainer.classList.contains('swiper-container-initialized')) {
                        return;
                    }

                    let settings = {
                        autoplay: 0,
                        slidesPerView: 1,
                        loop: true,
                        navigation: {
                            nextEl: ".pc__img-next",
                            prevEl: ".pc__img-prev"
                        }
                    };

                    if ($sliderContainer.classList.contains('swiper-number-pagination')) {
                        settings = Object.assign(settings, {
                            pagination: {
                                "el": ".slideshow-pagination",
                                "type": "bullets",
                                "clickable": true,
                                renderBullet: function (index, className) {
                                    return '<span class="' + className + '">' + (index + 1).toString().padStart(2, '0') + '</span>';
                                }
                            }
                        });
                    }

                    if ($sliderContainer.dataset.settings) {
                        settings = Object.assign(settings, JSON.parse($sliderContainer.dataset.settings));
                    }

                    if ($sliderContainer.querySelectorAll('.swiper-slide').length > 1) {
                        // eslint-disable-next-line no-undef
                        new Swiper($sliderContainer, settings);
                    } else {
                        $sliderContainer.classList.add('swiper-container-initialized');
                        const $active_slide = $sliderContainer.querySelector('.swiper-slide');
                        $active_slide && $active_slide.classList.add('swiper-slide-active');
                    }
                });
            }
        });

        return SwiperSlideshow;
    })();

    UomoSections.hotelSingleMedia = (function () {
        function hotelSingleMedia() {
            this.selectors = {
                container: '.hotel-single__media'
            }

            this.$containers = $(this.selectors.container);
            this._inithotelMedia();
        }

        function setSlideHeight(that) {
            $('.hotel-single__thumbnail .swiper-slide').css({ height: 'auto' });
            var currentSlide = that.activeIndex;
            var newHeight = $(that.slides[currentSlide]).height();

            $('.hotel-single__thumbnail .swiper-wrapper, .hotel-single__thumbnail .swiper-slide').css({ height: newHeight })
            that.update();
        }

        hotelSingleMedia.prototype = Object.assign({}, hotelSingleMedia.prototype, {
            _inithotelMedia() {
                this.$containers.each(function () {
                    if ($(this).hasClass('hotel-media-initialized')) {
                        return;
                    }

                    let media_type = $(this).data('media-type');

                    $(this).addClass(media_type);

                    if (media_type == 'vertical-thumbnail') {
                        var galleryThumbs = new Swiper(".hotel-single__thumbnail .swiper-container", {
                            direction: 'vertical',
                            slidesPerView: 6,
                            spaceBetween: 0,
                            freeMode: true,
                            breakpoints: {
                                0: {
                                    direction: 'horizontal',
                                    slidesPerView: 4,
                                },
                                992: {
                                    direction: 'vertical',
                                }
                            },
                            on: {
                                init: function () {
                                    setSlideHeight(this);
                                },
                                slideChangeTransitionEnd: function () {
                                    setSlideHeight(this);
                                }
                            }
                        });
                        var galleryMain = new Swiper(".hotel-single__image .swiper-container", {
                            direction: 'horizontal',
                            slidesPerView: 1,
                            spaceBetween: 32,
                            mousewheel: false,
                            navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev'
                            },
                            grabCursor: true,
                            thumbs: {
                                swiper: galleryThumbs
                            },
                            on: {
                                slideChangeTransitionStart: function () {
                                    galleryThumbs.slideTo(galleryMain.activeIndex);
                                }
                            }
                        });
                    } else if (media_type == 'vertical-dot') {
                        var galleryMain = new Swiper(".hotel-single__image .swiper-container", {
                            direction: 'horizontal',
                            slidesPerView: 1,
                            spaceBetween: 32,
                            mousewheel: false,
                            grabCursor: true,
                            pagination: {
                                el: ".hotel-single__image .swiper-pagination",
                                type: "bullets",
                                clickable: true
                            },
                        });
                    } else if (media_type == 'scroll-snap') {
                        // $("html").addClass("snap");

                        // window.addEventListener('scroll', function() {
                        //   if ( $(".hotel-single__media").height() - $(window).height() < window.scrollY ) {
                        //     $("html").removeClass("snap");
                        //   } else {
                        //     $("html").addClass("snap");
                        //   }
                        // });
                    } else if (media_type == 'horizontal-thumbnail') {
                        var galleryThumbs = new Swiper(".hotel-single__thumbnail .swiper-container", {
                            direction: 'horizontal',
                            slidesPerView: 6,
                            spaceBetween: 0,
                            freeMode: true,
                            breakpoints: {
                                0: {
                                    slidesPerView: 4,
                                },
                                992: {
                                    slidesPerView: 7,
                                }
                            }
                        });
                        var galleryMain = new Swiper(".hotel-single__image .swiper-container", {
                            direction: 'horizontal',
                            slidesPerView: 1,
                            spaceBetween: 32,
                            mousewheel: false,
                            navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev'
                            },
                            grabCursor: true,
                            thumbs: {
                                swiper: galleryThumbs
                            },
                            on: {
                                slideChangeTransitionStart: function () {
                                    galleryThumbs.slideTo(galleryMain.activeIndex);
                                }
                            }
                        });
                    }

                    $(this).addClass('hotel-media-initialized');
                });
            }
        });

        return hotelSingleMedia;
    })();

    UomoElements.StarRating = (function () {
        function StarRating() {
            let stars = Array.from(document.querySelectorAll(UomoSelectors.starRatingControl));
            let user_selected_star = document.querySelector('#form-input-rating');

            stars.forEach(star => {
                // Mouseover event
                star.addEventListener('mouseover', (e) => {
                    stars.forEach((item, current_index) => {
                        if (current_index <= stars.indexOf(e.target)) {
                            item.classList.add('is-overed');
                        } else {
                            item.classList.remove('is-overed');
                        }
                    })
                })

                // Mouseover event
                star.addEventListener('mouseleave', (e) => {
                    stars.forEach((item) => {
                        item.classList.remove('is-overed');
                    })
                })

                // Click event
                star.addEventListener('click', (e) => {
                    const selected_index = stars.indexOf(e.target);
                    user_selected_star.value = selected_index + 1;
                    stars.forEach((item, current_index) => {
                        if (current_index <= stars.indexOf(e.target)) {
                            item.classList.add('is-selected');
                        } else {
                            item.classList.remove('is-selected');
                        }
                    })
                })
            })
        }

        return StarRating;
    })();

    class Uomo {
        constructor() {
            this.initAccessories();
            this.initMultiSelect();
            this.initBsTooltips();
            this.initRangeSlider();

            new UomoElements.JsHoverContent();
            new UomoElements.Search();

            new UomoElements.QtyControl();
            new UomoElements.ScrollToTop();
            new UomoElements.Countdown();
            new UomoElements.ShopViewChange();
            new UomoElements.Filters();
            new UomoElements.StickyElement();
            new UomoElements.StarRating();

            new UomoSections.Header();
            new UomoSections.Footer();
            new UomoSections.SwiperSlideshow();
            new UomoSections.hotelSingleMedia();
        }



        initAccessories() {
            // Check if device is mobile on resize
            window.addEventListener('resize', function () {
                UomoHelpers.isMobile = UomoHelpers.updateDeviceSize();
            });
        }

        initMultiSelect() {
            // Declare variables
            const $containers = document.querySelectorAll('.multi-select');

            this._initMultiSelect($containers);
        }

        _initMultiSelect($containers) {
            $containers.forEach(el => {
                const $component = el;
                const $list = el.querySelector('.multi-select__list');
                const $select = $component.querySelector('select');
                const $actor = $component.querySelector('.multi-select__actor');

                /**
                 * Change hero value when selecting item
                 */
                const $selectArray = $component.querySelectorAll('.js-multi-select');
                $selectArray.forEach(el => {
                    el.addEventListener('click', function (e) {
                        e.preventDefault();

                        const optionIndex = (Array.prototype.indexOf.call($list.children, e.currentTarget)).toString();
                        const selectedOption = $select.options[optionIndex];

                        if (selectedOption && !selectedOption.selected) {
                            e.currentTarget.classList.add('mult-select__item_selected');
                            selectedOption.selected = true;
                        } else {
                            e.currentTarget.classList.remove('mult-select__item_selected');
                            selectedOption.selected = false;
                        }

                        if ($actor && !$actor.classList.contains('js-no-update')) {
                            let content = $actor.dataset.placeholder;
                            if ($select.selectedIndex > -1) {
                                content = '';
                                for (let i = 0; i < $select.selectedOptions.length; i++) {
                                    const $option = $select.selectedOptions[i];
                                    content = content + $option.innerText;
                                    if (i < $select.selectedOptions.length - 1) {
                                        content = content + ', ';
                                    }
                                }
                            }

                            $actor.innerText = content;
                        }
                    });
                });
            });
        }

        initBsTooltips() {
            const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            tooltipTriggerList.map(function (tooltipTriggerEl) {
                // eslint-disable-next-line no-undef
                return new bootstrap.Tooltip(tooltipTriggerEl)
            });
        }

        initRangeSlider() {
            const selectors = {
                elementClass: '.price-range-slider',
                minElement: '.price-range__min',
                maxElement: '.price-range__max'
            }

            document.querySelectorAll(selectors.elementClass).forEach($se => {
                // $se = sliderElement
                const currency = $se.dataset.currency;

                if ($se) {
                    // eslint-disable-next-line no-undef
                    const priceRange = new Slider($se, {
                        tooltip_split: true,
                        formatter: function (value) {
                            return currency + value;
                        },
                    });

                    priceRange.on('slideStop', (value) => {
                        const $minEl = $se.parentElement.querySelector(selectors.minElement);
                        const $maxEl = $se.parentElement.querySelector(selectors.maxElement);
                        $minEl.innerText = currency + value[0];
                        $maxEl.innerText = currency + value[1];
                    });
                }
            });
        }
    }

    document.addEventListener("DOMContentLoaded", function () {
        // Init theme
        UomoHelpers.isMobile = UomoHelpers.updateDeviceSize();
        new Uomo();
    });

    $('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) {
        var paneTarget = $(e.target).attr('href');
        var $thePane = $('.tab-pane' + paneTarget);
        if ($thePane.find('.swiper-container').length > 0 && 0 === $thePane.find('.swiper-slide-active').length) {
            document.querySelectorAll('.tab-pane' + paneTarget + ' .swiper-container').forEach(function (item) {
                item.swiper.update();
                item.swiper.lazy.load();
            });
        }
    });

    $('#quickView.modal').on('shown.bs.modal', function (e) {
        var paneTarget = "#quickView";
        var $thePane = $('.modal' + paneTarget);
        if ($thePane.find('.swiper-container').length > 0 && 0 === $thePane.find('.swiper-slide-active').length) {
            document.querySelectorAll('.modal' + paneTarget + ' .swiper-container').forEach(function (item) {
                item.swiper.update();
                item.swiper.lazy.load();
            });
        }
    });

    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
        return new bootstrap.Popover(popoverTriggerEl, { 'html': true })
    });


    if ($('[data-fancybox="gallery"]').length > 0) {
        $('[data-fancybox="gallery"]').fancybox({
            backFocus: false
        });
    }

    $(window).off("scroll").on("scroll", function () {
        if ($(".mobile_fixed-btn_wrapper").length > 0) {
            if ($(this).width() < 992 && $(this).width() >= 768) {
                if ($(this).scrollTop() + $(this).height() - 76 <= $(".mobile_fixed-btn_wrapper").offset().top && $(this).scrollTop() > $(this).height()) {
                    $(".mobile_fixed-btn_wrapper > .button-wrapper").addClass("fixed-btn");
                } else {
                    $(".mobile_fixed-btn_wrapper > .button-wrapper").removeClass("fixed-btn");
                }
            } else if ($(this).width() < 768) {
                if ($(this).scrollTop() + $(this).height() - 124 <= $(".mobile_fixed-btn_wrapper").offset().top && $(this).scrollTop() > $(this).height()) {
                    $(".mobile_fixed-btn_wrapper > .button-wrapper").addClass("fixed-btn");
                } else {
                    $(".mobile_fixed-btn_wrapper > .button-wrapper").removeClass("fixed-btn");
                }
            } else {
                $(".mobile_fixed-btn_wrapper > .button-wrapper").removeClass("fixed-btn");
            }
        }
    });

    window.onload = () => {
        if ($("#newsletterPopup").length > 0)
            $("#newsletterPopup").modal("show");

        $('.btn-video-player').each(function () {
            $(this).off("click").on("click", function () {
                if ($(this).hasClass("playing")) {
                    $(this).removeClass("playing");
                    $($(this).data("video")).get(0).pause();
                } else {
                    $(this).addClass("playing");
                    $($(this).data("video")).get(0).play();
                }
            });

            const btn_player = $(this);

            $($(this).data("video")).off("ended").on("ended", function () {
                $(btn_player).removeClass("playing");
                this.currentTime = 0;
            });
        });
    }
})($);

(function () {
    'use strict'

    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.querySelectorAll('.needs-validation')

    // Loop over them and prevent submission
    Array.prototype.slice.call(forms)
        .forEach(function (form) {
            form.addEventListener('submit', function (event) {
                if (!form.checkValidity()) {
                    event.preventDefault();
                    event.stopPropagation();
                }

                form.querySelectorAll("input[data-cf-pwd]").forEach(function (el) {
                    if (form.querySelector(el.getAttribute("data-cf-pwd")).value != el.value) {
                        event.preventDefault();
                        event.stopPropagation();
                    }
                });

                form.classList.add('was-validated')
            }, false);

            form.querySelectorAll("input[data-cf-pwd]").forEach(function (el) {
                el.addEventListener('keyup', function (event) {
                    if (!el.value || form.querySelector(el.getAttribute("data-cf-pwd")).value != el.value) {
                        el.classList.add("is-invalid");
                        el.classList.remove("is-valid");
                        el.setCustomValidity("Invalid field.");
                    } else {
                        el.classList.remove("is-invalid");
                        el.classList.add("is-valid");
                        el.setCustomValidity("");
                    }
                });
                form.querySelector(el.getAttribute("data-cf-pwd")).addEventListener('keyup', function (event) {
                    if (!el.value || form.querySelector(el.getAttribute("data-cf-pwd")).value != el.value) {
                        el.classList.add("is-invalid");
                        el.classList.remove("is-valid");
                        el.setCustomValidity("Invalid field.");
                    } else {
                        el.classList.remove("is-invalid");
                        el.classList.add("is-valid");
                        el.setCustomValidity("");
                    }
                });
            });
        });
})();

window.addEventListener('load', () => {
    try {
        let url = window.location.href.split('#').pop();
        document.querySelector('#' + url).click();
    } catch {

    }
});