{% comment %}
----------------
Optional values
product_recommendations: <boolean>
{% endcomment %}

{% comment %}Check for related products and increase limit by one (to offset the currently selected product that is removed from the product loop){% endcomment %}

{%- assign limit = limit | plus: 0 -%}
{%- assign loop_limit = limit | plus: 1 -%}
{%- assign hover_enabled = block.settings.show_related_products_title_on_hover -%}

{%- assign visible_products = products_per | plus: 0 -%}

{%- assign hover_enabled = settings.thumbnail_hover_enabled -%}

{% liquid

  assign active_discount = true

  assign empty_array = "" | split: ""
  assign dormant_discounts = shop.metafields.app--168074346497.dormant_discounts.value | default: empty_array
  assign target_discount_id = product.metafields.app--168074346497.applied_discount_id.value
  for dormant_discount in dormant_discounts
    if dormant_discount == target_discount_id
      assign active_discount = false
    endif
  endfor

  assign product_price = product.price
  assign product_compare_at_price_max = product.compare_at_price_max
  assign product_compare_at_price = product.compare_at_price

  if active_discount
    assign product_price = product.metafields.app--168074346497.min_auto_discounted_price.value | default: product.price
    
    if product_price < product.price and product_compare_at_price == 0 or product_compare_at_price == blank
      assign product_compare_at_price = product.price
    endif

    if product_price < product.price and product_compare_at_price_max == 0 or product_compare_at_price_max == blank
      assign product_compare_at_price_max = product.price_max
    endif
  endif

  assign variant_price = variant.price
  assign variant_compare_at_price = variant.compare_at_price

  if active_discount
	assign variant_price = variant.metafields.app--168074346497.auto_discounted_price.value | default: variant.price
	assign variant_compare_at_price = variant.compare_at_price
	
	if shop.metafields.app--168074346497.discount_percentage.value > 0.005
  	  assign discount_percentage = shop.metafields.app--168074346497.discount_percentage.value | times: 1.0
	  assign deducted_percentage = 1.0 | minus: discount_percentage
	  assign variant_price = variant.price | divided_by: 100.0 | times: deducted_percentage | times: 100.0 | ceil
	endif

	if variant_price < variant.price and variant_compare_at_price == 0 or variant_compare_at_price == blank
	  assign variant_compare_at_price = variant.price
	endif
  endif
%}


{%- if variant.product.metafields.inventory.ShappifyHidden == 'true' -%}{%- continue -%}{%- endif -%}
      {%- assign collection_handles = variant.product.collections | map: 'handle' -%}

    {% if variant.product.id != skip_product.id %}

        <div class="product-wrap">
          <div class="product-image__wrapper">
            <div class="image__container product__imageContainer">
              <a href="{{ variant.url | within: collection }}">

{% comment %}                {% if settings.stickers_enabled == true %}
                  {%
                    render 'product-thumbnail__sticker',
                    product: product,
                    context: 'product',
                    collection_handles: collection_handles
                  %}
                {% endif %}{% endcomment %}

                {% comment %} Primary image {% endcomment %}
                {%
                  render 'image-element',
                  image: variant.featured_image,
                  alt: alt_text,
                  object_fit: align_height,
                  max_height: height
                %}
              </a>
            </div>

            {% if hover_enabled or settings.enable_quickshop %}
              <a href="{{ variant.url | within: collection }}">
                <div class="thumbnail-overlay__container">
                  {% if hover_enabled %}
                    <div class="quick-shop__info animated fadeInDown">
                      <div class="thumbnail-overlay">
                        <div class="info text-align-{{ settings.thumbnail_text_alignment }}">

                        	<div class="product-thumbnail">
                        	  {% if settings.display_vendor %}
                        	    <span class="product-thumbnail__vendor">{{ variant.product.vendor }}</span>
                        	  {% endif %}

                        	  {% if hover_enabled %}
                        	    <span class="product-thumbnail__title">{{ variant.product.title }} - {{ variant.title }}</span>
                        	  {% else %}
                        	    <a href="{{ variant.url | within: collection }}" class="product-thumbnail__title">{{ variant.product.title }} - {{ variant.title }}</a>
                        	  {% endif %}

                        	  {% if collection_handles contains 'coming-soon' %}
                        	    {% if settings.stickers_enabled == false %}
                        	      {{ 'collections.general.coming_soon' | t }}
                        	    {% endif %}
                        	  {% else %}
                        	    <span class="product-thumbnail__price price {% if product_compare_at_price_max > product_price %}sale{% endif %}">
                        	      {% if variant_price > 0 %}
                        	        <span class="money">
                        	          {%
                        	            render 'price-element',
                        	            price: variant_price
                        	          %}
                        	        </span>
                        	      {% else %}
                        	        {{ settings.free_price_text }}
                        	      {% endif %}
                        	    </span>
                        	  {% endif %}
                        	</div>

                        </div>
                      </div>
                    </div>
                  {% endif %}

                  {% if settings.enable_quickshop %}
                    {%
                      render 'product-thumbnail__quick-shop-button',
                      product: variant.product
                    %}
                  {% endif %}

                  {% if hover_enabled %}
                    {% if settings.enable_shopify_collection_badges %}
                      <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
                    {% endif %}
                  {% endif %}
                </div>
              </a>
            {% endif %}
          </div>

          {% if hover_enabled == false %}
            <div class="thumbnail__caption text-align-{{ settings.thumbnail_text_alignment }}">
            	<div class="product-thumbnail">
            	  {% if settings.display_vendor %}
            	    <span class="product-thumbnail__vendor">{{ variant.product.vendor }}</span>
            	  {% endif %}

            	  {% if hover_enabled %}
            	    <span class="product-thumbnail__title">{{ variant.product.title }} - {{ variant.title }}</span>
            	  {% else %}
            	    <a href="{{ variant.url | within: collection }}" class="product-thumbnail__title">{{ variant.product.title }} - {{ variant.title }}</a>
            	  {% endif %}

            	  {% if collection_handles contains 'coming-soon' %}
            	    {% if settings.stickers_enabled == false %}
            	      {{ 'collections.general.coming_soon' | t }}
            	    {% endif %}
            	  {% else %}
            	    <span class="product-thumbnail__price price {% if product.compare_at_price_max > product.price %}sale{% endif %}">
            	      {% if variant.price > 0 %}
            	        <span class="money">
            	          {%
            	            render 'price-element',
            	            price: variant.price
            	          %}
            	        </span>
            	      {% else %}
            	        {{ settings.free_price_text }}
            	      {% endif %}
            	    </span>
            	  {% endif %}
            	</div>
            </div>
          {% endif %}
        </div>
    {% endif %}