{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{% if col is not defined %}
    {% set col = app.request.get('col') %}
    {% set col_md = app.request.get('col_md') %}
    {% set col_lg = app.request.get('col_lg') %}
{% endif %}

<div class="{{ col is defined ? col : 'col-12'}} {{col_md is defined ? col_md : 'col-md-4'}} {{col_lg is defined ? col_lg : 'col-lg-4'}}">
    <div class="product">
    {% if col_lg is same as('col-lg-12') %}
        {% include '@SyliusShop/Product/_mainImageBig.html.twig' with {'product': product} %}
    {% else %}
        {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product} %} 
    {% endif %}
        <div class="product_info">
            {% if date(product.updatedAt) < date('-7days') %}
            <span class="pr_flash">New</span>
            {% endif %}
            <h6 class="product_title"><a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">{{ product.name }}</a></h6>
            {% if not product.enabledVariants.empty() %}
            <div class="product_price">
                <span class="price">{{ money.calculatePrice(product|sylius_resolve_variant) }}</span>
                {% if product.enabledVariants.first.channelPricings.first.originalPrice is defined and product.enabledVariants.first.channelPricings.first.price is defined and product.enabledVariants.first.channelPricings.first.originalPrice != product.enabledVariants.first.channelPricings.first.price %}                
                <del>{{money.format(product.enabledVariants.first.channelPricings.first.originalPrice, 'EUR') }}</del>
                <div class="on_sale">
                    <span>{{ (((product.enabledVariants.first.channelPricings.first.originalPrice - product.enabledVariants.first.channelPricings.first.price)/ product.enabledVariants.first.channelPricings.first.originalPrice) * 100)|round }}% Off</span>
                </div>
                {% endif %}
            </div>
            {% endif %}
            {% include '@SyliusShop/Product/_starRating.html.twig' %}
            <div class="pr_desc">
                <p>{{ product.description }}</p>
            </div>
        </div>
    </div>
</div>