{% set qtys = triTableQuantity(qtys) %}
{% macro blocQuantity(qtys,qty,aboType,product) %}
<div class="bx_select row_select_ca boxQuantityBlocNew" >
<div class="d-flex">
<div class="f_family">
<a aria-controls="select_row_ca_add2" aria-expanded="false" role="button" href="#select_row_ca_add2" data-toggle="collapse" class="btn btn-primary collapsed">
{% set quantityDefault = null %}
{% for item in qtys %}
{% if item.qty == qty %}
{% set quantityDefault = item %}
{% endif %}
{% endfor %}
<span style="" class="titreProductQuantitySpan1">
{% if quantityDefault %}{{ quantityDefault.qty }} {{product.titre | trans({}, "productTranslate")}}{% endif %}
</span>
<span style="" class="titreProductQuantitySpan2">
{% if quantityDefault %}
{{ number_format(quantityDefault.prixHt) }}€ Ht
{% if quantityDefault.isPromoDetail %}
<strike style="color: red;">{{ number_format(quantityDefault.prixHtWithoutPromo) }}€ Ht</strike>
{% endif %}
{% endif %}
</span>
</a>
<div class="collapse" id="select_row_ca_add2" style="">
<div class="row_select_ca02 row p-0">
<div class="col-12 p-0">
<div class=" bx_global_radio taille_full" style="max-width: 100%;">
{% for item in qtys %}
<div class="taille tailleSelect col-lg-12 pr-0 pl-0">
<input type="radio" name="quantity" class="select_ca_btn" data-text-quantity="{{ item.qty }} {{product.titre | trans({}, "productTranslate")}}" data-text-prix=" {{ number_format(item.prixHt) }}€{% if item.isPromoDetail %}<strike style='color: red;'>{{ number_format(item.prixHtWithoutPromo) }}€</strike>{% endif %}" id="qantity{{ aboType }}{{ item.id }}" {% if item.qty == qty %}checked="checked"{% endif %} value="{{ item.qty }}">
<label for="qantity{{ aboType }}{{ item.id }}" style="width: 100%" class="block taille ">
<div class="row">
<div class="col-6 pl-0" >
<span class="prixProductQty">
{{ item.qty }} {{product.titre | trans({}, "productTranslate")}}
</span>
<span class="prixProductQtyUnite">
{{ number_format(item.prixHt / item.qty) }}/{{'unité' | trans({}, "productTranslate")}}
</span>
</div>
<div class="col-6 pr-0 qtyAndMacrance">
<span>
{{ number_format(item.prixHt) }}€ HT
{% if item.isPromoDetail %}
<strike style="color: red;">{{ number_format(item.prixHtWithoutPromo) }}€ HT</strike>
{% endif %}
<b>
{% if item.livraison30minLendemain == false and item.isExaprint == false and item.isExaprintUnique == false and item.isJPlus5 == false and item.isJPlus10 == false and item.isJPlus15 == false %}
<img src="{{ asset('images/Macarons_Copees_j0.png') }}" style="width: 40px;" >
{% elseif item.isExaprint or item.isExaprintUnique %}
<img src="{{ asset('images/Macarons_Copees_j2.png') }}" style="width: 40px;" >
{% elseif item.isJPlus5 %}
<img src="{{ asset('images/Macarons_Copees_j5.png') }}" style="width: 40px;" >
{% elseif item.isJPlus10 %}
<img src="{{ asset('images/Macarons_Copees_j10.png') }}" style="width: 40px;" >
{% elseif item.isJPlus15 %}
<img src="{{ asset('images/Macarons_Copees_j15.png') }}" style="width: 40px;" >
{% elseif item.livraison30minLendemain %}
<img src="{{ asset('images/Macarons_Copees_j1.png') }}" style="width: 40px;" >
{% else %}
<img src="{{ asset('images/Macarons_Copees_j2.png') }}" style="width: 40px;" >
{% endif %}
</b>
</span>
</div>
</div>
</label>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endmacro %}
{% if checkIsAbonnementPro(app.user) or checkIsAbonnementProCart() %}
{% if product.isDeleted or getDisponibiliteProductPerCountrySession(product) == false %}
{% else %}
<div class="row_select_ca10">
{% if product.typeProduct in [constant('App\\Entity\\Product::PHOTOS') , constant('App\\Entity\\Product::PHOTOS')] %}
<h3>Tableau des quantités</h3>
<div class="row taille_full">
<div class=" col-lg-12 mb-2">
<table id="tableQuantityProductOption" class="table table-striped">
<thead>
<tr>
<th style="background-color: #e3e2e245;text-align: center" scope="col" colspan="2">{% if type.id is defined %}{{ type.name | trans({}, "productTranslate") }}{% endif %}</th>
</tr>
<tr>
<th style="text-align: center" >{{ 'Quantité' | trans({}, "productTranslate") }}</th>
<th style="text-align: center" >{{ 'Prix (par unité)' | trans({}, "productTranslate") }}</th>
</tr>
</thead>
<tbody>
{% for item in qtys %}
<tr>
<td style="text-align: center" >{{ item.textQuantity }}</td>
<td style="text-align: center" >{{ number_format(item.prixHt) }}€</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% else %}
<div id="" class="productIndexOptionNewTitre" style="margin-top: 20px;">
<h3 style="margin-top: 0px !important;">Combien ?</h3>
</div>
{% if product.isColorLab %}
{{ _self.blocQuantity(qtys,qty,10,product) }}
{% else %}
{{ _self.blocQuantity(qtys,qty,10,product) }}
{% endif %}
{% endif %}
</div>
{% endif %}
{% else %}
{% if product.isDeleted or getDisponibiliteProductPerCountrySession(product) == false %}
{% else %}
<div class="row_select_ca10">
<div id="" class="productIndexOptionNewTitre">
<h3 style="margin-top: 10px !important;">Abonnement</h3>
</div>
<div class="row taille_full" style="width: 100%;">
<div class="taille tailleSelect col-12 col-md-6 col-lg-6 p-0 col-xl-4 mb-2" data-original-title="" title="">
<input type="radio" name="priceAbonnementLink" class="select_ca_btn" id="abonnementPlusSection1Link" value="1">
<label for="abonnementPlusSection1Link" class="block taille " data-toggle="tooltip" data-html="true"
title="
<h2>Passez à Copees + !</h2>
<ul>
<li>Jusqu’à 50% de réduction sur notre catalogue de plus de 300 produits</li>
<li>Livraison gratuite illimitée le jour même sur créneau de 30 mn dans plus de 10 villes en France, et sous 48H maximum dans le reste de la France</li>
<li>Paiement automatique à 30 jours dès votre 2eme commande</li>
<li>Sauvegarde de vos fichiers dans votre espace</li>
<li>Une plateforme tout en un pour vous et vos collaborateurs avec plus de 300 produits et 20 000 modèles à personnaliser</li>
<li>Abonnement sans engagement de durée, résiliable en 1 clic à tous moments</li>
</ul>
">
<div class="ca_image_txt aboTitreBlock morePaddingaboTitreBlock">
<h4 class="aboTitreBlockH41"><strong>-10%</strong> avec </h4>
<h4 class="aboTitreBlockH42">
Copees+ à 5,99€/mois</h4>
</div>
</label>
</div>
<div class="taille tailleSelect col-12 col-md-6 col-lg-6 p-0 col-xl-4 mb-2" data-original-title="" title="">
<input type="radio" name="priceAbonnementLink" class="select_ca_btn" id="abonnementBusinessSection1Link" value="1">
<label for="abonnementBusinessSection1Link" class="block taille" data-toggle="tooltip" data-html="true"
title="
<h2>Passez à Copees Business !</h2>
<ul>
<li>Jusqu’à 50% de réduction sur notre catalogue de plus de 300 produits</li>
<li>Livraison gratuite illimitée le jour même sur créneau de 30 mn dans plus de 10 villes en France, et sous 48H maximum dans le reste de la France</li>
<li>Paiement automatique à 30 jours dès votre 2eme commande</li>
<li>Sauvegarde de vos fichiers dans votre espace</li>
<li>Une plateforme tout en un pour vous et vos collaborateurs avec plus de 300 produits et 20 000 modèles à personnaliser</li>
<li>Abonnement sans engagement de durée, résiliable en 1 clic à tous moments</li>
<li>Un système de Multi-livraison simple pour répondre à vos besoins </li>
<li>Partager votre compte avec tous vos collaborateurs </li>
</ul>
">
<div class="ca_image_txt aboTitreBlock morePaddingaboTitreBlock">
<h4 class="aboTitreBlockH41 "><strong>-20%</strong> avec </h4>
<h4 class="aboTitreBlockH42">
Business à 19,99€/mois</h4>
</div>
</label>
</div>
<div class="taille tailleSelect col-12 col-md-6 col-lg-6 p-0 col-xl-4 mb-2" data-original-title="" title="">
<input type="radio" name="priceAbonnementLink" class="select_ca_btn active" id="sansAbonnementSection1Link" value="1">
<label for="sansAbonnementSection1Link" class="block taille" data-original-title="" title="">
<div class="ca_image_txt aboTitreBlock morePaddingaboTitreBlock1">
<h4 class="aboTitreBlockH41 "><strong>Sans abonnement</strong> </h4>
</div>
</label>
</div>
</div>
<div id="" class="productIndexOptionNewTitre" style="margin-top: 20px;">
<h3 style="margin-top: 0px !important;">Combien ?</h3>
</div>
{% if product.typeProduct in [constant('App\\Entity\\Product::PHOTOS') , constant('App\\Entity\\Product::PHOTOS')] %}
<div id="abonnementPlusSection1" style="">
<div class="row taille_full">
<div class=" col-lg-12 mb-2">
<table id="tableQuantityProductOption" class="table table-striped">
<thead>
<tr>
<th style="background-color: #e3e2e245;text-align: center" scope="col" colspan="2">{% if type.id is defined %}{{ type.name | trans({}, "productTranslate") }}{% endif %}</th>
</tr>
<tr>
<th style="text-align: center" >{{ 'Quantité' | trans({}, "productTranslate") }}</th>
<th style="text-align: center" >{{ 'Prix (par unité)' | trans({}, "productTranslate") }}</th>
</tr>
</thead>
<tbody>
{% for item in qtysPlus %}
<tr>
<td style="text-align: center" >{{ item.textQuantity }}</td>
<td style="text-align: center" >{{ number_format(item.prixHt) }}€</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div id="abonnementBusinessSection1" style="display: none">
<div class="row taille_full">
<div class=" col-lg-12 mb-2">
<table id="tableQuantityProductOption" class="table table-striped">
<thead>
<tr>
<th style="background-color: #e3e2e245;text-align: center" scope="col" colspan="2">{% if type.id is defined %}{{ type.name | trans({}, "productTranslate") }}{% endif %}</th>
</tr>
<tr>
<th style="text-align: center" >{{ 'Quantité' | trans({}, "productTranslate") }}</th>
<th style="text-align: center" >{{ 'Prix (par unité)' | trans({}, "productTranslate") }}</th>
</tr>
</thead>
<tbody>
{% for item in qtysTeam %}
<tr>
<td style="text-align: center" >{{ item.textQuantity }}</td>
<td style="text-align: center" >{{ number_format(item.prixHt) }}€</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div id="sansAbonnementSection1" style="display: none">
<div class="row taille_full">
<div class=" col-lg-12 mb-2">
<table id="tableQuantityProductOption" class="table table-striped">
<thead>
<tr>
<th style="background-color: #e3e2e245;text-align: center" scope="col" colspan="2">{% if type.id is defined %}{{ type.name | trans({}, "productTranslate") }}{% endif %}</th>
</tr>
<tr>
<th style="text-align: center" >{{ 'Quantité' | trans({}, "productTranslate") }}</th>
<th style="text-align: center" >{{ 'Prix (par unité)' | trans({}, "productTranslate") }}</th>
</tr>
</thead>
<tbody>
{% for item in qtys %}
<tr>
<td style="text-align: center" >{{ item.textQuantity }}</td>
<td style="text-align: center" >{{ number_format(item.prixHt) }}€</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% else %}
<div id="abonnementPlusSection1" style="display: none">
{% if product.isColorLab %}
{{ _self.blocQuantity(qtysPlus,qty,constant('App\\Entity\\AbonnementPro::TYPE_PRO'),product) }}
{% else %}
{{ _self.blocQuantity(qtysPlus,qty,constant('App\\Entity\\AbonnementPro::TYPE_PRO'),product) }}
{% endif %}
</div>
<div id="abonnementBusinessSection1" style="display: none">
{% if product.isColorLab %}
{{ _self.blocQuantity(qtysTeam,qty,constant('App\\Entity\\AbonnementPro::TYPE_TEAM'),product) }}
{% else %}
{{ _self.blocQuantity(qtysTeam,qty,constant('App\\Entity\\AbonnementPro::TYPE_TEAM'),product) }}
{% endif %}
</div>
<div id="sansAbonnementSection1" style="">
{% if product.isColorLab %}
{{ _self.blocQuantity(qtys,qty,10,product) }}
{% else %}
{{ _self.blocQuantity(qtys,qty,10,product) }}
{% endif %}
</div>
{% endif %}
</div>
<style>
.tooltip-inner {
background-color: #2C2C2C!important;
min-width: 250px!important;
max-width: initial!important;
}
.tooltip-inner ul li {
text-align:left!important;
}
</style>
{% endif %}
{% endif %}
{#<div class="tooltip fade show bs-tooltip-bottom" role="tooltip" id="tooltip854841" style="position: absolute; transform: translate3d(89px, 3112px, 0px); top: 0px; left: 0px; will-change: transform;" x-placement="bottom">#}
{#<div class="arrow" style="left: 94px;"></div>#}
{#<div class="tooltip-inner">#}
{#<h2>Passez au Compte + !</h2>#}
{#<ul>#}
{#<li>Jusqu’à 50% de réduction sur notre catalogue de plus de 300 produits</li>#}
{#<li>Livraison gratuite illimitée le jour même sur créneau de 30 mn dans plus de 10 villes en France, et sous 48H maximum dans le reste de la France</li>#}
{#<li>Paiement automatique à 30 jours dès votre 2eme commande Sauvegarde de vos fichiers dans votre espace</li>#}
{#<li>Une plateforme tout en un pour vous et vos collaborateurs avec plus de 300 produits et 20 000 modèles à personnaliser</li>#}
{#<li>Abonnement sans engagement de durée, résiliable en 1 clic à tous moments</li>#}
{#</ul>#}
{#</div></div>#}