{% if product.isDeleted %}
<div class="mt-4">
<div class="alert alert-danger" role="alert">
<p class="p-2">{{ 'Ce produit est actuellement indisponible, il sera de retour très bientôt' | trans({}, "productTranslate") }}</p>
</div>
</div>
{% else %}
{% if product and getDisponibiliteProductPerCountrySession(product) == false %}
<div class="mt-4">
<div class="alert alert-danger" role="alert">
<p class="p-2">{{ 'Ce produit est actuellement indisponible dans' | trans({}, "productTranslate") }} "{{ getCountrySession() }}"</p>
</div>
</div>
{% else %}
{% if product.isColorLab %}
{% if product.isNewDisplayColorLab %}
<input type="hidden" name="productColorLab" id="productColorLab" value="1">
{% set productObject = null %}
{% if type.id is defined %}
{% if product.typeProduct in [constant('App\\Entity\\Product::PHOTOS_ENCADRE'),constant('App\\Entity\\Product::PHOTOS')] %}
{% set productObject = getAttribute(format.id) %}
{% else %}
{% set productObject = getAttribute(type.id) %}
{% endif %}
{% endif %}
<div class="col-md-12 row">
<div class="col-md-5" id="imageDescProductDesktop">
{% if productObject %}
<div class="div_img_option_product">
<div class="col-md-12 row_ca_left oghtml4 pl-0">
<div class="row_select_ca7 imageDescProduct">
{% if productObject.attributImage|length > 0 %}
{% set productImage = productObject.attributImage %}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% if productImage|length > 0 %}
{% for item in productImage %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index0 }}"></li>
{% endfor %}
{% endif %}
</ol>
<div class="carousel-inner" style="text-align: center;">
{% if productImage|length > 0 %}
{% for item in productImage %}
<div class="carousel-item {% if loop.first %}active{% endif %}" style="position: relative">
<img src="{{ asset('imageSite/'~item.image) }}" style="max-height: 320px;max-width: 100%;">
</div>
{% endfor %}
{% endif %}
</div>
</div>
{% else %}
<img style="max-height: 320px;max-width: 100%;border-radius: 4px;" src="{{ asset('imageSite/'~productObject.imageProduit) }}">
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
<div class="col-md-7">
{% if productObject %}
<div class="oghtml4 ">
<div class="row_select_ca7">
<h4 class="titre_desc_option_product">{{ productObject.titreProductDescription | trans({}, "productTranslate") }}</h4>
{% if productObject.descriptionProduit %}
<nav>
<div class="nav nav-tabs nav-fill nav_product_option_desc nav_new_product_option_desc" id="nav-tab" role="tablist">
<a class="nav-item nav-link active firstNav show" id="nav-description-tab" data-toggle="tab" href="#nav-description" role="tab" aria-controls="nav-description" aria-selected="true">{{ 'Description' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-avisAttr" role="tab" aria-controls="nav-avisAttr" aria-selected="false">{{ 'Nos' | trans({}, "productTranslate") }} <img style="margin: 3px;width: 15px;" src="{{ asset('images/2764-fe0f.png') }}"> {{ 'printers en parlent' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-tips" role="tab" aria-controls="nav-tips" aria-selected="false">{{ 'Nos tips' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-greentouch" role="tab" aria-controls="nav-greentouch" aria-selected="false">{{ 'La greentouch' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-guideTaille" role="tab" aria-controls="nav-guideTaille" aria-selected="false">{{ 'Guide des tailles' | trans({}, "productTranslate") }}</a>
</div>
</nav>
{% set descriptionAttributeLang = getDescriptionAttributeLang(productObject.id) %}
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade active show" id="nav-description" role="tabpanel" aria-labelledby="nav-description-tab">
{{ descriptionAttributeLang.descriptionProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-avisAttr" role="tabpanel" aria-labelledby="nav-avisAttr-tab">
<div class=" row avisAttributeBlock">
{% for item in productObject.avisAttribute %}
<div class="text-center col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
<div class="avisAttributeImgBlock">
{% if item.linkVideo %}
<iframe src="{{ item.linkVideo }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
{% else %}
<img style="width: 100%;" src="{{ asset('imageSite/'~item.image)}}">
{% endif %}
</div>
<h4>{{ item.client }}</h4>
<h4>{{ item.description | trans({}, "productTranslate") }}</h4>
<div class="ratings">
<div class="empty-stars"></div>
<div class="full-stars" style="width:{{ getPourcentageRate(item.rate) }}%"></div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="tab-pane fade" id="nav-tips" role="tabpanel" aria-labelledby="nav-tips-tab">
{{ descriptionAttributeLang.tipsProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-greentouch" role="tabpanel" aria-labelledby="nav-greentouch-tab">
{{ descriptionAttributeLang.greentouchProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-guideTaille" role="tabpanel" aria-labelledby="nav-guideTaille-tab">
{{ descriptionAttributeLang.guideTaillesProduit | trans({}, "productTranslate")|raw }}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
<div class="oghtml4 pl-0 mt-1" id="imageDescProductMobile">
<div class="row_select_ca7 imageDescProduct">
{% set productImage = productObject.attributImage %}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% if productImage|length > 0 %}
{% for item in productImage %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index0 }}"></li>
{% endfor %}
{% endif %}
</ol>
<div class="carousel-inner" style="text-align: center;">
{% if productImage|length > 0 %}
{% for item in productImage %}
<div class="carousel-item {% if loop.first %}active{% endif %}" style="position: relative">
<a href="{{ asset('imageSite/'~item.image) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.image) }}" style="max-height: 320px;max-width: 100%;"></a>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
</div>
<div class="row_select_ca5 oghtml2">
{% include 'front/product-option/new-colorlab-options.html.twig' %}
</div>
</div>
</div>
{% else %}
<input type="hidden" name="productColorLab" id="productColorLab" value="1">
{% if types|length > 0 and types[0].id %}
<div class="row_select_ca7 bloc_option_colorLab" style="{% if checkAttributeNonAffiche(types) %}display:none;{% endif %}{% if product.typeProduct in [constant('App\\Entity\\Product::KAKEMONO'),constant('App\\Entity\\Product::PHOTOS_ENCADRE')] %}display:none;{% endif %}">
<h3>{% if product.typeProduct == constant('App\\Entity\\Product::STANDS') %}{{ 'Type de Stand' | trans({}, "productTranslate") }}{% else %}{{ 'Composition' | trans({}, "productTranslate") }}{% endif %}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in types %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="typeFormatProductColorLab" class="select_ca_btn" id="typeFormat{{ item.id }}" {% if type.id is defined %}{% if item.id == type.id %}checked="checked"{% endif %}{% endif %} >
<label for="typeFormat{{ item.id }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::TYPE_FORMAT'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="typeFormatProductColorLab" class="select_ca_btn" id="typeFormat{{ item.id }}" {% if type.id is defined %}{% if item.id == type.id %}checked="checked"{% endif %}{% endif %} >
<label for="typeFormat{{ item.id }}" class="block taille " style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<img src="{{ asset('imageSite/'~item.file) }}">
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if type.id is defined %}
<div class="row_select_ca7 bloc_option_colorLab" id="desc_product">
<h3>{{ 'Produit' | trans({}, "productTranslate") }}</h3>
<div class=" row" style="">
<div class="col-md-5 pl-0">
<div class="div_img_option_product">
<div class="div_img_option_product">
{% set attributImage = getAttribute(type.id) %}
{% if attributImage and attributImage.attributImage|length > 0 %}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% for item in attributImage.attributImage %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index0 }}"></li>
{% endfor %}
</ol>
<div class="carousel-inner">
{% for item in attributImage.attributImage %}
<div class="carousel-item {% if loop.first %}active{% endif %}" style="position: relative">
<a href="{{ asset('imageSite/'~item.image) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.image) }}" style="max-height: 320px;max-width: 100%;"></a>
</div>
{% endfor %}
</div>
</div>
{% else %}
<img style="max-height: 320px;max-width: 100%;border-radius: 4px;" src="{{ asset('imageSite/'~type.imageProduit) }}">
{% endif %}
</div>
</div>
</div>
<div class="col-md-7">
<h4 class="titre_desc_option_product" style="{% if types|length > 0 and types[0].id %}{% if checkAttributeNonAffiche(types) %}display:none;{% endif %}{% endif %}">{% if product.typeProduct == constant('App\\Entity\\Product::KAKEMONO') %}{{ product.titre }}{% else %}{{ product.titre }} {{ type.name }}{% endif %}</h4>
<nav>
<div class="nav nav-tabs nav-fill nav_product_option_desc" id="nav-tab" role="tablist">
<a class="nav-item nav-link active firstNav show" id="nav-description-tab" data-toggle="tab" href="#nav-description" role="tab" aria-controls="nav-description" aria-selected="true">{{ 'Description' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-avisAttr" role="tab" aria-controls="nav-avisAttr" aria-selected="false">{{ 'Nos' | trans({}, "productTranslate") }} <img style="margin: 3px;width: 15px;" src="{{ asset('images/2764-fe0f.png') }}"> {{ 'printers en parlent' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-tips" role="tab" aria-controls="nav-tips" aria-selected="false">{{ 'Nos tips' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-greentouch" role="tab" aria-controls="nav-greentouch" aria-selected="false">{{ 'La greentouch' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-guideTaille" role="tab" aria-controls="nav-guideTaille" aria-selected="false">{{ 'Guide des tailles' | trans({}, "productTranslate") }}</a>
</div>
</nav>
{% set descriptionAttributeLang = getDescriptionAttributeLang(type.id) %}
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade active show" id="nav-description" role="tabpanel" aria-labelledby="nav-description-tab">
{{ descriptionAttributeLang.descriptionProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-avisAttr" role="tabpanel" aria-labelledby="nav-avisAttr-tab">
<div class=" row avisAttributeBlock">
{% set attributeTypeFormat = getAttribute(type.id) %}
{% for item in attributeTypeFormat.avisAttribute %}
<div class="text-center col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
<div class="avisAttributeImgBlock">
{% if item.linkVideo %}
<iframe src="{{ item.linkVideo }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
{% else %}
<img style="width: 100%;" src="{{ asset('imageSite/'~item.image)}}">
{% endif %}
</div>
<h4>{{ item.client }}</h4>
<h4>{{ item.description | trans({}, "productTranslate") }}</h4>
<div class="ratings">
<div class="empty-stars"></div>
<div class="full-stars" style="width:{{ getPourcentageRate(item.rate) }}%"></div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="tab-pane fade" id="nav-tips" role="tabpanel" aria-labelledby="nav-tips-tab">
{{ descriptionAttributeLang.tipsProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-greentouch" role="tabpanel" aria-labelledby="nav-greentouch-tab">
{{ descriptionAttributeLang.greentouchProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-guideTaille" role="tabpanel" aria-labelledby="nav-guideTaille-tab">
{{ descriptionAttributeLang.guideTaillesProduit | trans({}, "productTranslate")|raw }}
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% if formats|length > 0 and formats[0].id %}
{% if product.typeProduct in [ constant('App\\Entity\\Product::PHOTOS'),constant('App\\Entity\\Product::PHOTOS_ENCADRE')] %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{% if product.typeProduct in [constant('App\\Entity\\Product::PHOTOS_ENCADRE')] %}{{ 'Choisir votre taille' | trans({}, "productTranslate") }}{% else %}{{ 'Format' | trans({}, "productTranslate") }}{% endif %}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in formats %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="height: 150px!important;">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="formatProductColorLab" class="select_ca_btn" id="format{{ item.id }}" {% if format.id is defined %}{% if item.id == format.id %}checked="checked"{% endif %}{% endif %} >
<label for="format{{ item.id }}" class="block taille" style="height: 150px!important;position: relative;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::FORMAT'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="formatProductColorLab" class="select_ca_btn" id="format{{ item.id }}" {% if format.id is defined %}{% if item.id == format.id %}checked="checked"{% endif %}{% endif %} >
<label for="format{{ item.id }}" class="block taille" style="height: 150px!important;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% else %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Format' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in formats %}
<div class="taille tailleSelect tailleSpecifique col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="formatProductColorLab" class="select_ca_btn" id="format{{ item.id }}" {% if format.id is defined %}{% if item.id == format.id %}checked="checked"{% endif %}{% endif %} >
<label for="format{{ item.id }}" class="block taille tailleSpecifique">
<div class="ca_image_txt" style="font-size: 13px;padding-top: 13px;">
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan2">{{ item.description | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::FORMAT'),product.typeProduct) %}
<div class="taille tailleSelect tailleSpecifique col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="formatProductColorLab" class="select_ca_btn" id="format{{ item.id }}" {% if format.id is defined %}{% if item.id == format.id %}checked="checked"{% endif %}{% endif %} >
<label for="format{{ item.id }}" class="block taille tailleSpecifique" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;padding-top: 13px;">
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan2">{{ item.description | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endif %}
{% if gramages|length > 0 and gramages[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{% if product.typeProduct == constant('App\\Entity\\Product::KAKEMONO') %}{{ 'Support' | trans({}, "productTranslate") }}{% else %}{{ 'Papier' | trans({}, "productTranslate") }}{% endif %}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in gramages %}
<div class="taille tailleSelect tailleSpecifique col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="height: 250px!important;">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="gramageProductColorLab" class="select_ca_btn" id="gramage{{ item.id }}" {% if gramage.id is defined %}{% if item.id == gramage.id %}checked="checked"{% endif %}{% endif %} >
<label for="gramage{{ item.id }}" class="block taille tailleSpecifique" style="height: 250px!important;">
<div class="ca_image_txt" style="font-size: 13px;padding-top: 13px;">
<span class="nameOptionSpan1" style="height: 40px;">{{ item.name | trans({}, "productTranslate") }}</span>
<div class="global_ca_img" style="margin-bottom: 0px;margin-top: 0px;">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan3">{{ item.namePapier | trans({}, "productTranslate") }}</span>
<span class="nameOptionSpan2" style="line-height: 12px;display: block;margin-top: -3px;">{{ item.description | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::GRAMMAGE'),product.typeProduct) %}
<div class="taille tailleSelect tailleSpecifique col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="height: 250px!important;opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="gramageProductColorLab" class="select_ca_btn" id="gramage{{ item.id }}" {% if gramage.id is defined %}{% if item.id == gramage.id %}checked="checked"{% endif %}{% endif %} >
<label for="gramage{{ item.id }}" class="block taille tailleSpecifique" style="height: 250px!important;position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;padding-top: 13px;">
<span class="nameOptionSpan1" style="height: 40px;">{{ item.name | trans({}, "productTranslate") }}</span>
<div class="global_ca_img" style="margin-bottom: 0px;margin-top: 0px;">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan3">{{ item.namePapier | trans({}, "productTranslate") }}</span>
<span class="nameOptionSpan2" style="line-height: 12px;display: block;margin-top: -3px;">{{ item.description | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if specificites|length > 0 and specificites[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Coupe' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in specificites %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="specificiteProductColorLab" class="select_ca_btn" id="specificite{{ item.id }}" {% if specificite.id is defined %}{% if item.id == specificite.id %}checked="checked"{% endif %}{% endif %} >
<label for="specificite{{ item.id }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::SPECIFICITE'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="specificiteProductColorLab" class="select_ca_btn" id="specificite{{ item.id }}" {% if specificite.id is defined %}{% if item.id == specificite.id %}checked="checked"{% endif %}{% endif %} >
<label for="specificite{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if couleurs|length > 0 and couleurs[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<div class="titre_tool_ca">
<h3>{% if product.typeProduct in [constant('App\\Entity\\Product::PHOTOS_ENCADRE')] %}{{ 'Choisir la couleur du cadre' | trans({}, "productTranslate") }}{% else %}{{ 'Couleurs' | trans({}, "productTranslate") }}{% endif %}</h3>
</div>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in couleurs %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="couleurProductColorLab" class="select_ca_btn" id="couleur{{ item.id }}" {% if couleur.id is defined %}{% if item.id == couleur.id %}checked="checked"{% endif %}{% endif %} >
<label for="couleur{{ item.id }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::TYPE_COULEUR'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="couleurProductColorLab" class="select_ca_btn" id="couleur{{ item.id }}" {% if couleur.id is defined %}{% if item.id == couleur.id %}checked="checked"{% endif %}{% endif %} >
<label for="couleur{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if tailles|length > 0 and tailles[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Taille' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in tailles %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="tailleProductColorLab" class="select_ca_btn" id="taille{{ item.id }}" {% if taille.id is defined %}{% if item.id == taille.id %}checked="checked"{% endif %}{% endif %} >
<label for="taille{{ item.id }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::TAILLE'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="tailleProductColorLab" class="select_ca_btn" id="taille{{ item.id }}" {% if taille.id is defined %}{% if item.id == taille.id %}checked="checked"{% endif %}{% endif %} >
<label for="taille{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if zoneImpressions|length > 0 and zoneImpressions[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Choisir sa zone d’impression' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in zoneImpressions %}
{% if product.typeProduct in [constant('App\\Entity\\Product::TSHIRT'),constant('App\\Entity\\Product::PULL'),constant('App\\Entity\\Product::HODDIES'),constant('App\\Entity\\Product::CASQUETTE'),constant('App\\Entity\\Product::POLO'),constant('App\\Entity\\Product::BANANE')] %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="height: 208px;">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="zoneImpressionProductColorLab" class="select_ca_btn" id="zoneImpression{{ item.id }}" {% if zoneImpression.id is defined %}{% if item.id == zoneImpression.id %}checked="checked"{% endif %}{% endif %} >
<label for="zoneImpression{{ item.id }}" class="block taille" style="height: 208px;">
<div class="ca_image_txt" style="font-size: 13px;padding-top: 13px;">
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
<div class="global_ca_img" style="min-height: 110px;">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan2">{{ item.description | trans({}, "productTranslate")|raw }}</span>
</div>
</label>
</div>
{% else %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="zoneImpressionProductColorLab" class="select_ca_btn" id="zoneImpression{{ item.id }}" {% if zoneImpression.id is defined %}{% if item.id == zoneImpression.id %}checked="checked"{% endif %}{% endif %} >
<label for="zoneImpression{{ item.id }}" class="block taille" >
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endif %}
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::ZONE_IMPRESSION'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="zoneImpressionProductColorLab" class="select_ca_btn" id="zoneImpression{{ item.id }}" {% if zoneImpression.id is defined %}{% if item.id == zoneImpression.id %}checked="checked"{% endif %}{% endif %} >
<label for="zoneImpression{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<img src="{{ asset('imageSite/'~item.file) }}">
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if nbrCouleurs|length > 0 and nbrCouleurs[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{% if product.typeProduct in [constant('App\\Entity\\Product::PHOTOS_ENCADRE')] %}Choisir vos effets{% else %}Nombre de couleur du design{% endif %}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in nbrCouleurs %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="nbrCouleurProductColorLab" class="select_ca_btn" id="nbrCouleur{{ item.id }}" {% if nbrCouleur.id is defined %}{% if item.id == nbrCouleur.id %}checked="checked"{% endif %}{% endif %} >
<label for="nbrCouleur{{ item.id }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::NBR_COULEUR'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="nbrCouleurProductColorLab" class="select_ca_btn" id="nbrCouleur{{ item.id }}" {% if nbrCouleur.id is defined %}{% if item.id == nbrCouleur.id %}checked="checked"{% endif %}{% endif %} >
<label for="nbrCouleur{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if supportSuspensions|length > 0 and supportSuspensions[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Support de suspension' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in supportSuspensions %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="supportSuspensionProductColorLab" class="select_ca_btn" id="supportSuspension{{ item.id }}" {% if supportSuspension.id is defined %}{% if item.id == supportSuspension.id %}checked="checked"{% endif %}{% endif %} >
<label for="supportSuspension{{ item.id }}" class="block taille" >
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::SUPPORT_SUSPENSION'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="supportSuspensionProductColorLab" class="select_ca_btn" id="supportSuspension{{ item.id }}" {% if supportSuspension.id is defined %}{% if item.id == supportSuspension.id %}checked="checked"{% endif %}{% endif %} >
<label for="supportSuspension{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if typeImpressions|length > 0 and typeImpressions[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ "Type d\'impression" | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in typeImpressions %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="typeImpressionProductColorLab" class="select_ca_btn" id="typeImpression{{ item.id }}" {% if typeImpression.id is defined %}{% if item.id == typeImpression.id %}checked="checked"{% endif %}{% endif %} >
<label for="typeImpression{{ item.id }}" class="block taille" >
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::TYPE_IMPRESSION'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="typeImpressionProductColorLab" class="select_ca_btn" id="typeImpression{{ item.id }}" {% if typeImpression.id is defined %}{% if item.id == typeImpression.id %}checked="checked"{% endif %}{% endif %} >
<label for="typeImpression{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">Soon</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if typeCartons|length > 0 and typeCartons[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Type de carton' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in typeCartons %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="typeCartonProductColorLab" class="select_ca_btn" id="typeCarton{{ item.id }}" {% if typeCarton.id is defined %}{% if item.id == typeCarton.id %}checked="checked"{% endif %}{% endif %} >
<label for="typeCarton{{ item.id }}" class="block taille" >
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""><img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::TYPE_CARTON'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="typeCartonProductColorLab" class="select_ca_btn" id="typeCarton{{ item.id }}" {% if typeCarton.id is defined %}{% if item.id == typeCarton.id %}checked="checked"{% endif %}{% endif %} >
<label for="typeCarton{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if oeilles|length > 0 and oeilles[0].id %}
<div class="row_select_ca7 bloc_option_colorLab">
<h3>{{ 'Oeille' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full row" style="max-width: 100%">
{% for item in oeilles %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 ">
<input type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="oeilleProductColorLab" class="select_ca_btn" id="oeille{{ item.id }}" {% if oeille.id is defined %}{% if item.id == oeille.id %}checked="checked"{% endif %}{% endif %} >
<label for="oeille{{ item.id }}" class="block taille" >
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::OEILLE'),product.typeProduct) %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" data-type-attr="{{ item.typeAttribute }}" name="oeilleProductColorLab" class="select_ca_btn" id="oeille{{ item.id }}" {% if oeille.id is defined %}{% if item.id == oeille.id %}checked="checked"{% endif %}{% endif %} >
<label for="oeille{{ item.id }}" class="block taille" style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{{ asset('imageSite/'~item.file) }}" data-lightbox="image" data-title=""> <img src="{{ asset('imageSite/'~item.file) }}"></a>
</div>
<span class="nameOptionSpan1">{{ item.name | trans({}, "productTranslate") }}</span>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endif %}
{% else %}
{% set productObject = null %}
{% if format %}
{% set productObject = getAttribute(format.id) %}
{% endif %}
<div class="col-md-12 row">
<div class="col-md-5" id="imageDescProductDesktop">
{% if productObject %}
<div class="div_img_option_product">
<div class="col-md-12 row_ca_left oghtml4 pl-0">
<div class="row_select_ca7 imageDescProduct">
{% set productImage = productObject.attributImage %}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% if productImage|length > 0 %}
{% for item in productImage %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index0 }}"></li>
{% endfor %}
{% endif %}
</ol>
<div class="carousel-inner" style="text-align: center;">
{% if productImage|length > 0 %}
{% for item in productImage %}
<div class="carousel-item {% if loop.first %}active{% endif %}" style="position: relative">
<img src="{{ asset('imageSite/'~item.image) }}" style="max-height: 320px;max-width: 100%;">
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
<div class="col-md-7">
{% if productObject %}
<div class="oghtml4 ">
<div class="row_select_ca7">
<h4 class="titre_desc_option_product">{{ productObject.titreProductDescription }}</h4>
{% if productObject.descriptionProduit %}
<nav>
<div class="nav nav-tabs nav-fill nav_product_option_desc nav_new_product_option_desc" id="nav-tab" role="tablist">
<a class="nav-item nav-link active firstNav show" id="nav-description-tab" data-toggle="tab" href="#nav-description" role="tab" aria-controls="nav-description" aria-selected="true">{{ 'Description' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-avisAttr" role="tab" aria-controls="nav-avisAttr" aria-selected="false">{{ 'Nos' | trans({}, "productTranslate") }} <img style="margin: 3px;width: 15px;" src="{{ asset('images/2764-fe0f.png') }}"> {{ 'printers en parlent' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-tips" role="tab" aria-controls="nav-tips" aria-selected="false">{{ 'Nos tips' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-greentouch" role="tab" aria-controls="nav-greentouch" aria-selected="false">{{ 'La greentouch' | trans({}, "productTranslate") }}</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-guideTaille" role="tab" aria-controls="nav-guideTaille" aria-selected="false">{{ 'Guide des tailles' | trans({}, "productTranslate") }}</a>
</div>
</nav>
{% set descriptionAttributeLang = getDescriptionAttributeLang(productObject.id) %}
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade active show" id="nav-description" role="tabpanel" aria-labelledby="nav-description-tab">
{{ descriptionAttributeLang.descriptionProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-avisAttr" role="tabpanel" aria-labelledby="nav-avisAttr-tab">
<div class=" row avisAttributeBlock">
{% for item in productObject.avisAttribute %}
<div class="text-center col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
<div class="avisAttributeImgBlock">
{% if item.linkVideo %}
<iframe src="{{ item.linkVideo }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
{% else %}
<img style="width: 100%;" src="{{ asset('imageSite/'~item.image)}}">
{% endif %}
</div>
<h4>{{ item.client }}</h4>
<h4>{{ item.description | trans({}, "productTranslate") }}</h4>
<div class="ratings">
<div class="empty-stars"></div>
<div class="full-stars" style="width:{{ getPourcentageRate(item.rate) }}%"></div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="tab-pane fade" id="nav-tips" role="tabpanel" aria-labelledby="nav-tips-tab">
{{ descriptionAttributeLang.tipsProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-greentouch" role="tabpanel" aria-labelledby="nav-greentouch-tab">
{{ descriptionAttributeLang.greentouchProduit | trans({}, "productTranslate")|raw }}
</div>
<div class="tab-pane fade" id="nav-guideTaille" role="tabpanel" aria-labelledby="nav-guideTaille-tab">
{{ descriptionAttributeLang.guideTaillesProduit | trans({}, "productTranslate")|raw }}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
<div class="oghtml4 pl-0 mt-1" id="imageDescProductMobile">
<div class="row_select_ca7 imageDescProduct">
{% set productImage = productObject.attributImage %}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% if productImage|length > 0 %}
{% for item in productImage %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index0 }}"></li>
{% endfor %}
{% endif %}
</ol>
<div class="carousel-inner" style="text-align: center;">
{% if productImage|length > 0 %}
{% for item in productImage %}
<div class="carousel-item {% if loop.first %}active{% endif %}" style="position: relative">
<img src="{{ asset('imageSite/'~item.image) }}" style="max-height: 320px;max-width: 100%;">
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row_select_ca5 oghtml2">
{% if product.typeProduct == constant('App\\Entity\\Product::AFFICHE') %}
<div class="row_select_ca7" style="">
<h3>{{ 'Choisissez votre type d’impression' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio row taille_full max_full_width">
{% for item in typeImpression %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 taille tailleSelect">
<input type="radio" name="typeImpression" class="select_ca_btn" id="typeImression{{ item.id }}" {% if item.id == typeImpression_id %}checked="checked"{% endif %} value="{{ item.id }}">
<label for="typeImression{{ item.id }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ item.name | trans({}, "productTranslate") }}</h4>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
{% else %}
<div class="row_select_ca7" {% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}style="display: none" {% endif %}>
<h3>{{ 'Choisissez votre type' | trans({}, "productTranslate") }}</h3>
<div class="d-flex bx_global_radio taille_full max_full_width" {% if product.isRecto or product.isRectoVerso %}style="max-width: 155px;"{% endif %}>
{% if product.isRecto %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 taille tailleSelect">
<input type="radio" name="rectoverso" class="select_ca_btn" id="recto" {% if constant('App\\Entity\\ProductAttribute::RECTO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::RECTO') }}">
<label for="recto" class="block taille ">
<div class="ca_image_txt">
<div class="global_ca_img">
<a href="{% if format.imageRecto %}{{ asset('imageSite/'~format.imageRecto) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.imageRecto %}{{ asset('imageSite/'~format.imageRecto) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
{{ 'Recto' | trans({}, "productTranslate") }}
</div>
</label>
</div>
{% elseif product.isRectoVerso %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 taille tailleSelect">
<input type="radio" name="rectoverso" class="select_ca_btn" id="rectoVerso" {% if constant('App\\Entity\\ProductAttribute::VERSO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::VERSO') }}">
<label for="rectoVerso" class="block taille">
<div class="ca_image_txt">
<div class="global_ca_img">
<a href="{% if format.imageVerso %}{{ asset('imageSite/'~format.imageVerso) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.imageVerso %}{{ asset('imageSite/'~format.imageVerso) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
{{ 'Recto/Verso' | trans({}, "productTranslate") }}
</div>
</label>
</div>
{% else %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 taille tailleSelect">
<input type="radio" name="rectoverso" class="select_ca_btn" id="recto" {% if constant('App\\Entity\\ProductAttribute::RECTO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::RECTO') }}">
<label for="recto" class="block taille ">
<div class="ca_image_txt">
<div class="global_ca_img">
<a href="{% if format.imageRecto %}{{ asset('imageSite/'~format.imageRecto) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.imageRecto %}{{ asset('imageSite/'~format.imageRecto) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
{{ 'Recto' | trans({}, "productTranslate") }}
</div>
</label>
</div>
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 taille tailleSelect">
<input type="radio" name="rectoverso" class="select_ca_btn" id="rectoVerso" {% if constant('App\\Entity\\ProductAttribute::VERSO') == rectoverso %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\ProductAttribute::VERSO') }}">
<label for="rectoVerso" class="block taille">
<div class="ca_image_txt">
<div class="global_ca_img">
<a href="{% if format.imageVerso %}{{ asset('imageSite/'~format.imageVerso) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.imageVerso %}{{ asset('imageSite/'~format.imageVerso) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
{{ 'Recto/Verso' | trans({}, "productTranslate") }}
</div>
</label>
</div>
{% endif %}
</div>
</div>
{% endif %}
<div class="titre_tool_ca" id="infoTaille" style="height: 35px;">
{% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}
{{ 'Choisissez votre Coupe' | trans({}, "productTranslate") }}
{% else %}
{{ 'Choisissez votre taille' | trans({}, "productTranslate") }}
{% endif %}
</div>
<div class="d-flex bx_global_radio row taille_full max_full_width" style="{% if formats|length == 1 %}max-width: 155px;{% elseif formats|length == 2 %}max-width: 310px;{% elseif formats|length ==3 %} max-width: 465px; {% else %}max-width: 600px;{% endif %}">
{% for item in formats %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 taille tailleSelect ">
<input type="radio" value="{{ item.id }}" name="format" class="select_ca_btn" id="format{{ item.id }}" {% if item.id == format_id %}checked="checked"{% endif %} >
<label for="format{{ item.id }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ item.name | trans({}, "productTranslate") }}</h4>
<h5>{{ item.description | trans({}, "productTranslate") }}<br>{{ item.description2 | trans({}, "productTranslate") }}</h5>
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::FORMAT'),product.typeProduct) %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 taille tailleSelect " style="opacity: 0.6;">
<input disabled="disabled" type="radio" value="{{ item.id }}" name="format" class="select_ca_btn" id="format{{ item.id }}" {% if item.id == format_id %}checked="checked"{% endif %} >
<label for="format{{ item.id }}" class="block taille " style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ item.name | trans({}, "productTranslate") }}</h4>
<h5>{{ item.description | trans({}, "productTranslate") }}<br>{{ item.description2 | trans({}, "productTranslate") }}</h5>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
<div id="optionsGlobalByFormat" class="oghtml3 ">
<h3>
{% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}
{{ 'Choisissez votre Format' | trans({}, "productTranslate") }}
{% else %}
{{ 'Choisissez votre papier' | trans({}, "productTranslate") }}
{% endif %}
</h3>
<div class="row_select_ca8 row d-flex bx_global_radio taille_full max_full_width" style="margin-bottom: 0px!important" id="PapierGramageOption">
{% for item in gramage %}
<div class="taille col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 tailleSelect">
<input type="radio" name="gramage" class="select_ca_btn" id="gramage{{ item.id }}" {% if item.id == gramage_id %}checked="checked"{% endif %} value="{{ item.id }}">
<label for="gramage{{ item.id }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
{% if product.typeProduct == constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT') %}
<h4>{{ item.name | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ item.description | trans({}, "productTranslate") }}</h5>
{% else %}
<h4>{{ item.namePapier | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ item.description | trans({}, "productTranslate") }} ({{ item.name | trans({}, "productTranslate") }})</h5>
{% endif%}
</div>
</label>
</div>
{% endfor %}
{% for item in getAttrSoon(constant('App\\Entity\\Attribut::GRAMMAGE'),product.typeProduct) %}
<div class="col-6 col-md-4 col-lg-4 col-xl-3 p-0 mb-3 taille tailleSelect " style="opacity: 0.6;">
<input disabled="disabled" type="radio" name="gramage" class="select_ca_btn" id="gramage{{ item.id }}" {% if item.id == gramage_id %}checked="checked"{% endif %} value="{{ item.id }}">
<label for="gramage{{ item.id }}" class="block taille " style="position: relative;">
<span class="infoBulleSoon" style="line-height: 1;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if item.file %}{{ asset('imageSite/'~item.file) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ item.namePapier | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ item.description | trans({}, "productTranslate") }} ({{ item.name | trans({}, "productTranslate") }})</h5>
</div>
</label>
</div>
{% endfor %}
</div>
{% if finition %}
<h3>{{ 'Choisissez votre finition' | trans({}, "productTranslate") }}</h3>
<div class="oghtml4 row row_select_ca9 d-flex bx_global_radio taille_full max_full_width" style="margin-bottom: 40px!important;">
{% if isFinitionGlace %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_GLACE') }}" {% if constant('App\\Entity\\CartDetail::FINITION_GLACE') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_GLACE') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_GLACE') }}" class="block taille " style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionGlasse %}{{ asset('imageSite/'~format.fileFinitionGlasse) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format is defined and format and format.fileFinitionGlasse %}{{ asset('imageSite/'~format.fileFinitionGlasse) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Glacée' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionGlasse | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
{% if isFinitionMate %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_MATE') }}" {% if constant('App\\Entity\\CartDetail::FINITION_MATE') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_MATE') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_MATE') }}" class="block taille" style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionMate %}{{ asset('imageSite/'~format.fileFinitionMate) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format is defined and format and format.fileFinitionMate %}{{ asset('imageSite/'~format.fileFinitionMate) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Mate' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionMate | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
{% if isFinitionTransparent or isFinitionRepositionalble %}
{% if isFinitionTransparent %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') }}" {% if constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_TRANSPARENT') }}" class="block taille " style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionTransparent %}{{ asset('imageSite/'~format.fileFinitionTransparent) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format is defined and format and format.fileFinitionTransparent %}{{ asset('imageSite/'~format.fileFinitionTransparent) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Transparent' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionTransparent | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
{% if isFinitionRepositionalble %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') }}" {% if constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_REPOSITIONALBLE') }}" class="block taille" style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionRepositionalble %}{{ asset('imageSite/'~format.fileFinitionRepositionalble) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format is defined and format and format.fileFinitionRepositionalble %}{{ asset('imageSite/'~format.fileFinitionRepositionalble) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Repositionnable' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionRepositionalble | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
{% endif %}
{% if isFinitionSoftTouch or isFinitionPelliculemat %}
{% if isFinitionSoftTouch %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_SoftTouch') }}" {% if constant('App\\Entity\\CartDetail::FINITION_SoftTouch') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_SoftTouch') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_SoftTouch') }}" class="block taille " style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionSoftTouch %}{{ asset('imageSite/'~format.fileFinitionSoftTouch) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format is defined and format and format.fileFinitionSoftTouch %}{{ asset('imageSite/'~format.fileFinitionSoftTouch) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Soft Touch' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionSoftTouch | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
{% if isFinitionPelliculemat %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') }}" {% if constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_Pelliculemat') }}" class="block taille" style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionPelliculemat %}{{ asset('imageSite/'~format.fileFinitionPelliculemat) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}" data-lightbox="image" data-title=""> <img src="{% if format is defined and format and format.fileFinitionPelliculemat %}{{ asset('imageSite/'~format.fileFinitionPelliculemat) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Pelliculé mat' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionPelliculemat | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
{% endif %}
{% if isFinitionPelliculeBrillant %}
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="finition" class="select_ca_btn" id="finition{{ constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') }}" {% if constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') == finition %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') }}">
<label for="finition{{ constant('App\\Entity\\CartDetail::FINITION_PelliculeBrillant') }}" class="block taille " style="min-height: 257px !important;">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format is defined and format and format.fileFinitionPelliculeBrillant %}{{ asset('imageSite/'~format.fileFinitionPelliculeBrillant) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""> <img src="{% if format is defined and format and format.fileFinitionPelliculeBrillant %}{{ asset('imageSite/'~format.fileFinitionPelliculeBrillant) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Pelliculé Brillant' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textFinitionPelliculeBrillant | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
{% endif %}
</div>
{% endif %}
{% if format is defined and format.isPlastification %}
<h3>{{ 'Plastification' | trans({}, "productTranslate") }}</h3>
<div class="oghtml4 row_select_ca9 d-flex bx_global_radio taille_full max_full_width" style="margin-bottom: 40px!important;">
<div class="row taille_full" style="width: 100%;">
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="plastification" class="select_ca_btn" id="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') == plastification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') }}">
<label for="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_NOT_CHECKED') }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format.fileSansPlastification %}{{ asset('imageSite/'~format.fileSansPlastification) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""> <img src="{% if format.fileSansPlastification %}{{ asset('imageSite/'~format.fileSansPlastification) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Sans' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ format.textSansPlastification | trans({}, "productTranslate") }}</h5>
</div>
</label>
</div>
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 p-0 col-xl-3 mb-2">
<input type="radio" name="plastification" class="select_ca_btn" id="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') == plastification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') }}">
<label for="plastification{{ constant('App\\Entity\\CartDetail::PLASTIFICATION_CHECKED') }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format.fileAvecPlastification %}{{ asset('imageSite/'~format.fileAvecPlastification) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.fileAvecPlastification %}{{ asset('imageSite/'~format.fileAvecPlastification) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Avec' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ format.textAvecPlastification | trans({}, "productTranslate") }}</h5>
</div>
</label>
</div>
</div>
</div>
{% endif %}
<h3>{{ 'Vérification du design' | trans({}, "productTranslate") }}</h3>
<div class="oghtml4 row_select_ca9 d-flex bx_global_radio taille_full max_full_width" style="margin-bottom: 40px!important;">
<div class="row taille_full" style="width: 100%;">
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 mb-2">
<input type="radio" name="verification" class="select_ca_btn" id="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') == verification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') }}">
<label for="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_NOT_CHECKED') }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format.fileSansVerification %}{{ asset('imageSite/'~format.fileSansVerification) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""> <img src="{% if format.fileSansVerification %}{{ asset('imageSite/'~format.fileSansVerification) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Sans' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textSansVerification | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 mb-2">
<input type="radio" name="verification" class="select_ca_btn" id="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') == verification %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') }}">
<label for="verification{{ constant('App\\Entity\\CartDetail::VERIFICATION_CHECKED') }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format.fileAvecVerification %}{{ asset('imageSite/'~format.fileAvecVerification) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.fileAvecVerification %}{{ asset('imageSite/'~format.fileAvecVerification) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Avec' | trans({}, "productTranslate") }} (+3,99€ HT)</h4>
<h5 class="font_size1">{% if format is defined and format %}{{ format.textAvecVerification | trans({}, "productTranslate") }}{% endif %}</h5>
</div>
</label>
</div>
</div>
</div>
{% if format is defined and format.isBordsArrondis %}
<h3>{{ 'Bords arrondis' | trans({}, "productTranslate") }}</h3>
<div class="oghtml4 row_select_ca9 d-flex bx_global_radio taille_full max_full_width" style="margin-bottom: 40px!important;">
<div class="row taille_full" style="width: 100%;">
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 mb-2">
<input type="radio" name="bordsArrondis" class="select_ca_btn" id="bordsArrondis{{ constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_NOT_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_NOT_CHECKED') == bordsArrondis %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_NOT_CHECKED') }}">
<label for="bordsArrondis{{ constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_NOT_CHECKED') }}" class="block taille ">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format.fileSansBordsArrondis %}{{ asset('imageSite/'~format.fileSansBordsArrondis) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}" data-lightbox="image" data-title=""><img src="{% if format.fileSansBordsArrondis %}{{ asset('imageSite/'~format.fileSansBordsArrondis) }}{% else %}{{ asset('imageSite/imgtst.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Sans' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ format.textSansBordsArrondis | trans({}, "productTranslate") }}</h5>
</div>
</label>
</div>
<div class="taille tailleSelect col-6 col-md-4 col-lg-4 col-xl-3 mb-2">
<input type="radio" name="bordsArrondis" class="select_ca_btn" id="bordsArrondis{{ constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_CHECKED') }}" {% if constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_CHECKED') == bordsArrondis %}checked="checked"{% endif %} value="{{ constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_CHECKED') }}">
<label for="bordsArrondis{{ constant('App\\Entity\\CartDetail::BORDS_ARRONDIS_CHECKED') }}" class="block taille">
<div class="ca_image_txt" style="font-size: 13px;">
<div class="global_ca_img">
<a href="{% if format.fileAvecBordsArrondis %}{{ asset('imageSite/'~format.fileAvecBordsArrondis) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}" data-lightbox="image" data-title=""> <img src="{% if format.fileAvecBordsArrondis %}{{ asset('imageSite/'~format.fileAvecBordsArrondis) }}{% else %}{{ asset('imageSite/imgtst2.png') }}{% endif %}"></a>
</div>
<h4>{{ 'Avec' | trans({}, "productTranslate") }}</h4>
<h5 class="font_size1">{{ format.textAvecBordsArrondis | trans({}, "productTranslate") }}</h5>
</div>
</label>
</div>
</div>
</div>
{% endif %}
{% if product.typeProduct == constant('App\\Entity\\Product::FAIRE_PART_MARIAGE') or product.typeProduct == constant('App\\Entity\\Product::FAIRE_PART_NAISSANCE') %}
<div class="">
<div class="">
{{ 'Ajouter des enveloppes à ma commande pour chaque faire-part' | trans({}, "productTranslate") }}
<div class="details mt-3">
<div class="page_check">
<div class="col-12 p-md-0 form-check">
<input type="checkbox" name="isEnveloppe" value="1" id="isEnveloppe" {% if isEnveloppe %}checked="checked" {% endif %}>
<label for="isEnveloppe">+ (0,2€ * {{ 'quantit' | trans({}, "productTranslate") }}) </label>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endif %}