/*global wc_add_to_cart_variation_params */
;(function ( $, window, document, undefined ) {
    /**
     * VariationForm class which handles variation forms and attributes.
     */
    var VariationForm = function( $form ) {
        this.$form                = $form;
        this.$attributeFields     = $form.find( '.variations select' );
        this.$singleVariation     = $form.find( '.single_variation' );
        this.$singleVariationWrap = $form.find( '.single_variation_wrap' );
        this.$resetVariations     = $form.find( '.reset_variations' );
        this.$product             = $form.closest( '.product' );
        this.variationData        = $form.data( 'product_variations' );
        this.useAjax              = false === this.variationData;
        this.xhr                  = false;

        // Initial state.
        this.$singleVariationWrap.show();
        this.$form.off( '.wc-variation-form' );

        // Methods.
        this.getChosenAttributes    = this.getChosenAttributes.bind( this );
        this.findMatchingVariations = this.findMatchingVariations.bind( this );
        this.isMatch                = this.isMatch.bind( this );
        this.toggleResetLink        = this.toggleResetLink.bind( this );

        // Events.
        $form.on( 'click.wc-variation-form', '.reset_variations', { variationForm: this }, this.onReset );
        $form.on( 'reload_product_variations', { variationForm: this }, this.onReload );
        $form.on( 'hide_variation', { variationForm: this }, this.onHide );
        $form.on( 'show_variation', { variationForm: this }, this.onShow );
        $form.on( 'click', '.single_add_to_cart_button', { variationForm: this }, this.onAddToCart );
        $form.on( 'reset_data', { variationForm: this }, this.onResetDisplayedVariation );
        $form.on( 'reset_image', { variationForm: this }, this.onResetImage );
        $form.on( 'change.wc-variation-form', '.variations select', { variationForm: this }, this.onChange );
        $form.on( 'found_variation.wc-variation-form', { variationForm: this }, this.onFoundVariation );
        $form.on( 'check_variations.wc-variation-form', { variationForm: this }, this.onFindVariation );
        $form.on( 'update_variation_values.wc-variation-form', { variationForm: this }, this.onUpdateAttributes );

        // Init after gallery.
        setTimeout( function() {
            $form.trigger( 'check_variations' );
            $form.trigger( 'wc_variation_form' );
        }, 100 );
    };

    /**
     * Reset all fields.
     */
    VariationForm.prototype.onReset = function( event ) {
        event.preventDefault();
        event.data.variationForm.$attributeFields.val( '' ).change();
        event.data.variationForm.$form.trigger( 'reset_data' );
    };

    /**
     * Reload variation data from the DOM.
     */
    VariationForm.prototype.onReload = function( event ) {
        var form           = event.data.variationForm;
        form.variationData = form.$form.data( 'product_variations' );
        form.useAjax       = false === form.variationData;
        form.$form.trigger( 'check_variations' );
    };

    /**
     * When a variation is hidden.
     */
    VariationForm.prototype.onHide = function( event ) {
        event.preventDefault();
        event.data.variationForm.$form.find( '.single_add_to_cart_button' ).removeClass( 'wc-variation-is-unavailable' ).addClass( 'disabled wc-variation-selection-needed' );
        event.data.variationForm.$form.find( '.woocommerce-variation-add-to-cart' ).removeClass( 'woocommerce-variation-add-to-cart-enabled' ).addClass( 'woocommerce-variation-add-to-cart-disabled' );
    };

    /**
     * When a variation is shown.
     */
    VariationForm.prototype.onShow = function( event, variation, purchasable ) {
        event.preventDefault();
        if ( purchasable ) {
            event.data.variationForm.$form.find( '.single_add_to_cart_button' ).removeClass( 'disabled wc-variation-selection-needed wc-variation-is-unavailable' );
            event.data.variationForm.$form.find( '.woocommerce-variation-add-to-cart' ).removeClass( 'woocommerce-variation-add-to-cart-disabled' ).addClass( 'woocommerce-variation-add-to-cart-enabled' );
        } else {
            event.data.variationForm.$form.find( '.single_add_to_cart_button' ).removeClass( 'wc-variation-selection-needed' ).addClass( 'disabled wc-variation-is-unavailable' );
            event.data.variationForm.$form.find( '.woocommerce-variation-add-to-cart' ).removeClass( 'woocommerce-variation-add-to-cart-enabled' ).addClass( 'woocommerce-variation-add-to-cart-disabled' );
        }
    };

    /**
     * When the cart button is pressed.
     */
    VariationForm.prototype.onAddToCart = function( event ) {
        if ( $( this ).is('.disabled') ) {
            event.preventDefault();

            if ( $( this ).is('.wc-variation-is-unavailable') ) {
                window.alert( wc_add_to_cart_variation_params.i18n_unavailable_text );
            } else if ( $( this ).is('.wc-variation-selection-needed') ) {
                window.alert( wc_add_to_cart_variation_params.i18n_make_a_selection_text );
            }
        }
    };

    /**
     * When displayed variation data is reset.
     */
    VariationForm.prototype.onResetDisplayedVariation = function( event ) {
        var form = event.data.variationForm;
        form.$product.find( '.product_meta' ).find( '.sku' ).wc_reset_content();
        form.$product.find( '.product_weight' ).wc_reset_content();
        form.$product.find( '.product_dimensions' ).wc_reset_content();
        form.$form.trigger( 'reset_image' );
        form.$singleVariation.slideUp( 200 ).trigger( 'hide_variation' );
    };

    /**
     * When the product image is reset.
     */
    VariationForm.prototype.onResetImage = function( event ) {
        event.data.variationForm.$form.wc_variations_image_update( false );
    };

    /**
     * Looks for matching variations for current selected attributes.
     */
    VariationForm.prototype.onFindVariation = function( event ) {
        var form              = event.data.variationForm,
            attributes        = form.getChosenAttributes(),
            currentAttributes = attributes.data;

        if ( attributes.count === attributes.chosenCount ) {
            if ( form.useAjax ) {
                if ( form.xhr ) {
                    form.xhr.abort();
                }
                form.$form.block( { message: null, overlayCSS: { background: '#fff', opacity: 0.6 } } );
                currentAttributes.product_id  = parseInt( form.$form.data( 'product_id' ), 10 );
                currentAttributes.custom_data = form.$form.data( 'custom_data' );
                form.xhr                      = $.ajax( {
                    url: wc_add_to_cart_variation_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'get_variation' ),
                    type: 'POST',
                    data: currentAttributes,
                    success: function( variation ) {
                        if ( variation ) {
                            form.$form.trigger( 'found_variation', [ variation ] );
                        } else {
                            form.$form.trigger( 'reset_data' );
                            form.$form.find( '.single_variation' ).after( '<p class="wc-no-matching-variations woocommerce-info">' + wc_add_to_cart_variation_params.i18n_no_matching_variations_text + '</p>' );
                            form.$form.find( '.wc-no-matching-variations' ).slideDown( 200 );
                        }
                    },
                    complete: function() {
                        form.$form.unblock();
                    }
                } );
            } else {
                form.$form.trigger( 'update_variation_values' );

                var matching_variations = form.findMatchingVariations( form.variationData, currentAttributes ),
                    variation           = matching_variations.shift();

                if ( variation ) {
                    form.$form.trigger( 'found_variation', [ variation ] );
                } else {
                    form.$form.trigger( 'reset_data' );
                    form.$form.find( '.single_variation' ).after( '<p class="wc-no-matching-variations woocommerce-info">' + wc_add_to_cart_variation_params.i18n_no_matching_variations_text + '</p>' );
                    form.$form.find( '.wc-no-matching-variations' ).slideDown( 200 );
                }
            }
        } else {
            form.$form.trigger( 'update_variation_values' );
            form.$form.trigger( 'reset_data' );
        }

        // Show reset link.
        form.toggleResetLink( attributes.chosenCount > 0 );
    };

    /**
     * Triggered when a variation has been found which matches all attributes.
     */
    VariationForm.prototype.onFoundVariation = function( event, variation ) {
        var form           = event.data.variationForm,
            $sku           = form.$product.find( '.product_meta' ).find( '.sku' ),
            $weight        = form.$product.find( '.product_weight' ),
            $dimensions    = form.$product.find( '.product_dimensions' ),
            $qty           = form.$singleVariationWrap.find( '.quantity' ),
            purchasable    = true,
            variation_id   = '',
            template       = false,
            $template_html = '';

        if ( variation.sku ) {
            $sku.wc_set_content( variation.sku );
        } else {
            $sku.wc_reset_content();
        }

        if ( variation.weight ) {
            $weight.wc_set_content( variation.weight_html );
        } else {
            $weight.wc_reset_content();
        }

        if ( variation.dimensions ) {
            $dimensions.wc_set_content( variation.dimensions_html );
        } else {
            $dimensions.wc_reset_content();
        }

        form.$form.wc_variations_image_update( variation );

        if ( ! variation.variation_is_visible ) {
            template = wp_template( 'unavailable-variation-template' );
        } else {
            template     = wp_template( 'variation-template' );
            variation_id = variation.variation_id;
        }

        $template_html = template( {
            variation: variation
        } );
        $template_html = $template_html.replace( '/*<![CDATA[*/', '' );
        $template_html = $template_html.replace( '/*]]>*/', '' );

        form.$singleVariation.html( $template_html );
        form.$form.find( 'input[name="variation_id"], input.variation_id' ).val( variation.variation_id ).change();

        // Hide or show qty input
        if ( variation.is_sold_individually === 'yes' ) {
            $qty.find( 'input.qty' ).val( '1' ).attr( 'min', '1' ).attr( 'max', '' );
            $qty.hide();
        } else {
            $qty.find( 'input.qty' ).attr( 'min', variation.min_qty ).attr( 'max', variation.max_qty );
            $qty.show();
        }

        // Enable or disable the add to cart button
        if ( ! variation.is_purchasable || ! variation.is_in_stock || ! variation.variation_is_visible ) {
            purchasable = false;
        }

        // Reveal
        if ( $.trim( form.$singleVariation.text() ) ) {
            form.$singleVariation.slideDown( 200 ).trigger( 'show_variation', [ variation, purchasable ] );
        } else {
            form.$singleVariation.show().trigger( 'show_variation', [ variation, purchasable ] );
        }
    };

    /**
     * Triggered when an attribute field changes.
     */
    VariationForm.prototype.onChange = function( event ) {
        var form = event.data.variationForm;

        form.$form.find( 'input[name="variation_id"], input.variation_id' ).val( '' ).change();
        form.$form.find( '.wc-no-matching-variations' ).remove();

        if ( form.useAjax ) {
            form.$form.trigger( 'check_variations' );
        } else {
            form.$form.trigger( 'woocommerce_variation_select_change' );
            form.$form.trigger( 'check_variations' );
            $( this ).blur();
        }

        // Custom event for when variation selection has been changed
        form.$form.trigger( 'woocommerce_variation_has_changed' );
    };

    /**
     * Escape quotes in a string.
     * @param {string} string
     * @return {string}
     */
    VariationForm.prototype.addSlashes = function( string ) {
        string = string.replace( /'/g, '\\\'' );
        string = string.replace( /"/g, '\\\"' );
        return string;
    };

    /**
     * Updates attributes in the DOM to show valid values.
     */
    VariationForm.prototype.onUpdateAttributes = function( event ) {
        var form              = event.data.variationForm,
            attributes        = form.getChosenAttributes(),
            currentAttributes = attributes.data;

        if ( form.useAjax ) {
            return;
        }

        // Loop through selects and disable/enable options based on selections.
        form.$attributeFields.each( function( index, el ) {
            var current_attr_select     = $( el ),
                current_attr_name       = current_attr_select.data( 'attribute_name' ) || current_attr_select.attr( 'name' ),
                show_option_none        = $( el ).data( 'show_option_none' ),
                option_gt_filter        = ':gt(0)',
                attached_options_count  = 0,
                new_attr_select         = $( '<select/>' ),
                selected_attr_val       = current_attr_select.val() || '',
                selected_attr_val_valid = true;

            // Reference options set at first.
            if ( ! current_attr_select.data( 'attribute_html' ) ) {
                var refSelect = current_attr_select.clone();

                refSelect.find( 'option' ).removeAttr( 'disabled attached' ).removeAttr( 'selected' );

                current_attr_select.data( 'attribute_options', refSelect.find( 'option' + option_gt_filter ).get() ); // Legacy data attribute.
                current_attr_select.data( 'attribute_html', refSelect.html() );
            }

            new_attr_select.html( current_attr_select.data( 'attribute_html' ) );

            // The attribute of this select field should not be taken into account when calculating its matching variations:
            // The constraints of this attribute are shaped by the values of the other attributes.
            var checkAttributes = $.extend( true, {}, currentAttributes );

            checkAttributes[ current_attr_name ] = '';

            var variations = form.findMatchingVariations( form.variationData, checkAttributes );

            // Loop through variations.
            for ( var num in variations ) {
                if ( typeof( variations[ num ] ) !== 'undefined' ) {
                    var variationAttributes = variations[ num ].attributes;

                    for ( var attr_name in variationAttributes ) {
                        if ( variationAttributes.hasOwnProperty( attr_name ) ) {
                            var attr_val         = variationAttributes[ attr_name ],
                                variation_active = '';

                            if ( attr_name === current_attr_name ) {
                                if ( variations[ num ].variation_is_active ) {
                                    variation_active = 'enabled';
                                }

                                if ( attr_val ) {
                                    // Decode entities and add slashes.
                                    attr_val = $( '<div/>' ).html( attr_val ).text();

                                    // Attach.
                                    new_attr_select.find( 'option[value="' + form.addSlashes( attr_val ) + '"]' ).addClass( 'attached ' + variation_active );
                                } else {
                                    // Attach all apart from placeholder.
                                    new_attr_select.find( 'option:gt(0)' ).addClass( 'attached ' + variation_active );
                                }
                            }
                        }
                    }
                }
            }

            // Count available options.
            attached_options_count = new_attr_select.find( 'option.attached' ).length;

            // Check if current selection is in attached options.
            if ( selected_attr_val && ( attached_options_count === 0 || new_attr_select.find( 'option.attached.enabled[value="' + form.addSlashes( selected_attr_val ) + '"]' ).length === 0 ) ) {
                selected_attr_val_valid = false;
            }

            // Detach the placeholder if:
            // - Valid options exist.
            // - The current selection is non-empty.
            // - The current selection is valid.
            // - Placeholders are not set to be permanently visible.
            if ( attached_options_count > 0 && selected_attr_val && selected_attr_val_valid && ( 'no' === show_option_none ) ) {
                new_attr_select.find( 'option:first' ).remove();
                option_gt_filter = '';
            }

            // Detach unattached.
            new_attr_select.find( 'option' + option_gt_filter + ':not(.attached)' ).remove();

            // Finally, copy to DOM and set value.
            current_attr_select.html( new_attr_select.html() );
            current_attr_select.find( 'option' + option_gt_filter + ':not(.enabled)' ).prop( 'disabled', true );

            // Choose selected value.
            if ( selected_attr_val ) {
                // If the previously selected value is no longer available, fall back to the placeholder (it's going to be there).
                if ( selected_attr_val_valid ) {
                    current_attr_select.val( selected_attr_val );
                } else {
                    current_attr_select.val( '' ).change();
                }
            } else {
                current_attr_select.val( '' ); // No change event to prevent infinite loop.
            }
        });

        // Custom event for when variations have been updated.
        form.$form.trigger( 'woocommerce_update_variation_values' );
    };

    /**
     * Get chosen attributes from form.
     * @return array
     */
    VariationForm.prototype.getChosenAttributes = function() {
        var data   = {};
        var count  = 0;
        var chosen = 0;

        this.$attributeFields.each( function() {
            var attribute_name = $( this ).data( 'attribute_name' ) || $( this ).attr( 'name' );
            var value          = $( this ).val() || '';

            if ( value.length > 0 ) {
                chosen ++;
            }

            count ++;
            data[ attribute_name ] = value;
        });

        return {
            'count'      : count,
            'chosenCount': chosen,
            'data'       : data
        };
    };

    /**
     * Find matching variations for attributes.
     */
    VariationForm.prototype.findMatchingVariations = function( variations, attributes ) {
        var matching = [];
        for ( var i = 0; i < variations.length; i++ ) {
            var variation = variations[i];

            if ( this.isMatch( variation.attributes, attributes ) ) {
                matching.push( variation );
            }
        }
        return matching;
    };

    /**
     * See if attributes match.
     * @return {Boolean}
     */
    VariationForm.prototype.isMatch = function( variation_attributes, attributes ) {
        var match = true;
        for ( var attr_name in variation_attributes ) {
            if ( variation_attributes.hasOwnProperty( attr_name ) ) {
                var val1 = variation_attributes[ attr_name ];
                var val2 = attributes[ attr_name ];
                if ( val1 !== undefined && val2 !== undefined && val1.length !== 0 && val2.length !== 0 && val1 !== val2 ) {
                    match = false;
                }
            }
        }
        return match;
    };

    /**
     * Show or hide the reset link.
     */
    VariationForm.prototype.toggleResetLink = function( on ) {
        if ( on ) {
            if ( this.$resetVariations.css( 'visibility' ) === 'hidden' ) {
                this.$resetVariations.css( 'visibility', 'visible' ).hide().fadeIn();
            }
        } else {
            this.$resetVariations.css( 'visibility', 'hidden' );
        }
    };

    /**
     * Function to call wc_variation_form on jquery selector.
     */
    $.fn.wc_variation_form = function() {
        new VariationForm( this );
        return this;
    };

    /**
     * Stores the default text for an element so it can be reset later
     */
    $.fn.wc_set_content = function( content ) {
        if ( undefined === this.attr( 'data-o_content' ) ) {
            this.attr( 'data-o_content', this.text() );
        }
        this.text( content );
    };

    /**
     * Stores the default text for an element so it can be reset later
     */
    $.fn.wc_reset_content = function() {
        if ( undefined !== this.attr( 'data-o_content' ) ) {
            this.text( this.attr( 'data-o_content' ) );
        }
    };

    /**
     * Stores a default attribute for an element so it can be reset later
     */
    $.fn.wc_set_variation_attr = function( attr, value ) {
        if ( undefined === this.attr( 'data-o_' + attr ) ) {
            this.attr( 'data-o_' + attr, ( ! this.attr( attr ) ) ? '' : this.attr( attr ) );
        }
        if ( false === value ) {
            this.removeAttr( attr );
        } else {
            this.attr( attr, value );
        }
    };

    /**
     * Reset a default attribute for an element so it can be reset later
     */
    $.fn.wc_reset_variation_attr = function( attr ) {
        if ( undefined !== this.attr( 'data-o_' + attr ) ) {
            this.attr( attr, this.attr( 'data-o_' + attr ) );
        }
    };

    /**
     * Reset the slide position if the variation has a different image than the current one
     */
    $.fn.wc_maybe_trigger_slide_position_reset = function( variation ) {
        var $form                = $( this ),
            $product             = $form.closest( '.product' ),
            $product_gallery     = $product.find( '.web-product-carousel' ),
            reset_slide_position = false,
            new_image_id = ( variation && variation.image_id ) ? variation.image_id : '';

        if ( $form.attr( 'current-image' ) !== new_image_id ) {
            reset_slide_position = true;
        }

        $form.attr( 'current-image', new_image_id );

        if ( reset_slide_position ) {
            $product_gallery.trigger( 'woocommerce_gallery_reset_slide_position' );
        }
    };

    /**
     * Sets product images for the chosen variation
     */
    $.fn.wc_variations_image_update = function( variation ) {
        var $form             = this,
            $product          = $form.closest( '.product' ),
            $product_gallery  = $product.find( '.web-product-carousel' ),
            $gallery_nav      = $product.find( '.web-product-carousel-thumbs' ),
            $gallery_img      = $gallery_nav.find( '.web-carousel-3:eq(0) img' ),
            $product_img_wrap = $product_gallery.find( '.img-wrap' ).eq( 0 ),
            $product_img      = $product_img_wrap.find( '.img-wrap img' ),
            $product_link     = $product_img_wrap.eq( 0 );

        if ( variation && variation.image && variation.image.src && variation.image.src.length > 1 ) {
            // See if the gallery has an image with the same original src as the image we want to switch to.
            var galleryHasImage = $gallery_nav.find( 'img[data-o_src="' + variation.image.gallery_thumbnail_src + '"]' ).length > 0;

            // If the gallery has the image, reset the images. We'll scroll to the correct one.
            if ( galleryHasImage ) {
                $form.wc_variations_image_reset();
            }

            // See if gallery has a matching image we can slide to.
            var slideToImage = $gallery_nav.find( 'div div img[src="' + variation.image.gallery_thumbnail_src + '"]' );

            if ( slideToImage.length > 0 ) {
                slideToImage.trigger( 'click' );
                $form.attr( 'current-image', variation.image_id );
                window.setTimeout( function() {
                    $( window ).trigger( 'resize' );
                    $product_gallery.trigger( 'woocommerce_gallery_init_zoom' );
                }, 20 );
                return;
            }

            $product_img.wc_set_variation_attr( 'src', variation.image.src );
            $product_img.wc_set_variation_attr( 'height', variation.image.src_h );
            $product_img.wc_set_variation_attr( 'width', variation.image.src_w );
            $product_img.wc_set_variation_attr( 'srcset', variation.image.srcset );
            $product_img.wc_set_variation_attr( 'sizes', variation.image.sizes );
            $product_img.wc_set_variation_attr( 'title', variation.image.title );
            $product_img.wc_set_variation_attr( 'data-caption', variation.image.caption );
            $product_img.wc_set_variation_attr( 'alt', variation.image.alt );
            $product_img.wc_set_variation_attr( 'data-src', variation.image.full_src );
            $product_img.wc_set_variation_attr( 'data-large_image', variation.image.full_src );
            $product_img.wc_set_variation_attr( 'data-large_image_width', variation.image.full_src_w );
            $product_img.wc_set_variation_attr( 'data-large_image_height', variation.image.full_src_h );
            $product_img_wrap.wc_set_variation_attr( 'data-thumb', variation.image.src );
            $gallery_img.wc_set_variation_attr( 'src', variation.image.gallery_thumbnail_src );
            $product_link.wc_set_variation_attr( 'href', variation.image.full_src );
        } else if( typeof $form.wc_variations_image_reset === 'function' ) {
            $form.wc_variations_image_reset();
        }

        window.setTimeout( function() {
            $( window ).trigger( 'resize' );
            $form.wc_maybe_trigger_slide_position_reset( variation );
            $product_gallery.trigger( 'woocommerce_gallery_init_zoom' );
        }, 20 );
    };

    $(function() {
        if ( typeof wc_add_to_cart_variation_params !== 'undefined' ) {
            $( '.variations_form' ).each( function() {
                $( this ).wc_variation_form();
            });
        }
    });

    /**
     * Matches inline variation objects to chosen attributes
     * @deprecated 2.6.9
     * @type {Object}
     */
    var wc_variation_form_matcher = {
        find_matching_variations: function( product_variations, settings ) {
            var matching = [];
            for ( var i = 0; i < product_variations.length; i++ ) {
                var variation    = product_variations[i];

                if ( wc_variation_form_matcher.variations_match( variation.attributes, settings ) ) {
                    matching.push( variation );
                }
            }
            return matching;
        },
        variations_match: function( attrs1, attrs2 ) {
            var match = true;
            for ( var attr_name in attrs1 ) {
                if ( attrs1.hasOwnProperty( attr_name ) ) {
                    var val1 = attrs1[ attr_name ];
                    var val2 = attrs2[ attr_name ];
                    if ( val1 !== undefined && val2 !== undefined && val1.length !== 0 && val2.length !== 0 && val1 !== val2 ) {
                        match = false;
                    }
                }
            }
            return match;
        }
    };

    /**
     * Update the cart via Ajax
     */
    $.ajax({
        url: webData.ajaxurl,
        data: {
            action: 'pom_get_woocommerce_cart'
        },
        cache: false, //Force the cache to false so it updates every time
        success: function (response) {
            var res = JSON.parse(response);

            if( !res.cart_count || res.cart_count == '0' ) return false;
            $('.cart-count.web-badge').html(res.cart_count).addClass('show');
        }
    });

    /**
     * Avoids using wp.template where possible in order to be CSP compliant.
     * wp.template uses internally eval().
     * @param {string} templateId
     * @return {Function}
     */
    var wp_template = function( templateId ) {
        var html = document.getElementById( 'tmpl-' + templateId ).textContent;
        var hard = false;
        // any <# #> interpolate (evaluate).
        hard = hard || /<#\s?data\./.test( html );
        // any data that is NOT data.variation.
        hard = hard || /{{{?\s?data\.(?!variation\.).+}}}?/.test( html );
        // any data access deeper than 1 level e.g.
        // data.variation.object.item
        // data.variation.object['item']
        // data.variation.array[0]
        hard = hard || /{{{?\s?data\.variation\.[\w-]*[^\s}]/.test ( html );

        return function template ( data ) {
            var variation = data.variation || {};
            return html.replace( /({{{?)\s?data\.variation\.([\w-]*)\s?(}}}?)/g, function( _, open, key, close ) {
                // Error in the format, ignore.
                if ( open.length !== close.length ) {
                    return '';
                }
                var replacement = variation[ key ] || '';
                // {{{ }}} => interpolate (unescaped).
                // {{  }}  => interpolate (escaped).
                // https://codex.wordpress.org/Javascript_Reference/wp.template
                if ( open.length === 2 ) {
                    return window.escape( replacement );
                }
                return replacement;
            });
        };
    };

})( jQuery, window, document );

function pom_wait(ms){
    var start = new Date().getTime();
    var end = start;
    while(end < start + ms) {
        end = new Date().getTime();
    }
}

jQuery(function($) {
    // Update cart programmatically on product quantity change.
    let cartTimeout;
    $('.woocommerce').on( 'change', 'input.qty', function(){
        if (cartTimeout !== undefined) {
            clearTimeout(cartTimeout);
        }

        cartTimeout = setTimeout(function() {
            $("[name='update_cart']").trigger("click");
        }, 800);
    });

    // Set specific date programmatically for bookable products
    // Date format: Y-m-d
    if ($('.product-type-accommodation-booking').length) {
        let search_params = new URLSearchParams(window.location.search)
        let $start_date = search_params.has('start_date') ? search_params.get('start_date') : '';
        let $end_date = search_params.has('end_date') ? search_params.get('end_date') : '';
        let $slot = search_params.has('slot') ? search_params.get('slot') : '';

        if ($start_date.length) {
            setTimeout(function() {
                jQuery.datepicker._selectDate('#wc-bookings-booking-form .picker', $start_date);

                if ($slot.length) {
                    setTimeout(function() {
                        $('[data-value^="' + $start_date + 'T' + $slot + '"]').trigger('click');
                    }, 1000);
                        //jQuery.datepicker._selectDate('#wc-bookings-booking-form .picker', $start_date + $slot);
                }

                if ($end_date.length) {
                    jQuery.datepicker._selectDate('#wc-bookings-booking-form .picker', $end_date + $slot);
                }
            }, 4000);

        }
    }

    // display toast only if Site Settings > Performance > Toast notifications is enabled
    if (typeof toastr !== 'undefined') {
        $('.add_to_cart_button.ajax_add_to_cart').on('click', function () {
            toastr.success(webData.notifications.add_to_cart_toast_text);
        });
    }

    /*$(document).on('change', '.variations_form',function() {
        if ($('.woocommerce-variation-add-to-cart').hasClass('woocommerce-variation-add-to-cart-disabled')) {
            $(this).find('input.qty').val('0').attr('min', '0').attr('max', '0');
        }
        else if ($('.woocommerce-variation-add-to-cart').hasClass('woocommerce-variation-add-to-cart-enabled')) {
            $(this).find('input.qty').attr('min', '1');
        }
    });*/

    $('body').on('added_to_cart',function() {
        $.ajax({
            url: webData.ajaxurl,
            data: {
                action: 'pom_get_woocommerce_cart',
                count: 1
            },
            cache: false,
            success: function (response) {
                var res = JSON.parse(response);
                $('header .cart-content').html(res.cart_content);

                if (!res.cart_count || res.cart_count == '0') return false;
                $('.cart-count.web-badge').html(res.cart_count).addClass('show');
            }
        });
    });

    $('.web-multiple-add-to-cart-btn').on('click', function(e) {
        e.preventDefault();
        $('form.previously-ordered').each(function() {
            if ( $(this).find( 'input[name="quantity"]' ).val() > 0 ) {
                $(this).find( ".ajax_add_to_cart" ).click();
                pom_wait(1000);
            }
        });
    });

    $('input[name="save_additional_address"]').on('click', function(e) {
        e.preventDefault();
        $(this).closest("form").submit();
    });

    $('input[name="delete_additional_address"]').on('click', function(e) {
        e.preventDefault();

        var address = $(this).data('number');

        $.post({
            url: webData.ajaxurl,
            data: {
                action: 'pom_delete_additional_address',
                address: address
            },
            success:function(data) {
                window.location.href = data;
            }
        });
    });

    $('select[name="selected_billing_address"]').on('change', function() {
        var address_value = $(this).children(":selected").attr("value");
        $.post({
            url: webData.ajaxurl,
            data: {
                action: 'pom_update_billing_address_values_checkout',
                address_value: address_value
            },
            success:function(data) {
                var info = JSON.parse(data);
                $.each(info, function(key, value) {
                    $('[name="'+key+'"]').val(value).trigger('change');
                    $('span[class="'+key+'"]').text(value).trigger('change');
                });
                $('.billing-info').html(info.address_option);
            }
        });
    });

    $('select[name="selected_shipping_address"]').on('change', function() {
        var address_value = $(this).children(":selected").attr("value");
        $.post({
            url: webData.ajaxurl,
            data: {
                action: 'pom_update_shipping_address_values_checkout',
                address_value: address_value
            },
            success:function(data) {
                var info = JSON.parse(data);
                $.each(info, function(key, value) {
                    $('[name="'+key+'"]').val(value).trigger('change');
                    $('span[class="'+key+'"]').text(value).trigger('change');
                });
                $('.shipping-info').html(info.address_option);
            }
        });
    });

    // Facebook Pixel add to cart event
    $(document).on('click', '.add_to_cart_button', function() {
        $.ajax({
            url: webData.ajaxurl,
            method: "POST",
            data: {
                action: "pom_facebook_pixel_add_to_cart_action",
                product_id: $(this).data('product_id'),
            },
            success: function (response) {
                $('body').append(response);
            }
        })
    })

    $(document).on('click', '.in-stock-notifier-btn', function(e) {
        e.preventDefault();

        let email_input = $('input[name="in_stock_waitlist_email"]');
        let email = email_input.val();
        let product_id = $('input[name="in_stock_waitlist_email"]').data('product_id');
        let variation_id = $('.variation_id').val();
        let product_type = $('input[name="in_stock_waitlist_email"]').data('product_type');
        let response_container = $(this).closest('.in-stock-notifier').find('.response');

        $.post({
            url: webData.ajaxurl,
            data: {
                action: 'pom_add_email_to_in_stock_waitlist',
                email: email,
                product_id: product_id,
                variation_id: variation_id,
                product_type: product_type
            },
            success: function(response) {
                email_input.val('');

                response_container.html(response);

                setTimeout(function() {
                    response_container.html('');
                }, 2000);
            }
        });
    })

    $(document).on('change', '.web-modal .web-product-addtocart input, .web-modal .web-product-addtocart select', function() {
        $('.variable-product-popup-error-msg').remove();
    });

    $(document).on('click', '.web-modal .single_add_to_cart_button', function() {
        let dataset = $(this).closest('form');
        let requiredFields = dataset.find('input[required], select[required]');
        let anyRequiredFieldEmpty = false;
        $('.variable-product-popup-error-msg').remove();

        requiredFields.each(function() {
            if ($(this).is('select')) {
                if ($(this).val().trim() === '') {
                    anyRequiredFieldEmpty = true;
                    return false;
                }
            } else {
                if ($(this).val().trim() === '') {
                    anyRequiredFieldEmpty = true;
                    return false;
                }
            }
        });

        if (anyRequiredFieldEmpty) {
            const errorMessage = $('<div class="variable-product-popup-error-msg web-gap-20"></div><div class="variable-product-popup-error-msg web-info-box web-n-error">' + webData.notifications.variation_pop_up_error_msg + '</div>');
            dataset.after(errorMessage);
            return false;
        }

        // All required fields are filled, trigger the form submission
        dataset.trigger('submit');
    });

    // replicate original product single button
    let $add_to_cart_button = $('#main .single_add_to_cart_button');
    if ($add_to_cart_button.length) {
        let $fixed_bar = $('#product-fixed-bar');

        $('.web-product-price-clone').empty().append($('#main .web-product-price.price').clone());

        // synchronize quantity input
        if ($('.quantity.web-form-control-number').length !== 0) {
            if (!$('.web-store-product').hasClass('product-type-composite')) {
                $('.web-product-button-clone').append($('#main .quantity.web-form-control-number').clone());
            }
        }

        $(document).on('change keyup', '.web-product-button-clone .quantity', function() {
            let $quantity = $(this).find('input[name="quantity"]').val();
            $('form .quantity').find('input[name="quantity"]').val($quantity).trigger('change');
        });

        $(document).on('change keyup', 'form .quantity', function() {
            let $quantity = $(this).find('input[name="quantity"]').val();
            $('.web-product-button-clone .quantity').find('input[name="quantity"]').val($quantity).trigger('change');
        });


        $('.web-product-button-clone').append($add_to_cart_button.clone());
        $fixed_bar.removeClass('din');
        $fixed_bar.addClass('display-fixed-bar');


        let $fixed_bar_height =  $fixed_bar.outerHeight(true);
        $('#colophon').css('margin-bottom', $fixed_bar_height);


        $(document).on('change click:not(.reset_variations)', function() {
            $(document).ajaxComplete(function() {
                if ($('.wc-bookings-booking-cost .woocommerce-Price-amount').length !== 0) {
                    $('.web-product-price-clone').empty().append($('.wc-bookings-booking-cost').clone());
                }
            });

            if ($('.wc-pao-subtotal-line .price').length !== 0) {
                $('.web-product-price-clone').empty().append($('.wc-pao-subtotal-line .price').clone());
            }
            else if ($('.wc-bookings-booking-cost .woocommerce-Price-amount').length !== 0) {
                $('.web-product-price-clone').empty().append($('.wc-bookings-booking-cost').clone());
            }
            else if ($('.woocommerce-variation-price').length !== 0) {
                $('.web-product-price-clone').empty().append($('.woocommerce-variation-price .woocommerce-Price-amount').clone());
            }
            else {
                $('.web-product-price-clone').empty().append($('.web-product-price.price').clone());
            }

            // synchronize button
            if (!$('#main .single_add_to_cart_button').hasClass('disabled')) {
                $('.web-product-button-clone .single_add_to_cart_button').removeClass('disabled');
            }
            else {
                $('.web-product-button-clone .single_add_to_cart_button').addClass('disabled');
            }

            $(document).ajaxComplete(function() {
                if (!$('#main .single_add_to_cart_button').hasClass('disabled')) {
                    $('.web-product-button-clone .single_add_to_cart_button').removeClass('disabled');
                }
                else {
                    $('.web-product-button-clone .single_add_to_cart_button').addClass('disabled');
                }
            });
        });


        $(document).on('click', '.web-product-button-clone button', function(e) {
            e.preventDefault();

            if (!$(this).hasClass('disabled')) {
                $('#main .single_add_to_cart_button').trigger('click');
            }
        })

        $(document).on('click', '.reset_variations', function() {
            $('.web-product-price-clone').empty().append($('.web-product-price.price').clone());
            $('.variations input').prop('checked', false);
        });
    }

    let $price_slider_min_val = $('input#min_price').val();
    let $price_slider_max_val = $('input#max_price').val();

    $(document).on('click', '.web-advanced-filters .apply-advanced-filters', function(e) {
        e.preventDefault();

        let $this = $(this);

        let $url = new URL(window.location.href.split('?')[0]); // Current URL without params

        $this.closest('.web-advanced-filters-container').find('input:checked').each(function() {
            if ($url.searchParams.has('filter_' + $(this).attr('name'))) {
                let $param_value = $url.searchParams.get('filter_' + $(this).attr('name'));
                let $params = $param_value.split(',');

                $params.push($(this).attr('value'));

                // Remove duplicates
                let $filtered = $params.filter((v, _, a) => a.indexOf(v) === a.lastIndexOf(v));
                $param_value = $filtered.toString();

                $url.searchParams.delete('filter_' + $(this).attr('name'));
                $url.searchParams.set('filter_' + $(this).attr('name'), $param_value);
            }
            else {
                $url.searchParams.set('filter_' + $(this).attr('name'), $(this).attr('value'));
            }
        });

        // search filter
        if ($('input#filter_search').val()) {
            let $search_value = $('input#filter_search').val();
            let $encoded_search_value = encodeURIComponent($search_value);

            if ($search_value.length) {
                $url.searchParams.set('s', $encoded_search_value);
            }
        }

        // price filter
        let $min_price = $('input#min_price').val();
        if ($min_price > 0 && $price_slider_min_val !== $min_price) {
            $url.searchParams.set('min_price', $min_price);
        }

        let $max_price = $('input#max_price').val();
        if ($max_price > 0 && $price_slider_max_val !== $max_price) {
            $url.searchParams.set('max_price', $max_price);
        }

        let $new_url = decodeURIComponent($url.toString());

        if (window.history.pushState) {
            // Prevents browser from storing history with each change
            window.history.pushState({}, null, $new_url);
            location.reload();
        }
    });

    $(document).on('click', '.web-advanced-filters .remove-advanced-filters', function(e) {
        e.preventDefault();

        if (window.history.pushState) {
            //prevents browser from storing history with each change:
            window.history.pushState({}, null, window.location.href.split('?')[0]);
            location.reload();
        }
    })

    // If mobile, on load hide filters
    if ($('html').hasClass('is-mobile')) {
        $('.shop-filters-toggle').addClass('collapsed');
        $('.web-advanced-filters-container-footer').addClass('collapsed');
        $('.shop-filters-toggle > span:first').html(webData.wc_advanced_filters.show);
    }

    $(document).on('click', '.shop-filters-toggle', function(e) {
        e.preventDefault();

        $('.offcanvas-collapse').toggleClass('open')
    });

    /**
     * Add custom data to request info email.
     */
    if ($('#request-info-popup').length) {
        // Booking start date
        $(document).on('change', '[name="wc_bookings_field_start_date_time"]', function() {
            let $value = $(this).val();
            if ($value) {
                $('#request-info-popup form [name="bookings_field_start_date_time"]').remove();
                $('<input>').attr({
                    type: 'hidden',
                    name: 'bookings_field_start_date_time',
                    value: $value
                }).appendTo('#request-info-popup form');
            }
        });

        // Variations & Addons
        $("input[name^=addon-], select[name^=addon-], input[name^=attribute_pa_], select[name^=attribute_pa_]").each(function() {
            let $name = this.name;
            let $label = $(this).closest('.wc-pao-addon-container').find('label');
            $label = $label.attr('data-addon-name');

            $(document).on('click', '.wc-pao-addon-image-swatch', function() {
                let $value = $(this).attr('data-value');
                let $option = $(this).closest('.wc-pao-addon-container').find('option[value="' + $value + '"]');
                let $label = $option.attr('data-label');

                if ($value) {
                    $('#request-info-popup form [name="' + $label + '"]').remove();
                    $('<input>').attr({
                        type: 'hidden',
                        name: $label,
                        value: $value
                    }).appendTo('#request-info-popup form');
                }
            });

            $(document).on('change', '[name="' + $name + '"]', function() {
                let $value = this.value;
                if ($value) {
                    $('#request-info-popup form [name="' + $label + '"]').remove();
                    $('<input>').attr({
                        type: 'hidden',
                        name: $label,
                        value: $value
                    }).appendTo('#request-info-popup form');
                }
            });
        });
    }

    if ($('label[for="delivery-next-slot"]').length > 0 || $('input[name="delivery_moment"]').val() !== 'custom_date') {
        $('.delivery-calendar-wrapper').hide();
    }

    let $delivery_wrapper = function () {
        $(document).on('change', 'input[name="delivery_moment"]', function() {
            let $this = $(this);
            if ($this.val() === 'custom_date') {
                $('.delivery-calendar-wrapper').show();
            }
            else {
                $('.delivery-calendar-wrapper').hide();
            }
        });
    }
    $delivery_wrapper();
    $(document).ajaxComplete(function() {
        $delivery_wrapper();

        if ($('label[for="delivery-next-slot"]').length > 0 || $('input[name="delivery_moment"]').val() !== 'custom_date') {
            $('.delivery-calendar-wrapper').hide();
        }
    });


    if ($('input[name="delivery_calendar_date"]').length > 0) {
        let $load_datepicker = function() {
            const $calendar = $('#delivery-calendar');
            const $allowed_days = $calendar.attr('data-allowed_week_days').split(',').map(Number);
            const $time_slots = JSON.parse($calendar.attr('data-time_slots'));

            const $today = new Date();
            const $dayIndex = $today.getDay();

            /**
             * Calculates all dates between two dates.
             */
            let $disabled_dates = [];
            const $disabled_date_ranges = !!$calendar.attr('data-disabled_dates') ? $calendar.attr('data-disabled_dates').split(',') : [];
            $.each( $disabled_date_ranges, function(key, value) {
                let $range_dates = value.split('/');
                const $from = new Date($range_dates[0]);
                let $to = new Date($range_dates[1]);

                while ($from < $to) {
                    $disabled_dates = [...$disabled_dates, new Date($from).toISOString().split('T')[0]]
                    $from.setDate($from.getDate() + 1)
                }
                $disabled_dates = [...$disabled_dates, $to.toISOString().split('T')[0]]
            });

            let $today_time_slots = !!$time_slots[$dayIndex] ? $time_slots[$dayIndex].split(',') : '';
            let $get_date_picker_times = function($currentDateTime) {
                // 'this' is jquery object datetimepicker
                let $day = $currentDateTime.getDay();

                this.setOptions({
                    allowTimes: $time_slots[$day].split(',')
                });

                // Update hidden value with selected date timestamp
                let d = new Date($currentDateTime);
                let ms = d.valueOf();
                let s = ms / 1000;
                if (s > 0) {
                    //store in hidden field.
                    $('input[name="delivery_date_timestamp"]').val(s);
                }
            }
            /*let $get_default_date = function () {
                let $date = new Date();
                while (!is_valid($date)) {
                    $date.setDate($date.getDate() + 1);
                }
                return $date;
            }*/
            $calendar.datetimepicker({
                minDate: 0,
                dayOfWeekStart: 1,
                format: 'd/m/Y H:i',
                timepicker: true,
                allowTimes: $today_time_slots,
                //defaultDate: $get_default_date(),
                onChangeDateTime: $get_date_picker_times,
                beforeShowDay: function ($date) {
                    return [
                        $.inArray($date.getDay(), $allowed_days) !== -1 &&
                        $disabled_dates.indexOf($date.toISOString().split('T')[0]) === -1
                    ];
                },
            });
        }
        $load_datepicker();
        $(document).ajaxComplete(function() {
            $load_datepicker();
        });
    }

    $(document).on('click', '.woocommerce-checkout .cross-sell-items .add_to_cart_button.ajax_add_to_cart', function () {
        setTimeout(() => {
            $('body').trigger('update_checkout');

        }, 1000);
    });

});