{% trans_default_domain 'store' %}
{% set group = variant.group %}
<h3 class="title is-4" style="margin-top:20px;">
<span class="has-text-weight-bold">{{ group.name }}</span>{# +0 PLN (wybrano) <span class="icon"><i class="fas fa-check has-text-success is-size-4"></i></span> #}
</h3>
<p>{{ group.description|slice(0,120) }}...
<a style="text-decoration: underline" href="{{ path('textileDescription', {'id':group.id}) }}">{{ 'read_more'|trans }}</a>
</p>
{# <a href="#" class="link-solid">Zamów darmowe próbki</a> #}
{% if group.imageName %}
<i class="fa fa-eye"></i>
<a style="text-decoration: underline;" href="JavaScript:newPopup('/images/parameter_groups/{{ group.imageName }}');">{{ 'show_real_live_pictures'|trans }}</a>
{% endif %}
{% set cartIco = 0 %}
{% for value in variant.values %}
{% if value.cart %}
{% set cartIco = 1 %}
{% endif %}
{% endfor %}
{% if group.cart or cartIco == 1 %}
<br/>
<i class="fa fa-shopping-cart"></i>
<a style="text-decoration: underline;" href="{{ path('sample_order') }}">{{ 'orderSample'|trans }}</a>
{% endif %}
<div class="divider"></div>
<div class="columns is-multiline multiple-images">
{% for value in variant.values %}
<div class="column is-one-fifth material-presentation-mobile">
<figure class="image is-128x128-desktop is-64x64-tablet">
{% if value.photo3d %}
<a target="_blank" title="{{ 'view_product_in_colour'|trans }}" href="{{ value.photo3d }}">
<img src="{{ asset('/images/parameters/'~value.imageName~'') | imagine_filter('textileThumb') }}">
<i class="fa fa-eye eye-icon"></i>
</a>
{% else %}
<img src="{{ asset('/images/parameters/'~value.imageName~'') | imagine_filter('textileThumb') }}">
{% endif %}
<figcaption class="has-text-centered is-size-7">
{{ value.name }}
<br/>
{% if value.photo3d %}
<a target="_blank" title="{{ 'view_product_in_colour'|trans }}" href="{{ value.photo3d }}">
<img src="https://www.centrumkrzesel.pl/web/uploads/360.jpg" style="width: 20px; margin-left:auto; margin-right:auto;">
</a>
{% endif %}
</figcaption>
</figure>
</div>
{% endfor %}
<div style="clear: both"></div>
</div>