{% comment %} 
	padding_class: classes for padding
    text_class: classes for text
{% endcomment %}
{%- if text_class == blank -%}
    {%- assign text_class = 'p2 tl' -%}
{%- endif -%}
{% if settings.cart_enable_fs_info %}
    <style>
    .header-cart .free-shipping-line__inner{
        display: block;
    }
    .free-shipping-line .free-shipping-line__inner{
        height: 4px;
        transition: all 1s;
    }
    </style>
    {%- assign cf = settings.cart_fs_free | times: 100 -%}
    {%- if localization.country.iso_code != 'SG' -%}
        {%- assign convert_pro = all_products['for-internal-use-converter'] -%}
        {%- assign converted_price = settings.cart_fs_free | times: convert_pro.price -%}
        {%- assign cf = converted_price | divided_by: 100 -%}
    {%- endif -%}
    <div class="free-shipping-line {% if padding_class != blank %} {{  padding_class }} {% else %} pt-0 pb-0 {% endif %} {{cart.original_total_price }} {{ settings.cart_fs_free }}">
        <div class="fs-text-con flex flex-column">
            {%- if settings.cart_fs_discount_type == 'percent' -%}
                {%- assign discount = settings.cart_fs_discount | append: '%' -%}
            {%- else -%}
                {%- assign discount = settings.cart_fs_discount | times: 100 | money -%}
            {%- endif -%}
            {%- if cart.original_total_price >= cf -%}
				{% capture fs_discount_amount %}
					<span class="c-black">{{ discount }}</span>
				{% endcapture %}
                <p class="{{ text_class }}">{{ settings.cart_fs_after | replace: "[discount]", fs_discount_amount }}</p>
            {%- else -%}
                {%- assign current = cf | minus: cart.original_total_price | money %}
				{% capture fs_min_amount %}
					<span class="c-black bold-500">{{ current }}</span>
				{% endcapture %}
				{% capture fs_discount_amount %}
					<span class="c-black">{{ discount }}</span>
				{% endcapture %}
                <p class="{{ text_class }}">{{ settings.cart_fs_before | replace:"[amount]", fs_min_amount | replace: "[discount]",  fs_discount_amount  }}</p>
            {%- endif -%}

            <div class="free-shipping-line__inner w-full bg-dark-grey mt-10 overflow">
                <div class="free-shipping-line__inner bg-brown" style="width:{{ cart.original_total_price | divided_by:settings.cart_fs_free | round: 2 }}%;"></div>
            </div>
        </div>
    </div>
{% endif %}