<div class="pictures-ctn">
<div class="scene">
{% include 'front/modules/wishlist/bt.html.twig' %}
{% if product.pictures|length > 0 %}
<div class="pictures">
{% for picture in product.pictures %}
<a {% if loop.first %}class="on" {% endif %} data-fancybox="products-assets" data-src="{{ asset(picture.webPath) | imagine_filter('product_zoom') }}"><img src="{{ asset(picture.webPath) | imagine_filter('product_large') }}" width="400" height="400" alt="{{ picture.alt?picture.alt:product.name }}"></a>
{% endfor %}
</div>
{% endif %}
<div class="flags">
{% if product.isMadeInFrance() %}
<div class="flag origin made-in-france">
<img src="{{ asset('img/pictos/cocarde.svg') }}" alt="Made in France">
<span>{% trans %}Fabriqué<br>en France{% endtrans %}</span>
</div>
{% endif %}
{% if product.guaranty %}
<div class="flag guaranty">
<img src="{{ asset('img/pictos/check.svg') }}" alt="Made in France">
<span>
{% trans %}Garantie{% endtrans %}
{# {% if product.guaranty matches '/^\\d+$/' %}#}
{{ product.guaranty }} {% trans %}an{% endtrans %}{% if product.guaranty > 1 %}s{% endif %}
{# {% else %}
{% trans %}{{ product.guaranty }}{% endtrans %}
{% endif %}#}
</span>
</div>
{% endif %}
</div>
</div>
{% if product.pictures|length > 1 %}
<ul class="thumbs">
{% for picture in product.pictures %}
<li class="thumb">
<a {% if loop.first %}class="on" {% endif %} data-index="{{ loop.index0 }}"><img src="{{ asset(picture.webPath) | imagine_filter('product_small') }}" width="100" height="100" alt="{{ picture.title?picture.title:product.name }}"></a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>