{% for keyss, sousCateg in categ.CategorieChild %}
{% for keys, prod in sousCateg.getProduits() %}
{% if prod.stock <= 0 %}
{% set cardClass = 'product-no-stock' %}
{% else %}
{% set cardClass = '' %}
{% endif %}
<div class="col-sm-6 col-6 p-1 pr-mobile" data-link="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": categ.id}) }}">
<div class="coup_de_coeur text-center">
{% if prod.isCoupCoeur %}
<img width="10px" src="{{ asset("/images/block_products/coup_coeur.png") }}" alt="coeur"> <span class="text-coup-coeur">{% trans %}COUP DE COEUR{% endtrans %} SPA.BIZ</span> <img width="10px" src="{{ asset("/images/block_products/coup_coeur.png") }}" alt="coeur">
{% endif %}
</div>
<div class="card {{ cardClass }}">
<div class="card-body text-center">
<div class="product_one_block_link" style="cursor: pointer;" data-link="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
<div>
{% if prod.stock <= 0 %}
<h6 class="fw-600 text-grey-color-used-product-no-stock"><i class="text-portail-product-no-stock">SPAS</i> {{ prod.name|filterName|raw }}</h6>
{% else %}
<h6 class="fw-600 text-grey-color-used"><i class="text-portail no-wrap">SPAS</i> {{ prod.name|filterName|raw }}</h6>
{% endif %}
</div>
<div class="row">
<div class="col-6 text-small-bolder text-end text-grey-color-used no-wrap">{{ prod | places }} {% trans %}place(s){% endtrans %}</div>
<div class="col-6 text-small-bolder text-start text-grey-color-used no-wrap">{{ prod | jets}} {% trans %}jet(s){% endtrans %}</div>
</div>
<div class="price-products text-grey-color-used">{{ prod.price|number_format(0, ',', ' ') }}€</div>
<div class="ratings">
{% set nbrStartsP = categ.name|number_format %}
<div class="d-flex">
{% for i in 1..nbrStartsP %}
<img style="height: 23px;" src="{{ asset("/images/start_actif_hotfix.png") }}" alt="etoile">
{% endfor %}
</div>
</div>
</div>
<div>
<a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
<div class="responsiveImageProduit">
<img src="{{ asset("/images/images_produits/"~prod.imageProduitsPrincipale) }}" alt="zaccouzi">
</div>
</a>
</div>
<div class="link-product-stock-mobile mt-3 mb-4">
{% if prod.stock <= 0 %}
<div class="button-show-detail-red no-wrap">
<a class="text-white text-decoration-none" href="">{% trans %}M'inscrire à la newsletter{% endtrans %} <img class="img-email-newsletter" src="/images/block_products/email.png" alt="email"></a>
</div>
{% else %}
<div class="button-show-detail no-wrap">
<a class="text-white text-decoration-none" href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": categ.id}) }}">{% trans %}Afficher le{% endtrans %} spa</a>
</div>
{% endif %}
<div class=" no-wrap">
<a class="button-add-comparator" href="{{ path("app_comparateur_set_list", {"id_gamme": categ.id, "id_produit": prod.id}) }}">{% trans %}Ajouter au{% endtrans %} {% trans %}comparateur{% endtrans %}</a>
</div>
{# {% if prod.stock <= 0 %}#}
{# <p class="text-red-stock-mobile pt-2">{% trans %}Bientôt en stock{% endtrans %}</p>#}
{# {% endif %}#}
</div>
</div>
</div>
</div>
{% endfor %}
{% endfor %}