templates/comparateur/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}SPA.BIZ | Comparateur{% endblock %}
  5. {% block body %}
  6. {#    {% if message %}#}
  7. {#        <div class="alert alert-danger">#}
  8. {#            <h6 class="text-danger">Vous avez atteint le nombre de produit à comparer!</h6>#}
  9. {#        </div>#}
  10. {#    {% endif %}#}
  12.     {% if message_existed %}
  13.         <div class="alert alert-danger d-lg-block d-md-block d-sm-none d-none">
  14.             <h6 class="text-danger">Le produit est déjà dans le comparateur!</h6>
  15.         </div>
  16.     {% endif %}
  18.     <div class="container-fluid d-lg-none d-md-none d-sm-block d-block background-linear">
  19.         <div class="container pt-3 pb-3 text-center">
  20.             <h3 class="text-white"><i>Bienvenue sur le</i></h3>
  21.             <h3><i class="text-white">Comparateur </i><span class="color-text-spa-biz">SPA.BIZ</span></h3>
  22.             <p class="text-white">Grâce à notre comparateur, Spa.Biz vous permet pour la première fois de comparer les différents types de spas disponibles sur le marché.</p>
  23.         </div>
  24.     </div>
  26.     <div class="container-fluid d-lg-none d-md-none d-sm-block d-block">
  27.         <div class="container pt-3 pb-3">
  28.             <div class="row">
  29. {#                <div class="col-lg-6 col-md-6 col-12">#}
  30. {#                    <div class="">#}
  31. {#                        <input type="text" class="id-categ-check disabled d-none" value="2">#}
  32. {#                        <h6 class="mb-2 text-center">Choisissez la gamme qui vous correspond : </h6>#}
  33. {#                        <div class="row">#}
  34. {#                            <div id="2" class="col-4 hp_choice-gamme active">#}
  35. {#                                <a class="hp_choice-gamme-link" href="#">Gamme Confort</a>#}
  36. {#                            </div>#}
  37. {#                            <div id="3" class="col-4 hp_choice-gamme">#}
  38. {#                                <a class="hp_choice-gamme-link" href="#">Gamme Prestige</a>#}
  39. {#                            </div>#}
  40. {#                            <div id="5" class="col-4 hp_choice-gamme">#}
  41. {#                                <a class="hp_choice-gamme-link" href="#">Gamme Luxe</a>#}
  42. {#                            </div>#}
  43. {#                        </div>#}
  44. {#                        <div class="mt-4 text-center">#}
  45. {#                            <div class="my-auto comp_text-icon-info">#}
  46. {#                                <img height="20px" src="{{ asset("/images/logo/info.png") }}" alt="">#}
  47. {#                                <span class="text-center mb-0 port_fs-12 text-grey-color-used">Les gammes correspondent au differentes finitions des spas</span>#}
  48. {#                            </div>#}
  49. {#                        </div>#}
  50. {#                    </div>#}
  52.                     <div class="mb-4 mt-4">
  53.                         <div class="row port_list-place">
  54.                             <div class="range">
  55.                                 <h6 class="text-center">Choisissez votre nombre de places : </h6>
  56.                                 <input  id="sliderInput1" class="port_width-input-range" type="text">
  57.                             </div>
  58.                         </div>
  59.                     </div>
  61.                     <div class="mb-4">
  62.                         <div class="row port_list-place">
  63.                             <div class="col-9">
  64.                                 <div class="range">
  65.                                     <h6 class="text-center">Choisissez votre budget : </h6>
  66.                                     <input  id="sliderInput2" class="port_width-input-range" type="text" min="0" value="0" max="30000" step="0">
  68.                                 </div>
  69.                             </div>
  71.                             <div class="col-3 ps-lg-2 ps-md-2 ps-sm-0 ps-0 pe-lg-2 pe-md-2 pe-sm-0 pe-0">
  72.                                 <div class="text-end mt-4">
  73.                                     <button data-url="{{ path("app_comparateur_filtre_produit") }}" class="compar_button-research-form">Rechercher</button>
  74.                                 </div>
  75.                             </div>
  77.                         </div>
  78.                     </div>
  80.                 </div>
  82.             </div>
  84.         </div>
  85.     </div>
  87.     <div class="container-fluid background-black">
  88.         <div class="container pt-4 pb-4">
  90.             <div class="row">
  91.                 <div class="col-lg-9 col-md-8 col-sm-12 col-12 text-lg-start text-md-start text-sm-center text-center">
  92.                     <h3 class="text-white comp_title-block">COMPARATEUR <i>SPA.BIZ</i></h3>
  93.                 </div>
  94.                 <div class="col-lg-3 col-md-4 col-sm-12 col-12 text-center d-lg-block d-md-block d-sm-none d-none">
  95.                     <button class="text-white comp_button-masque comp_show" data-link="{{ path("app_list_spa") }}">Masquer le comparateur <span><img class="comp_img-arrow-up" src="{{ asset("/images/comparator/arrow_top.png") }}" alt="arrow"></span></button>
  96.                     <button class="text-white comp_button-masque comp_hide d-none">Afficher le comparateur <span><img class="comp_img-arrow-down" src="{{ asset("/images/comparator/arrow_top.png") }}" alt="arrow"></span></button>
  97.                 </div>
  98.             </div>
  101.             <div class="row mt-4 comp_mask-block">
  103.                 <div class="d-lg-none d-md-none result-search result-search-css" data-url="{{ path("app_comparateur_filtre_get_produit_list_mobile") }}">
  105.                 </div>
  107.                 <div class="d-lg-flex d-md-flex d-sm-none d-none">
  108.                     {% for key, prodCateg in compar_products %}
  109.                         <div class="col-lg-3 col-md-3 col-sm-6 col-6">
  110.                             <div class="comp_background-white-grey comp_block-background-one position-relative">
  111.                                 <div class="comp_block-one text-center p-3">
  112.                                     <div class="comp_category">Gamme {{ prodCateg.produit | gameStart }}</div>
  113.                                     <h6 class="fw-600 mb-0 text-grey-color-used"><i class="text-portail">SPAS</i> {{ prodCateg.produit.name|filterName|raw }}</h6>
  114.                                     <div class="comp_price-products text-grey-color-used">{{ prodCateg.produit.price|number_format(0, ',', ' ') }}€</div>
  115.                                     <div class="comp_ratings mb-2">
  116.                                         {% set gammeProd = prodCateg.produit | gameStart %}
  117.                                         {% set nbrStartsP = gammeProd|number_format %}
  119.                                         <div class="d-flex">
  120.                                             {% for i in 1..nbrStartsP %}
  121.                                                 <img style="height: 23px;" src="{{ asset("/images/start_actif_hotfix.png") }}" alt="etoile">
  122.                                             {% endfor %}
  123.                                         </div>
  124.                                     </div>
  125.                                     <div style="width: 100%; display: inline-block;">
  126.                                         <img height="130px" src="{{ asset("/images/images_produits/"~prodCateg.produit.imageProduitsPrincipale) }}" alt="zaccouzi">
  127.                                     </div>
  128.                                 </div>
  129.                                 <div class="comp_button-remove-one-product">
  130.                                     <p><a href="{{ path("app_comparateur_del_one_in_list", {"id_prod":prodCateg.idProduit}) }}">+</a></p>
  131.                                 </div>
  132.                             </div>
  134.                             <div class="d-lg-none d-md-none d-sm-block d-block comp_caracteristic-mobile comp_d-none-mobile-caracteristic">
  135.                                 <div class="col-lg-3 col-md-3 col-sm-12 col-12">
  136.                                     <div class="comp_block-one-caracteristic text-center pl-3 pr-3 pt-0 pb-0">
  137.                                         <div class="comp_title-caracteristic"><h6 class="mb-0 p-1">CARACTÉRISTIQUES</h6></div>
  138.                                         <div class="row pe-3 ps-3">
  139.                                             <div class="col-sm-6 col-6 comp_right-caracteristic">
  140.                                                 {% if 'gamme' in caracteristics_aff %}<p class="text-uppercase">Gamme</p>{% endif %}
  141.                                                 {% if 'capaciteSpa' in caracteristics_aff %}<p class="text-uppercase">Capacité du SPA</p>{% endif %}
  142.                                                 {% if 'places_assis' in caracteristics_aff %}<p class="text-uppercase">Place(s) assise(s)</p>{% endif %}
  143.                                                 {% if 'places_allonge' in caracteristics_aff %}<p class="text-uppercase">Place(s) allongée(s)</p>{% endif %}
  144.                                                 {% if 'places_semiallonge' in caracteristics_aff %}<p class="text-uppercase">Place(s) semi allongée(s)</p>{% endif %}
  145.                                                 {% if 'places_levitation' in caracteristics_aff %}<p class="text-uppercase">Place(s) en lévitation</p>{% endif %}
  146.                                                 {% if 'appuis_tete' in caracteristics_aff %}<p class="text-uppercase">Appui-têtes confortables</p>{% endif %}
  147.                                                 {% if 'conditionnement' in caracteristics_aff %}<p class="text-uppercase">Conditionnement</p>{% endif %}
  148.                                                 {% if 'dimensions' in caracteristics_aff %}<p class="text-uppercase">Dimensions</p>{% endif %}
  149.                                                 {% if 'volume' in caracteristics_aff %}<p class="text-uppercase">volume</p>{% endif %}
  150.                                                 {% if 'poids' in caracteristics_aff %}<p class="text-uppercase">poids</p>{% endif %}
  151.                                                 {% if 'jetsTherapie' in caracteristics_aff %}<p class="text-uppercase">Nombre de jets total</p>{% endif %}
  153.                                                 {% if 'jetsAir' in caracteristics_aff %}<p class="text-uppercase">Nombre de jets d'air</p>{% endif %}
  155.                                                 {% if 'jetsEau' in caracteristics_aff %}<p class="text-uppercase">Nombre de jets d'eau</p>{% endif %}
  157.                                                 {% if 'finitionBuses' in caracteristics_aff %}<p class="text-uppercase">Finition des buses</p>{% endif %}
  159.                                                 {% if 'enceinteAvecLeds' in caracteristics_aff %}<p class="text-uppercase">Enceinte(s) avec leds</p>{% endif %}
  161.                                                 {% if 'enceinteSansLeds' in caracteristics_aff %}<p class="text-uppercase">Enceinte(s) sans leds</p>{% endif %}
  163.                                                 {% if 'pompePressionWhirlpool' in caracteristics_aff %}<p class="text-uppercase">Pompe de pression</p>{% endif %}
  165.                                                 {% if 'pompeFiltrationWhirlpool' in caracteristics_aff %}<p class="text-uppercase">Pompre de filtration</p>{% endif %}
  167.                                                 {% if 'pompesAAir' in caracteristics_aff %}<p class="text-uppercase">Blowers (pompe à air)</p>{% endif %}
  169.                                                 {% if 'rechauffeurs' in caracteristics_aff %}<p class="text-uppercase">Réchauffeur(s)</p>{% endif %}
  171.                                                 {% if 'grosSpotLeds' in caracteristics_aff %}<p class="text-uppercase">Gros spot avec leds chromatiques</p>{% endif %}
  173.                                                 {% if 'ledChromaPeripherique' in caracteristics_aff %}<p class="text-uppercase">Leds chromatiques périphériques</p>{% endif %}
  175.                                                 {% if 'jetsMassageCervical' in caracteristics_aff %}<p class="text-uppercase">Jets pour massage cervical</p>{% endif %}
  177.                                                 {% if 'cascadeLeds' in caracteristics_aff %}<p class="text-uppercase">Cascade avec leds</p>{% endif %}
  179.                                                 {% if 'cascadeNonLeds' in caracteristics_aff %}<p class="text-uppercase">Cascade non leds</p>{% endif %}
  181.                                                 {% if 'colonneEauLeds' in caracteristics_aff %}<p class="text-uppercase">Colonne d'eau leds</p>{% endif %}
  183.                                                 {% if 'angleLeds' in caracteristics_aff %}<p class="text-uppercase">Angle avec leds</p>{% endif %}
  185.                                                 {% if 'aromatherapie' in caracteristics_aff %}<p class="text-uppercase">Aromathérapie</p>{% endif %}
  187.                                                 {% if 'turboJetsMollets' in caracteristics_aff %}<p class="text-uppercase">Turbo Jet</p>{% endif %}
  189.                                                 {% if 'systemeAntigel' in caracteristics_aff %}<p class="text-uppercase">Système antigel</p>{% endif %}
  191.                                                 {% if 'chassisInoxIndestructible' in caracteristics_aff %}<p class="text-uppercase">Chassis inox indestructible</p>{% endif %}
  193.                                                 {% if 'chassisAcierGalvanise' in caracteristics_aff %}<p class="text-uppercase">Chassis en acier galvanisé</p>{% endif %}
  195.                                                 {% if 'isolationThermoISO14000' in caracteristics_aff %}<p class="text-uppercase">Isolation thermo-réfléchissante ISO 14000</p>{% endif %}
  197.                                                 {% if 'socleIsolationThermique' in caracteristics_aff %}<p class="text-uppercase">Socle isolation thermique</p>{% endif %}
  199.                                                 {% if 'radio' in caracteristics_aff %}<p class="text-uppercase">Radio</p>{% endif %}
  201.                                                 {% if 'bluetooth' in caracteristics_aff %}<p class="text-uppercase">Bluetooth</p>{% endif %}
  203.                                                 {% if 'commandeADistance' in caracteristics_aff %}<p class="text-uppercase">Commande à distance</p>{% endif %}
  204.                                                 {% if 'wifi' in caracteristics_aff %}<p class="text-uppercase">wifi</p>{% endif %}
  205.                                                 {% if 'nuageLedSole' in caracteristics_aff %}<p class="text-uppercase">Nuage leds au sol</p>{% endif %}
  206.                                                 {% if 'spotArcEnCiel' in caracteristics_aff %}<p class="text-uppercase">Spot Arc-en-ciel</p>{% endif %}
  207.                                                 {% if 'fontaineEauLumineuse' in caracteristics_aff %}<p class="text-uppercase">Fontaines rétractables avec leds</p>{% endif %}
  208.                                                 {% if 'prixPublicConseille' in caracteristics_aff %}<p class="text-uppercase">Prix Public conseillé</p>{% endif %}
  209.                                             </div>
  211.                                             <div class="col-sm-6 col-6 comp_left-caracteristic">
  212.                                            {% if 'gamme' in caracteristics_aff %}
  213.                                                 <p>{{ prodCateg.caracteristiques.gamme|upper }}&nbsp</p>
  214.                                             {% endif %}
  216.                                             {% if 'capaciteSpa' in caracteristics_aff %}
  217.                                                 <p>{{ prodCateg.caracteristiques.capaciteSpa ? prodCateg.caracteristiques.capaciteSpa : '0' }} PLACE(S)</p>
  218.                                             {% endif %}
  220.                                             {% if 'places_assis' in caracteristics_aff %}
  221.                                                 <p>{{ prodCateg.caracteristiques.places_assis ? prodCateg.caracteristiques.places_assis : '0' }} PLACE(S)</p>
  222.                                             {% endif %}
  224.                                             {% if 'places_allonge' in caracteristics_aff %}
  225.                                                 <p>{{ prodCateg.caracteristiques.places_allonge ? prodCateg.caracteristiques.places_allonge : '0' }} PLACE(S)</p>
  226.                                             {% endif %}
  230.                                             {% if 'places_semiallonge' in caracteristics_aff %}
  231.                                                 <p>{{ prodCateg.caracteristiques.places_semiallonge ? prodCateg.caracteristiques.places_semiallonge : '0' }} PLACE(S)</p>
  232.                                             {% endif %}
  236.                                             {% if 'places_levitation' in caracteristics_aff %}
  237.                                                 <p>{{ prodCateg.caracteristiques.places_levitation ? prodCateg.caracteristiques.places_levitation : '0' }} PLACE(S)</p>
  238.                                             {% endif %}
  241.                                             {% if 'appuis_tete' in caracteristics_aff %}
  242.                                                 <p>{{ prodCateg.caracteristiques.appuis_tete ? prodCateg.caracteristiques.appuis_tete : '&nbsp' }}</p>
  243.                                             {% endif %}
  245.                                             {% if 'conditionnement' in caracteristics_aff %}
  246.                                                 <p>{{ prodCateg.caracteristiques.conditionnement ? prodCateg.caracteristiques.conditionnement : 'XXXX.XXXX.XXXX' }}</p>
  247.                                             {% endif %}
  249.                                             {% if 'dimensions' in caracteristics_aff %}
  250.                                                 <p>{{ prodCateg.caracteristiques.dimensions ? prodCateg.caracteristiques.dimensions : 'XXXX.XXXX.XXXX' }}</p>
  251.                                             {% endif %}
  253.                                             {% if 'volume' in caracteristics_aff %}
  254.                                                 <p>{{ prodCateg.caracteristiques.volume ? prodCateg.caracteristiques.volume : '&nbsp' }} L</p>
  255.                                             {% endif %}
  257.                                             {% if 'poids' in caracteristics_aff %}
  258.                                                 <p>{{ prodCateg.caracteristiques.poids ? prodCateg.caracteristiques.poids : '&nbsp' }} Kg</p>
  259.                                             {% endif %}
  261.                                             {% if 'jetsTherapie' in caracteristics_aff %}
  262.                                                 <p>{{ prodCateg.caracteristiques.jetsTherapie ? prodCateg.caracteristiques.jetsTherapie : '&nbsp' }}</p>
  263.                                             {% endif %}
  265.                                             {% if 'jetsAir' in caracteristics_aff %}
  266.                                                 <p>{{ prodCateg.caracteristiques.jetsAir ? prodCateg.caracteristiques.jetsAir : '&nbsp' }}</p>
  267.                                             {% endif %}
  269.                                             {% if 'jetsEau' in caracteristics_aff %}
  270.                                                 <p>{{ prodCateg.caracteristiques.jetsEau ? prodCateg.caracteristiques.jetsEau : '&nbsp' }}</p>
  271.                                             {% endif %}
  273.                                             {% if 'finitionBuses' in caracteristics_aff %}
  274.                                                 <p>{{ prodCateg.caracteristiques.finitionBuses ? prodCateg.caracteristiques.finitionBuses : '&nbsp' }}</p>
  275.                                             {% endif %}
  277.                                             {% if 'enceinteAvecLeds' in caracteristics_aff %}
  278.                                                 {% if prodCateg.caracteristiques.enceinteAvecLeds %}
  279.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  280.                                                 {% else %}
  281.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  282.                                                 {% endif %}
  283.                                             {% endif %}
  285.                                             {% if 'enceinteSansLeds' in caracteristics_aff %}
  286.                                                 {% if prodCateg.caracteristiques.enceinteSansLeds %}
  287.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  288.                                                 {% else %}
  289.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  290.                                                 {% endif %}
  291.                                             {% endif %}
  293.                                             {% if 'pompePressionWhirlpool' in caracteristics_aff %}
  294.                                                 <p>{{ prodCateg.caracteristiques.pompePressionWhirlpool ? prodCateg.caracteristiques.pompePressionWhirlpool : '&nbsp' }}</p>
  295.                                             {% endif %}
  297.                                             {% if 'pompeFiltrationWhirlpool' in caracteristics_aff %}
  298.                                                 <p>{{ prodCateg.caracteristiques.pompeFiltrationWhirlpool ? prodCateg.caracteristiques.pompeFiltrationWhirlpool : '&nbsp' }}</p>
  299.                                             {% endif %}
  301.                                             {% if 'pompesAAir' in caracteristics_aff %}
  302.                                                 <p>{{ prodCateg.caracteristiques.pompesAAir ? prodCateg.caracteristiques.pompesAAir : '&nbsp' }}</p>
  303.                                             {% endif %}
  305.                                              {% if 'rechauffeurs' in caracteristics_aff %}
  306.                                                 <p>{{ prodCateg.caracteristiques.rechauffeurs ? prodCateg.caracteristiques.rechauffeurs : '&nbsp' }}</p>
  307.                                             {% endif %}
  309.                                             {% if 'grosSpotLeds' in caracteristics_aff %}
  310.                                                 <p>{{ prodCateg.caracteristiques.grosSpotLeds ? prodCateg.caracteristiques.grosSpotLeds : '&nbsp' }}</p>
  311.                                             {% endif %}
  313.                                             {% if 'ledChromaPeripherique' in caracteristics_aff %}
  314.                                                 <p>{{ prodCateg.caracteristiques.ledChromaPeripherique ? prodCateg.caracteristiques.ledChromaPeripherique : '&nbsp' }}</p>
  315.                                             {% endif %}
  318.                                             {% if 'jetsMassageCervical' in caracteristics_aff %}
  319.                                                 {% if prodCateg.caracteristiques.jetsMassageCervical %}
  320.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  321.                                                 {% else %}
  322.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  323.                                                 {% endif %}
  324.                                             {% endif %}
  325.                                             {% if 'cascadeLeds' in caracteristics_aff %}
  326.                                                 {% if prodCateg.caracteristiques.cascadeLeds %}
  327.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  328.                                                 {% else %}
  329.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  330.                                                 {% endif %}
  331.                                             {% endif %}
  332.                                             {% if 'cascadeNonLeds' in caracteristics_aff %}
  333.                                                 {% if prodCateg.caracteristiques.cascadeNonLeds %}
  334.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  335.                                                 {% else %}
  336.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  337.                                                 {% endif %}
  338.                                             {% endif %}
  339.                                             {% if 'colonneEauLeds' in caracteristics_aff %}
  340.                                                 {% if prodCateg.caracteristiques.colonneEauLeds %}
  341.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  342.                                                 {% else %}
  343.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  344.                                                 {% endif %}
  345.                                             {% endif %}
  346.                                             {% if 'angleLeds' in caracteristics_aff %}
  347.                                                 {% if prodCateg.caracteristiques.angleLeds %}
  348.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  349.                                                 {% else %}
  350.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  351.                                                 {% endif %}
  352.                                             {% endif %}
  353.                                             {% if 'aromatherapie' in caracteristics_aff %}
  354.                                                 {% if prodCateg.caracteristiques.aromatherapie %}
  355.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  356.                                                 {% else %}
  357.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  358.                                                 {% endif %}
  359.                                             {% endif %}
  361.                                             {% if 'turboJetsMollets' in caracteristics_aff %}
  362.                                                 {% if prodCateg.caracteristiques.turboJetsMollets %}
  363.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  364.                                                 {% else %}
  365.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  366.                                                 {% endif %}
  367.                                             {% endif %}
  369.                                             {% if 'systemeAntigel' in caracteristics_aff %}
  370.                                                 {% if prodCateg.caracteristiques.systemeAntigel %}
  371.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  372.                                                 {% else %}
  373.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  374.                                                 {% endif %}
  375.                                             {% endif %}
  377.                                             {% if 'chassisInoxIndestructible' in caracteristics_aff %}
  378.                                                 {% if prodCateg.caracteristiques.chassisInoxIndestructible %}
  379.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  380.                                                 {% else %}
  381.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  382.                                                 {% endif %}
  383.                                             {% endif %}
  385.                                             {% if 'chassisAcierGalvanise' in caracteristics_aff %}
  386.                                                 {% if prodCateg.caracteristiques.chassisAcierGalvanise %}
  387.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  388.                                                 {% else %}
  389.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  390.                                                 {% endif %}
  391.                                             {% endif %}
  393.                                             {% if 'isolationThermoISO14000' in caracteristics_aff %}
  394.                                                 {% if prodCateg.caracteristiques.isolationThermoISO14000 %}
  395.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  396.                                                 {% else %}
  397.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  398.                                                 {% endif %}
  399.                                             {% endif %}
  401.                                             {% if 'socleIsolationThermique' in caracteristics_aff %}
  402.                                                 {% if prodCateg.caracteristiques.socleIsolationThermique %}
  403.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  404.                                                 {% else %}
  405.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  406.                                                 {% endif %}
  407.                                             {% endif %}
  408.           
  409.                                             {% if 'radio' in caracteristics_aff %}
  410.                                                 {% if prodCateg.caracteristiques.radio %}
  411.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  412.                                                 {% else %}
  413.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  414.                                                 {% endif %}
  415.                                             {% endif %}
  416.           
  417.                                             {% if 'bluetooth' in caracteristics_aff %}
  418.                                                 {% if prodCateg.caracteristiques.bluetooth %}
  419.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  420.                                                 {% else %}
  421.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  422.                                                 {% endif %}
  423.                                             {% endif %}
  424.           
  425.                                             {% if 'commandeADistance' in caracteristics_aff %}
  426.                                                 {% if prodCateg.caracteristiques.commandeADistance %}
  427.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  428.                                                 {% else %}
  429.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  430.                                                 {% endif %}
  431.                                             {% endif %}
  433.                                             {% if 'wifi' in caracteristics_aff %}
  434.                                                 {% if prodCateg.caracteristiques.wifi %}
  435.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  436.                                                 {% else %}
  437.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  438.                                                 {% endif %}
  439.                                             {% endif %}
  440.                                             {% if 'nuageLedSole' in caracteristics_aff %}
  441.                                                 {% if prodCateg.caracteristiques.nuageLedSole %}
  442.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  443.                                                 {% else %}
  444.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  445.                                                 {% endif %}
  446.                                             {% endif %}
  447.                                             {% if 'spotArcEnCiel' in caracteristics_aff %}
  448.                                                 {% if prodCateg.caracteristiques.spotArcEnCiel %}
  449.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  450.                                                 {% else %}
  451.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  452.                                                 {% endif %}
  453.                                             {% endif %}
  454.                                             {% if 'fontaineEauLumineuse' in caracteristics_aff %}
  455.                                                 {% if prodCateg.caracteristiques.fontaineEauLumineuse %}
  456.                                                     <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  457.                                                 {% else %}
  458.                                                     <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  459.                                                 {% endif %}
  460.                                             {% endif %}
  462.                                             {% if 'prixPublicConseille' in caracteristics_aff %}
  463.                                                 <p>{{ prodCateg.caracteristiques.prixPublicConseille|number_format(2, '.', ' ') }} €</p>
  464.                                             {% endif %}
  465.                                             </div>
  466.                                         </div>
  467.                                     </div>
  468.                                     <div class="col-12 text-center mt-3">
  469.                                         <button class="comp_button-compare-spas">Ajouter au panier</button>
  470.                                     </div>
  471.                                     <div class="col-12 text-center mt-3 d-lg-block d-md-block d-sm-none d-none">
  472.                                         <button class="comp_button-show-file-product">Voir la fiche produit</button>
  473.                                     </div>
  474.                                 </div>
  475.                             </div>
  476.                         </div>
  478.                         {% set checkShowImgLing = key+1 %}
  479.                         {% if count_product > checkShowImgLing  %}
  480.                             <div class="comp_img-link my-auto d-lg-block d-md-block d-sm-none d-none">
  481.                                 <div class="comp_img-block-link">
  482.                                     <img class="comp_link" src="{{ asset("/images/comparator/enable_link.png") }}" width="100%" alt="link image">
  483.                                 </div>
  484.                             </div>
  485.                         {% endif %}
  487.                     {% endfor %}
  489.                     {% if rest_add > 0 %}
  490.                         {% for keyAdd, i in 1..rest_add %}
  491.                             {% set checkShowImgLingAdd = keyAdd+1 %}
  492.                             {% if rest_add >= 3 %}
  493.                                 {% if keyAdd != 0 %}
  494.                                     {% if rest_add >= checkShowImgLingAdd %}
  495.                                         <div class="comp_img-link my-auto d-lg-block d-md-block d-sm-none d-none">
  496.                                             <div class="comp_img-block-link">
  497.                                                 <img class="comp_link" src="{{ asset("/images/comparator/disable_link.png") }}" width="100%" alt="link image">
  498.                                             </div>
  499.                                         </div>
  500.                                     {% endif %}
  501.                                 {% endif %}
  502.                             {% else %}
  503.                                 {% if rest_add >= checkShowImgLingAdd %}
  504.                                     <div class="comp_img-link my-auto d-lg-block d-md-block d-sm-none d-none">
  505.                                         <div class="comp_img-block-link">
  506.                                             <img class="comp_link" src="{{ asset("/images/comparator/disable_link.png") }}" width="100%" alt="link image">
  507.                                         </div>
  508.                                     </div>
  509.                                 {% endif %}
  510.                             {% endif %}
  511.                             {% if checkShowImgLingAdd == rest_add %}
  512.                                 <div class="col-lg-3 col-md-3 col-sm-6 col-6 d-grid mt-lg-0 mt-md-0 mt-sm-4 mt-4">
  513.                                     <div class="comp_block-one-add text-center mb-3 p-3 d-flex comp_button-add-new-product" data-link="{{ path("app_list_spa") }}">
  514.                                         <div class="comp_add pt-lg-4 pt-md-3 pt-sm-0 pt-0 my-auto ms-auto me-auto">
  515.                                             <button class="comp_button-add-compar">+</button>
  516.                                         </div>
  517.                                     </div>
  518.                                     <button class="comp_button-add-new-product button_add-one-spa" data-link="{{ path("app_list_spa") }}">Ajouter un spa</button>
  519.                                 </div>
  520.                             {% else %}
  521.                                 <div class="col-lg-3 col-md-3 col-sm-6 col-6 d-grid mt-lg-0 mt-md-0 mt-sm-0 mt-0">
  522.                                     <div class="comp_block-one-add text-center mb-3 p-3 d-flex comp_button-add-new-product" data-link="{{ path("app_list_spa") }}">
  523.                                         <div class="comp_add pt-lg-4 pt-md-3 pt-sm-0 pt-0 my-auto ms-auto me-auto">
  524.                                             <button class="comp_button-add-compar">+</button>
  525.                                         </div>
  526.                                     </div>
  527.                                     <button class="comp_button-add-new-product button_add-one-spa" data-link="{{ path("app_list_spa") }}">Ajouter un spa</button>
  528.                                 </div>
  529.                             {% endif %}
  531.                         {% endfor %}
  532.                     {% endif %}
  533.                 </div>
  535.             </div>
  543.             <div class="mt-4 comp_mask-block comp_compare-spas-action-button comp_compare-spas-action-button-hide d-lg-flex d-md-flex d-sm-none d-none">
  545.                 {% for keyB, prod in compar_products %}
  547.                     <div class="col-lg-3 col-md-3 col-sm-12 col-12">
  548.                         <div class="comp_block-one-caracteristic text-center pl-3 pr-3 pt-0 pb-0">
  549.                             <div class="comp_title-caracteristic"><h6 class="mb-0 p-1">CARACTÉRISTIQUES</h6></div>
  550.                             <div class="row">
  551.                                 <div class="col-6 comp_right-caracteristic">
  552.                                     {% if 'gamme' in caracteristics_aff %}<p class="text-uppercase">Gamme</p>{% endif %}
  553.                                     {% if 'capaciteSpa' in caracteristics_aff %}<p class="text-uppercase">Capacité du SPA</p>{% endif %}
  554.                                     {% if 'places_assis' in caracteristics_aff %}<p class="text-uppercase">Place(s) assise(s)</p>{% endif %}
  555.                                     {% if 'places_allonge' in caracteristics_aff %}<p class="text-uppercase">Place(s) allongée(s)</p>{% endif %}
  556.                                     {% if 'places_semiallonge' in caracteristics_aff %}<p class="text-uppercase">Place(s) semi allongée(s)</p>{% endif %}
  557.                                     {% if 'places_levitation' in caracteristics_aff %}<p class="text-uppercase">Place(s) en lévitation</p>{% endif %}
  558.                                     {% if 'appuis_tete' in caracteristics_aff %}<p class="text-uppercase">Appui-têtes confortables</p>{% endif %}
  559.                                     {% if 'conditionnement' in caracteristics_aff %}<p class="text-uppercase">Conditionnement</p>{% endif %}
  560.                                     {% if 'dimensions' in caracteristics_aff %}<p class="text-uppercase">Dimensions</p>{% endif %}
  561.                                     {% if 'volume' in caracteristics_aff %}<p class="text-uppercase">volume</p>{% endif %}
  562.                                     {% if 'poids' in caracteristics_aff %}<p class="text-uppercase">poids</p>{% endif %}
  563.                                     {% if 'jetsTherapie' in caracteristics_aff %}<p class="text-uppercase">Nombre de jets total</p>{% endif %}
  565.                                     {% if 'jetsAir' in caracteristics_aff %}<p class="text-uppercase">Nombre de jets d'air</p>{% endif %}
  567.                                     {% if 'jetsEau' in caracteristics_aff %}<p class="text-uppercase">Nombre de jets d'eau</p>{% endif %}
  569.                                     {% if 'finitionBuses' in caracteristics_aff %}<p class="text-uppercase">Finition des buses</p>{% endif %}
  571.                                     {% if 'enceinteAvecLeds' in caracteristics_aff %}<p class="text-uppercase">Enceinte(s) avec leds</p>{% endif %}
  573.                                     {% if 'enceinteSansLeds' in caracteristics_aff %}<p class="text-uppercase">Enceinte(s) sans leds</p>{% endif %}
  575.                                     {% if 'pompePressionWhirlpool' in caracteristics_aff %}<p class="text-uppercase">Pompe de pression</p>{% endif %}
  577.                                     {% if 'pompeFiltrationWhirlpool' in caracteristics_aff %}<p class="text-uppercase">Pompre de filtration</p>{% endif %}
  579.                                     {% if 'pompesAAir' in caracteristics_aff %}<p class="text-uppercase">Blowers (pompe à air)</p>{% endif %}
  581.                                     {% if 'rechauffeurs' in caracteristics_aff %}<p class="text-uppercase">Réchauffeur(s)</p>{% endif %}
  583.                                     {% if 'grosSpotLeds' in caracteristics_aff %}<p class="text-uppercase">Gros spot avec leds chromatiques</p>{% endif %}
  585.                                     {% if 'ledChromaPeripherique' in caracteristics_aff %}<p class="text-uppercase">Leds chromatiques périphériques</p>{% endif %}
  587.                                     {% if 'jetsMassageCervical' in caracteristics_aff %}<p class="text-uppercase">Jets pour massage cervical</p>{% endif %}
  589.                                     {% if 'cascadeLeds' in caracteristics_aff %}<p class="text-uppercase">Cascade avec leds</p>{% endif %}
  591.                                     {% if 'cascadeNonLeds' in caracteristics_aff %}<p class="text-uppercase">Cascade non leds</p>{% endif %}
  593.                                     {% if 'colonneEauLeds' in caracteristics_aff %}<p class="text-uppercase">Colonne d'eau leds</p>{% endif %}
  595.                                     {% if 'angleLeds' in caracteristics_aff %}<p class="text-uppercase">Angle avec leds</p>{% endif %}
  597.                                     {% if 'aromatherapie' in caracteristics_aff %}<p class="text-uppercase">Aromathérapie</p>{% endif %}
  599.                                     {% if 'turboJetsMollets' in caracteristics_aff %}<p class="text-uppercase">Turbo Jet</p>{% endif %}
  601.                                     {% if 'systemeAntigel' in caracteristics_aff %}<p class="text-uppercase">Système antigel</p>{% endif %}
  603.                                     {% if 'chassisInoxIndestructible' in caracteristics_aff %}<p class="text-uppercase">Chassis inox indestructible</p>{% endif %}
  605.                                     {% if 'chassisAcierGalvanise' in caracteristics_aff %}<p class="text-uppercase">Chassis en acier galvanisé</p>{% endif %}
  607.                                     {% if 'isolationThermoISO14000' in caracteristics_aff %}<p class="text-uppercase">Isolation thermo-réfléchissante ISO 14000</p>{% endif %}
  609.                                     {% if 'socleIsolationThermique' in caracteristics_aff %}<p class="text-uppercase">Socle isolation thermique</p>{% endif %}
  611.                                     {% if 'radio' in caracteristics_aff %}<p class="text-uppercase">Radio</p>{% endif %}
  613.                                     {% if 'bluetooth' in caracteristics_aff %}<p class="text-uppercase">Bluetooth</p>{% endif %}
  615.                                     {% if 'commandeADistance' in caracteristics_aff %}<p class="text-uppercase">Commande à distance</p>{% endif %}
  616.                                     {% if 'wifi' in caracteristics_aff %}<p class="text-uppercase">wifi</p>{% endif %}
  617.                                     {% if 'nuageLedSole' in caracteristics_aff %}<p class="text-uppercase">Nuage leds au sol</p>{% endif %}
  618.                                     {% if 'spotArcEnCiel' in caracteristics_aff %}<p class="text-uppercase">Spot Arc-en-ciel</p>{% endif %}
  619.                                     {% if 'fontaineEauLumineuse' in caracteristics_aff %}<p class="text-uppercase">Fontaines rétractables avec leds</p>{% endif %}
  620.                                     {% if 'prixPublicConseille' in caracteristics_aff %}<p class="text-uppercase">Prix Public conseillé</p>{% endif %}
  621.                                 </div>
  622.                                 <div class="col-6 comp_left-caracteristic">
  623.                                    {% if 'gamme' in caracteristics_aff %}
  624.                                         <p>{{ prod.caracteristiques.gamme|upper }}&nbsp</p>
  625.                                     {% endif %}
  627.                                     {% if 'capaciteSpa' in caracteristics_aff %}
  628.                                         <p>{{ prod.caracteristiques.capaciteSpa ? prod.caracteristiques.capaciteSpa : '0' }} PLACE(S)</p>
  629.                                     {% endif %}
  631.                                     {% if 'places_assis' in caracteristics_aff %}
  632.                                         <p>{{ prod.caracteristiques.places_assis ? prod.caracteristiques.places_assis : '0' }} PLACE(S)</p>
  633.                                     {% endif %}
  635.                                     {% if 'places_allonge' in caracteristics_aff %}
  636.                                         <p>{{ prod.caracteristiques.places_allonge ? prod.caracteristiques.places_allonge : '0' }} PLACE(S)</p>
  637.                                     {% endif %}
  639.                                      {% if 'places_semiallonge' in caracteristics_aff %}
  640.                                         <p>{{ prod.caracteristiques.places_semiallonge ? prod.caracteristiques.places_semiallonge : '0' }} PLACE(S)</p>
  641.                                     {% endif %}
  643.                                      {% if 'places_levitation' in caracteristics_aff %}
  644.                                         <p>{{ prod.caracteristiques.places_levitation ? prod.caracteristiques.places_levitation : '0' }} PLACE(S)</p>
  645.                                     {% endif %}
  647.                                     {% if 'appuis_tete' in caracteristics_aff %}
  648.                                         <p>{{ prod.caracteristiques.appuis_tete ? prod.caracteristiques.appuis_tete : '&nbsp' }}</p>
  649.                                     {% endif %}
  651.                                     {% if 'conditionnement' in caracteristics_aff %}
  652.                                         <p>{{ prod.caracteristiques.conditionnement ? prod.caracteristiques.conditionnement : 'XXXX.XXXX.XXXX' }}</p>
  653.                                     {% endif %}
  655.                                     {% if 'dimensions' in caracteristics_aff %}
  656.                                         <p>{{ prod.caracteristiques.dimensions ? prod.caracteristiques.dimensions : 'XXXX.XXXX.XXXX' }}</p>
  657.                                     {% endif %}
  659.                                     {% if 'volume' in caracteristics_aff %}
  660.                                         <p>{{ prod.caracteristiques.volume ? prod.caracteristiques.volume : '&nbsp' }} L</p>
  661.                                     {% endif %}
  663.                                     {% if 'poids' in caracteristics_aff %}
  664.                                         <p>{{ prod.caracteristiques.poids ? prod.caracteristiques.poids : '&nbsp' }} Kg</p>
  665.                                     {% endif %}
  667.                                     {% if 'jetsTherapie' in caracteristics_aff %}
  668.                                         <p>{{ prod.caracteristiques.jetsTherapie ? prod.caracteristiques.jetsTherapie : '&nbsp' }}</p>
  669.                                     {% endif %}
  671.                                     {% if 'jetsAir' in caracteristics_aff %}
  672.                                         <p>{{ prod.caracteristiques.jetsAir ? prod.caracteristiques.jetsAir : '&nbsp' }}</p>
  673.                                     {% endif %}
  675.                                     {% if 'jetsEau' in caracteristics_aff %}
  676.                                         <p>{{ prod.caracteristiques.jetsEau ? prod.caracteristiques.jetsEau : '&nbsp' }}</p>
  677.                                     {% endif %}
  679.                                     {% if 'finitionBuses' in caracteristics_aff %}
  680.                                         <p>{{ prod.caracteristiques.finitionBuses ? prod.caracteristiques.finitionBuses : '&nbsp' }}</p>
  681.                                     {% endif %}
  683.                                     {% if 'enceinteAvecLeds' in caracteristics_aff %}
  684.                                         {% if prod.caracteristiques.enceinteAvecLeds %}
  685.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  686.                                         {% else %}
  687.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  688.                                         {% endif %}
  689.                                     {% endif %}
  691.                                     {% if 'enceinteSansLeds' in caracteristics_aff %}
  692.                                         {% if prod.caracteristiques.enceinteSansLeds %}
  693.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  694.                                         {% else %}
  695.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  696.                                         {% endif %}
  697.                                     {% endif %}
  699.                                     {% if 'pompePressionWhirlpool' in caracteristics_aff %}
  700.                                         <p>{{ prod.caracteristiques.pompePressionWhirlpool ? prod.caracteristiques.pompePressionWhirlpool : '&nbsp' }}</p>
  701.                                     {% endif %}
  703.                                     {% if 'pompeFiltrationWhirlpool' in caracteristics_aff %}
  704.                                         <p>{{ prod.caracteristiques.pompeFiltrationWhirlpool ? prod.caracteristiques.pompeFiltrationWhirlpool : '&nbsp' }}</p>
  705.                                     {% endif %}
  707.                                     {% if 'pompesAAir' in caracteristics_aff %}
  708.                                         <p>{{ prod.caracteristiques.pompesAAir ? prod.caracteristiques.pompesAAir : '&nbsp' }}</p>
  709.                                     {% endif %}
  711.                                      {% if 'rechauffeurs' in caracteristics_aff %}
  712.                                         <p>{{ prod.caracteristiques.rechauffeurs ? prod.caracteristiques.rechauffeurs : '&nbsp' }}</p>
  713.                                     {% endif %}
  715.                                     {% if 'grosSpotLeds' in caracteristics_aff %}
  716.                                         <p>{{ prod.caracteristiques.grosSpotLeds ? prod.caracteristiques.grosSpotLeds : '&nbsp' }}</p>
  717.                                     {% endif %}
  719.                                     {% if 'ledChromaPeripherique' in caracteristics_aff %}
  720.                                         <p>{{ prod.caracteristiques.ledChromaPeripherique ? prod.caracteristiques.ledChromaPeripherique : '&nbsp' }}</p>
  721.                                     {% endif %}
  724.                                     {% if 'jetsMassageCervical' in caracteristics_aff %}
  725.                                         {% if prod.caracteristiques.jetsMassageCervical %}
  726.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  727.                                         {% else %}
  728.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  729.                                         {% endif %}
  730.                                     {% endif %}
  731.                                     {% if 'cascadeLeds' in caracteristics_aff %}
  732.                                         {% if prod.caracteristiques.cascadeLeds %}
  733.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  734.                                         {% else %}
  735.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  736.                                         {% endif %}
  737.                                     {% endif %}
  738.                                     {% if 'cascadeNonLeds' in caracteristics_aff %}
  739.                                         {% if prod.caracteristiques.cascadeNonLeds %}
  740.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  741.                                         {% else %}
  742.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  743.                                         {% endif %}
  744.                                     {% endif %}
  745.                                     {% if 'colonneEauLeds' in caracteristics_aff %}
  746.                                         {% if prod.caracteristiques.colonneEauLeds %}
  747.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  748.                                         {% else %}
  749.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  750.                                         {% endif %}
  751.                                     {% endif %}
  752.                                     {% if 'angleLeds' in caracteristics_aff %}
  753.                                         {% if prod.caracteristiques.angleLeds %}
  754.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  755.                                         {% else %}
  756.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  757.                                         {% endif %}
  758.                                     {% endif %}
  759.                                     {% if 'aromatherapie' in caracteristics_aff %}
  760.                                         {% if prod.caracteristiques.aromatherapie %}
  761.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  762.                                         {% else %}
  763.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  764.                                         {% endif %}
  765.                                     {% endif %}
  767.                                     {% if 'turboJetsMollets' in caracteristics_aff %}
  768.                                         {% if prod.caracteristiques.turboJetsMollets %}
  769.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  770.                                         {% else %}
  771.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  772.                                         {% endif %}
  773.                                     {% endif %}
  775.                                     {% if 'systemeAntigel' in caracteristics_aff %}
  776.                                         {% if prod.caracteristiques.systemeAntigel %}
  777.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  778.                                         {% else %}
  779.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  780.                                         {% endif %}
  781.                                     {% endif %}
  783.                                     {% if 'chassisInoxIndestructible' in caracteristics_aff %}
  784.                                         {% if prod.caracteristiques.chassisInoxIndestructible %}
  785.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  786.                                         {% else %}
  787.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  788.                                         {% endif %}
  789.                                     {% endif %}
  791.                                     {% if 'chassisAcierGalvanise' in caracteristics_aff %}
  792.                                         {% if prod.caracteristiques.chassisAcierGalvanise %}
  793.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  794.                                         {% else %}
  795.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  796.                                         {% endif %}
  797.                                     {% endif %}
  799.                                     {% if 'isolationThermoISO14000' in caracteristics_aff %}
  800.                                         {% if prod.caracteristiques.isolationThermoISO14000 %}
  801.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  802.                                         {% else %}
  803.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  804.                                         {% endif %}
  805.                                     {% endif %}
  807.                                     {% if 'socleIsolationThermique' in caracteristics_aff %}
  808.                                         {% if prod.caracteristiques.socleIsolationThermique %}
  809.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  810.                                         {% else %}
  811.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  812.                                         {% endif %}
  813.                                     {% endif %}
  814.   
  815.                                     {% if 'radio' in caracteristics_aff %}
  816.                                         {% if prod.caracteristiques.radio %}
  817.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  818.                                         {% else %}
  819.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  820.                                         {% endif %}
  821.                                     {% endif %}
  822.   
  823.                                     {% if 'bluetooth' in caracteristics_aff %}
  824.                                         {% if prod.caracteristiques.bluetooth %}
  825.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  826.                                         {% else %}
  827.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  828.                                         {% endif %}
  829.                                     {% endif %}
  830.   
  831.                                     {% if 'commandeADistance' in caracteristics_aff %}
  832.                                         {% if prod.caracteristiques.commandeADistance %}
  833.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  834.                                         {% else %}
  835.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  836.                                         {% endif %}
  837.                                     {% endif %}
  839.                                     {% if 'wifi' in caracteristics_aff %}
  840.                                         {% if prod.caracteristiques.wifi %}
  841.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  842.                                         {% else %}
  843.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  844.                                         {% endif %}
  845.                                     {% endif %}
  846.                                     {% if 'nuageLedSole' in caracteristics_aff %}
  847.                                         {% if prod.caracteristiques.nuageLedSole %}
  848.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  849.                                         {% else %}
  850.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  851.                                         {% endif %}
  852.                                     {% endif %}
  853.                                     {% if 'spotArcEnCiel' in caracteristics_aff %}
  854.                                         {% if prod.caracteristiques.spotArcEnCiel %}
  855.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  856.                                         {% else %}
  857.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  858.                                         {% endif %}
  859.                                     {% endif %}
  860.                                     {% if 'fontaineEauLumineuse' in caracteristics_aff %}
  861.                                         {% if prod.caracteristiques.fontaineEauLumineuse %}
  862.                                             <p><img width="14px" src="{{ asset("/images/comparator/check.png") }}" alt="check"></p>
  863.                                         {% else %}
  864.                                             <p><img width="14px" src="{{ asset("/images/comparator/no_check.png") }}" alt="check"></p>
  865.                                         {% endif %}
  866.                                     {% endif %}
  868.                                     {% if 'prixPublicConseille' in caracteristics_aff %}
  869.                                         <p>{{ prod.caracteristiques.prixPublicConseille|number_format(2, '.', ' ') }} €</p>
  870.                                     {% endif %}
  871.                                     
  872.                                 </div>
  873.                             </div>
  874.                         </div>
  875.                         <div class="col-12 text-center mt-3">
  876.                             {{ form_start(form[keyB]["form"], {'action': form[keyB]["url"],'attr': {'class': 'mt-4 d-lg-block d-md-block d-sm-none d-none'}}) }}
  877.                             <div class="form-group">
  878.                                 {{ form_widget(form[keyB]["form"].quantity) }}
  879.                             </div>
  881.                             <div class="">
  882.                                 {{ form_widget(form[keyB]["form"].add, {'attr': {'class': 'comp_button-compare-spas'}}) }}
  883.                             </div>
  884.                             <input type="hidden" name="color" value="">
  885.                             {{ form_end(form[keyB]["form"]) }}
  886.                         </div>
  887.                         <div class="col-12 text-center mt-3">
  888.                             <button data-link="{{ path("app_list_spa") }}" class="comp_button-add-new-product button_add-one-spa" style="font-size:13px;">Comparer un autre spa</button>
  889.                         </div>
  890.                         <div class="col-12 text-center mt-3">
  891.                             <a href="{{ path("app_fiche_produit", {"id_categorie":prod.categorie.id, "id_product":prod.produit.id}) }}" class="comp_delete-compare-spas">En savoir plus</a>
  892.                         </div>
  893.                     </div>
  894.                     {% if keyB < 2 %}
  895.                         <div class="comp_img-link my-auto">
  896.                             <div class="comp_img-block-link">
  898.                             </div>
  899.                         </div>
  900.                     {% endif %}
  901.                 {% endfor %}
  903.                 {% if rest_add > 0 %}
  904.                     <div class="col-lg-3 col-md-3 col-sm-12 col-12 d-grid">
  905.                         <p class="comp_message-text-block-compar">Il vous reste {{ rest_add }} espace(s) de comparaison disponible !</p>
  906.                     </div>
  907.                 {% endif %}
  909.             </div>
  912.             <div class="row text-center mt-4 comp_mask-block comp_block-button-compare">
  913.                 <div class="col-12 d-lg-block d-md-block d-sm-none d-none">
  914.                     <a href="{{ path("app_comparateur_del_list") }}" class="comp_delete-compare-spas">Effacer les spas</a>
  915.                 </div>
  916.                 <div class="col-12 d-lg-none d-md-none d-sm-block d-block">
  917.                     <a href="{{ path("app_comparateur_filtre_get_produit_list_mobile_modif_result") }}" class="comp_delete-compare-spas modifResearch">Modifier ma recherche</a>
  918.                 </div>
  919.                 <div class="col-12 mt-3 d-lg-block d-md-block d-sm-none d-none">
  920.                     <button class="comp_button-compare-spas comp_compare-button">Comparer les spas</button>
  921.                 </div>
  922.                 <div class="col-12 mt-3 d-lg-none d-md-none d-sm-block d-block">
  923.                     <button data-url="{{ path("app_list_spa") }}" class="comp_button-compare-spas comp_mobil-voir-tous-les-spas">Voir tous les spas</button>
  924.                 </div>
  925.             </div>
  928.             <div class="row d-lg-none d-md-none d-sm-block d-block mt-3">
  929.                 <div class="col-lg-3 col-md-4 col-sm-12 col-12 text-center">
  930.                     <button class="text-white comp_button-masque comp_show" data-link="{{ path("app_list_spa") }}">Masquer le comparateur <span><img class="comp_img-arrow-up" src="{{ asset("/images/comparator/arrow_top.png") }}" alt="arrow"></span></button>
  931.                     <button class="text-white comp_button-masque comp_hide d-none">Afficher le comparateur <span><img class="comp_img-arrow-down" src="{{ asset("/images/comparator/arrow_top.png") }}" alt="arrow"></span></button>
  932.                 </div>
  933.             </div>
  935.         </div>
  936.     </div>
  938. {% endblock %}
  940. {% block footer %}
  941.     <div class=" d-lg-block d-md-block d-sm-none d-none">
  942.         <div class="container-fluid background-blue comp_mask-block comp_compare-footer-masque comp_compare-spas-action-button-hide">
  943.             <div class="container">
  944.                 <div class="row pt-4 pb-4">
  945.                     <div class="col-lg-8 col-md-6 col-sm-12 fs-15 text-white">
  946.                         N'hésitez pas à <b>contacter notre service commercial</b> afin de bénéficier des conseils de nos professionnels </br>au 09 73 72 33 33
  947.                     </div>
  948.                     <div class="col-lg-4 col-md-6 col-sm-12 my-auto">
  949.                         <div class="text-center mb-3">
  950.                             <div class="comp_button-explorer ms-auto me-auto">
  951.                                 <a href="{{ path("app_accueil") }}" style="text-decoration: none!important;color:#6d6d6d!important;">Continuer d'explorer</a>
  952.                             </div>
  954.                         </div>
  955.                         <div class="text-center">
  956.                             <button class="text-white comp_width-80-percent comp_button-masque-footer comp_show" data-link="{{ path("app_list_spa") }}">Masquer le comparateur <span><img class="comp_img-arrow-up float-end" src="{{ asset("/images/comparator/arrow_top.png") }}" alt="arrow"></span></button>
  957.                         </div>
  958.                     </div>
  959.                 </div>
  960.             </div>
  961.         </div>
  962.     </div>
  963. {% endblock %}