{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
<div class="ui fluid card h-100" {{ sylius_test_html_attribute('product') }}>
<a href="{{ path('sylius_shop_product_show', {'slug': product.slug}) }}" class="blurring dimmable image">
{% include '@SyliusShop/Product/Show/_attributesPromotionLabels.html.twig' with {'appliedAttributes': product.getAttributesByLocale(product.translation.locale, sylius_base_locale)|sort_by('attribute.position'), 'withDescription': false} %}
<div class="ui dimmer">
<div class="content">
<div class="center">
<div class="ui inverted button">{{ 'sylius.ui.view_more'|trans }}</div>
</div>
</div>
</div>
{% if is_product_owned(product) and app.user is defined %}
<div class="ui yellow top left attached label">{{ "app.ui.catalog.product.tag.owned"|trans }}</div>
{% elseif is_product_new(product) %}
<div class="ui yellow top left attached label">{{ "app.ui.catalog.product.tag.new"|trans }}</div>
{% endif %}
{% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product} %}
</a>
<div class="content" {{ sylius_test_html_attribute('product-content') }}>
<div class="container">
<div class="row price-title">
<div class="col-md-7 col-sm-12 pr-0">
<a href="{{ path('sylius_shop_product_show', {'slug': product.slug}) }}" class="header sylius-product-name" {{ sylius_test_html_attribute('product-name', product.name) }}>{{ product.name }}</a><br />
<div class="prodcut_attributes" {{ sylius_test_html_attribute('product-attributes') }}>
{% if product.attributes|length > 0 %}
{% for attribute in product.getAttributesByLocale(product.translation.locale, sylius_base_locale)|sort_by('attribute.position') %}
<div class="attribute-blocks">
<div class="sylius-product-attribute-value" {{ sylius_test_html_attribute('product-attribute-value', attribute.name) }}>
{% include [
'@SyliusShop/Product/Show/Types/'~attribute.attribute.type~'.html.twig',
'@SyliusAttribute/Types/'~attribute.attribute.type~'.html.twig',
'@SyliusShop/Product/Show/Types/default.html.twig'
] with {
'attribute': attribute,
'locale': product.translation.locale,
} %}
</div>
</div>
{% if loop.last == false %} <div class="dividing_class">|</div>{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
<div class="col-md-5 col-sm-12">
{% if not product.enabledVariants.empty() %}
{% set appliedPromotions = (product|sylius_resolve_variant).getAppliedPromotionsForChannel(sylius.channel) %}
{% set price = money.calculatePrice(product|sylius_resolve_variant) %}
{% set originalPrice = money.calculateOriginalPrice(product|sylius_resolve_variant) %}
{% set taxon = product.mainTaxon %}
{# {% set hidePriceForTaxons = ['subscription-packs','story-subscription-packs','welcome-packs','default-packs','teacher', 'special-events','special-events-story', 'special-events-quiz'] %} #}
{% set hidePriceForTaxons = ['subscription-packs','story-subscription-packs','welcome-packs','default-packs','teacher'] %}
{% if taxon is not null %}
{% set displayPrice = true %}
{% for tx in hidePriceForTaxons %}
{% if tx in taxon.slug %}
{% set displayPrice = false %}
{% endif %}
{% endfor %}
{% if displayPrice %}
<div class="sylius-product-price {% if price != originalPrice %}has_discount{% endif %}" {{ sylius_test_html_attribute('product-price') }}>
{{ price }}
{% if price != originalPrice %}
<div class="sylius-product-original-price" {{ sylius_test_html_attribute('product-original-price') }}><del>{{ originalPrice }}</del></div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% include '@SyliusShop/Product/Show/_catalogPromotionLabels.html.twig' with {'appliedPromotions': appliedPromotions, 'withDescription': false} %}
{% endif %}
{{ render(url('sylius_shop_partial_cart_add_item', {'template': '@SyliusShop/Product/_quickAddToCart.html.twig', 'productId': product.id })) }}
</div>
</div>
</div>
</div>
</div>