templates/fiche_produit/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}SPA.BIZ | Fiche produit{% endblock %}
  5. {% block title_page %}FICHE PRODUIT{% endblock %}
  7. {% block body %}
  8.     <div class="container-fluid background-grey d-lg-block d-md-block d-sm-none d-none">
  9.         <div class="container">
  10.             <div class="row pt-3 pb-3">
  11.                 <ul class="d-flex justify-content-center mb-0">
  12.                     <li class="fiche-nav"><a href="{{ path("app_fiche_produit_portail_luxe", {"id_categorie":current_parent_categorie.id, "name_categorie": current_parent_categorie.getNameLangue(app.request.locale)|replace({' ':'-'}), "id_produit": produit.id}) }}" class="fs-14 text-grey-color-used no-decoration">{% trans %}Portail{% endtrans %} {{ current_parent_categorie.getNameLangue(app.request.locale) }}</a></li>
  13.                     <li class="fiche-nav"><a href="{{ path("app_list_product_per_categ", {"type":'gamme-'~current_parent_categorie.getNameLangue(app.request.locale)|replace({' ':'-'}), "id_categorie":current_parent_categorie.id}) }}" class="fs-14 text-grey-color-used no-decoration">{% trans %}Tous les{% endtrans %} spas {{ current_parent_categorie.getNameLangue(app.request.locale) }}</a></li>
  14.                     <li class="fiche-nav"><a target="_blank" href="https://pieces-detachees.tropicspa.fr/378-accessoire-spa" class="fs-14 text-grey-color-used no-decoration">{% trans %}Accessoires{% endtrans %}</a></li>
  15.                     <li class="fiche-nav"><a target="_blank" href="https://pieces-detachees.tropicspa.fr/" class="fs-14 text-grey-color-used no-decoration">{% trans %}Pièces{% endtrans %} {% trans %}Détâchées{% endtrans %}</a></li>
  16.                 </ul>
  17.             </div>
  18.         </div>
  19.     </div>
  21.     {#  mobile  #}
  22.     <div class="container-fluid background-blue d-lg-none d-md-none d-sm-block d-block">
  23.         <div class="container">
  24.             <div class="row pt-3 pb-3">
  25.                 {% for categ in categori_parent %}
  27.                     <div class="col-4">
  28.                         {% if categ.id == categorie_parent_current %}
  29.                             <div class="w-100 categ-actif-sm">
  30.                                 <a class="w-100 no-wrap text-decoration-none" href="{{ path("app_list_product_per_categ", {"type":'gamme-'~categ.getNameLangue(app.request.locale)|replace({' ':'-'}), "id_categorie":categ.id }) }}">{% trans %}Gamme{% endtrans %} <br>{{ categ.getNameLangue(app.request.locale) }}</a>
  31.                             </div>
  32.                         {% else %}
  33.                             <div class="w-100 categ-inactif-sm">
  34.                                 <a class="w-100 no-wrap text-decoration-none" href="{{ path("app_list_product_per_categ", {"type":'gamme-'~categ.getNameLangue(app.request.locale)|replace({' ':'-'}), "id_categorie":categ.id }) }}">{% trans %}Gamme{% endtrans %} <br>{{ categ.getNameLangue(app.request.locale) }}</a>
  35.                             </div>
  36.                         {% endif %}
  37.                     </div>
  38.                 {% endfor %}
  39.             </div>
  40.         </div>
  41.     </div>
  43.     <div class="container-fluid background-grey-sm">
  44.         <div class="container bordered mt-lg-3 mt-md-3 mt-sm-0 mt-0 pt-lg-3 p-lg-4 p-md-4 p-sm-2 p-2 mb-lg-3 mb-md-3 mb-sm-0 mb-0">
  45.             <div class="row p-2 ">
  46.                 <div class="col-lg-6 col-md-12 col-sm-12 col-12">
  47.                     <div class="row">
  49.                         <div class="col-4 block-file-product-list-images d-lg-block d-md-block d-sm-none d-none">
  50.                             <div class="list-image-fiche position-relative">
  51.                                 {% for keyImage, image in produit.imageProduits %}
  52.                                     {% if keyImage <= 3 %}
  54.                                         <div class="position-relative">
  55.                                             <a data-color="{% if image.color %}{{ image.color.id }}{% endif %}" class="example-image-link" href="{{ asset("/images/images_produits/"~image.image) }}" data-lightbox="example-set" data-title="Spa"><img height="98px" class="example-image" src="{{ asset("/images/images_produits/"~image.image) }}" alt="" /></a>
  56.                                         </div>
  57.                                     {% endif %}
  58.                                 {% endfor %}
  60.                                 <div class="list-other-img-fiche">
  61.                                     <img class="mt-8" src="{{ asset("/images/block_products/camera.png") }}" alt="camera">
  62.                                     <div class="plus-other-image-fiche">+</div>
  63.                                     <div class="fs-14 mt-3 text-white">
  64.                                         <span>+ {{ restCountShowInModal }} {% trans %}photos{% endtrans %}</span>
  65.                                     </div>
  66.                                     <!-- Button trigger modal -->
  67.                                     <button type="button" class="btn btn-primary button-all-image" data-bs-toggle="modal" data-bs-target="#exampleModal">
  68.                                         Launch
  69.                                     </button>
  70.                                     <!-- Modal -->
  71.                                     <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  72.                                         <div class="modal-dialog">
  73.                                             <div class="modal-content">
  74.                                                 <div class="modal-header">
  75.                                                     <h5 class="modal-title" id="exampleModalLabel">{% trans %}Toutes les photos{% endtrans %}</h5>
  76.                                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  77.                                                 </div>
  78.                                                 <div class="modal-body list-img-fiche-modal">
  79.                                                     {% for keyImage, image in produit.imageProduits %}
  80.                                                         {% if keyImage > 3 %}
  82.                                                             <div>
  83.                                                                 <a  data-color="{% if image.color %}{{ image.color.id }}{% endif %}"  class="example-image-link" href="{{ asset("/images/images_produits/"~image.image) }}" data-lightbox="example-set" data-title="Spa"><img height="98px" class="example-image" src="{{ asset("/images/images_produits/"~image.image) }}" alt="" /></a>
  84.                                                             </div>
  86.                                                         {% endif %}
  87.                                                     {% endfor %}
  89.                                                 </div>
  90.                                             </div>
  91.                                         </div>
  92.                                     </div>
  93.                                     <!-- Modal -->
  95.                                 </div>
  96.                             </div>
  97.                         </div>
  99.                         <div class="col-lg-8 col-md-8 col-sm-12 col-12">
  100.                             <div class="card-body text-center p-1 position-relative">
  101.                                 {% if not produit.stock <= 0 %}
  102.                                     <p class="disponible d-lg-block d-md-block d-sm-none d-none">{% trans %}DISPONIBLE MAINTENANT{% endtrans %}</p>
  103.                                 {% endif %}
  104.                                 <div>
  105.                                     <h2 class="fw-600 text-grey-color-used"><i class="text-portail">SPAS</i> {{ produit.getNameLangue(app.request.locale) }}</h2>
  106.                                 </div>
  107.                                 <div class="row">
  108.                                     <div class="col-6 text-small-bolder-fiche text-end text-grey-color-used">{{ produit | places }} {% trans %}place(s){% endtrans %}</div>
  109.                                     <div class="col-6 text-small-bolder-fiche text-start text-grey-color-used">{{ produit | jets}} {% trans %}jet(s){% endtrans %}</div>
  110.                                 </div>
  111.                                 {% if caracteristique_init.prixPublicConseille and  caracteristique_init.prixPublicConseille  is not empty %}
  112.                                     <p class="mb-1 mt-1 price_public_conseiller">Prix public conseillé  : <span>{{ caracteristique_init.prixPublicConseille|number_format(0, ',', ' ') }} €</span></p>
  113.                                 {% endif %}
  114.                                 <div class="price-products-fiche text-grey-color-used">{{ produit.getPriceLangue(app.request.locale)|number_format(0, ',', ' ') }} €</div>
  115.                                 <div class="ratings-fiche mb-3">
  116.                                     {% set gammeProd = produit | gameStart %}
  117.                                     {% set nbrStartsP = gammeProd|number_format %}
  119.                                     <div class="d-flex">
  120.                                         {% for i in 1..nbrStartsP %}
  121.                                             <img style="height: 35px;" src="{{ asset("/images/start_actif_hotfix.png") }}" alt="etoile">
  122.                                         {% endfor %}
  123.                                     </div>
  124.                                 </div>
  128.                                 <div class="mb-4 d-lg-block d-md-block d-sm-none d-none position-relative">
  129.                                     <div class="show-img-selected-color-in-product">
  130.                                         <a id="z-image-1" onmouseenter="zoom('z-image-1')" src="{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}" class="example-image-link d-block set_height_img image-background-product-fp" style="background-image: url('{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}')" href="{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}" data-lightbox="example-2" data-title="Spas">
  131.                                         </a>
  132.                                     </div>
  134.                                     <div class="d-none">
  135.                                         {% for keyImage, prodImage in produit.imageProduits %}
  136.                                             {% if keyImage < 7 %}
  137.                                                 <a class="example-image-link" href="{{ asset("/images/images_produits/"~prodImage.image) }}" data-lightbox="example-2" data-title="Spas"><img class="set_height_img" src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="Spa"/></a>
  138.                                             {% endif %}
  139.                                         {% endfor %}
  140.                                     </div>
  141.                                 </div>
  142.                                 <div class="mb-4 d-lg-none d-md-none d-sm-block d-block show-img-selected-color-in-product-mobil">
  143.                                     <div class="center-list-sm position-relative">
  144.                                         <div class="width-unset">
  145.                                             <a class="example-image-link d-block image-background-product-fp" href="{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}" data-lightbox="example-set-sm" data-title="Spa" style="background-image: url('{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}')">
  146.                                                 <img class="example-image3 image_bug" src="{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}" alt="" />
  147.                                             </a>
  148.                                         </div>
  150.                                         {% for keyImage, prodImage in produit.imageProduits %}
  151.                                             {% if keyImage < 7 %}
  152.                                                 <div class="width-unset">
  153.                                                     <a class="example-image-link image-background-product-fp" href="{{ asset("/images/images_produits/"~prodImage.image) }}" data-lightbox="example-set-sm" data-title="Spa" style="background-image: url('{{ asset("/images/images_produits/"~produit.imageProduitsPrincipale) }}')">
  154.                                                         <img class="example-image3 image_bug" src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="" />
  155.                                                     </a>
  156.                                                 </div>
  157.                                             {% endif %}
  158.                                         {% endfor %}
  159.                                     </div>
  161.                                 </div>
  163.                                 <div class="d-lg-none d-md-none d-sm-block d-block">
  164.                                     <div class="list-other-img-fiche-sm end-0">
  165.                                         <img class="mt-8" style="width: 40px;" src="{{ asset("/images/block_products/camera-grey.png") }}" alt="camera">
  166.                                         <div class="plus-other-image-fiche-sm">+</div>
  167.                                         <!-- Button trigger modal -->
  168.                                         <button type="button" class="btn btn-primary button-all-image-sm" data-bs-toggle="modal" data-bs-target="#exampleModal1">
  169.                                             La
  170.                                         </button>
  171.                                         <!-- Modal -->
  172.                                         <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
  173.                                             <div class="modal-dialog">
  174.                                                 <div class="modal-content">
  175.                                                     <div class="modal-header">
  176.                                                         <h5 class="modal-title" id="exampleModalLabel1">{% trans %}Toutes les photos{% endtrans %}</h5>
  177.                                                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  178.                                                     </div>
  179.                                                     <div class="modal-body list-img-fiche-modal">
  180.                                                         {% for prodImage in produit.imageProduits %}
  181.                                                             <div class="width-unset">
  182.                                                                 <img height="120px" src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="zaccouzi">
  183.                                                             </div>
  184.                                                         {% endfor %}
  185.                                                     </div>
  186.                                                 </div>
  187.                                             </div>
  188.                                         </div>
  189.                                         <!-- Modal -->
  191.                                     </div>
  192.                                 </div>
  194.                                 <div class="d-lg-block d-md-block d-sm-none d-none">
  195.                                     <button class="mx-auto fp-button-show-detail-fiche btn-bg-grey border-grey d-flex text-decoration-none px-2"  data-bs-toggle="modal" data-bs-target="#exampleModalDownloadCatalogue" href="" style="max-width: 260px;">
  196.                                         <div class="text-center text-white fs-12 w-100 fw-600 text-transform-uppercase">
  197.                                             {% trans %}Télécharger le Catalogue{% endtrans %}
  198.                                         </div>
  199.                                         <img class="download-catalog" src="/images/block_products/icon-book.png">
  200.                                     </button>
  201.                                     <!-- Modal -->
  202.                                     <div class="modal fade" id="exampleModalDownloadCatalogue" style="z-index:9999;" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  203.                                         <div class="modal-dialog">
  204.                                             <div class="modal-content">
  205.                                                 <div class="modal-header">
  206.                                                     <h5 class="modal-title" id="exampleModalDownloadCatalogue">Télécharger le catalogue</h5>
  207.                                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  208.                                                 </div>
  209.                                                 <div class="modal-body text-start">
  210.                                                     {{ form_start(catalogueForm) }}
  211.                                                     {{ form_row(catalogueForm.name) }}
  212.                                                     {{ form_row(catalogueForm.email) }}
  213.                                                     {{ form_row(catalogueForm.phone) }}
  214.                                                     <div class=" text-end">
  215.                                                         <button type="submit" class="btn submit-btn" style="border: 1px solid #048b9a;background: #048b9a;color: white!important;">Envoyer</button>
  216.                                                     </div>
  217.                                                     {{ form_end(catalogueForm) }}
  218.                                                 </div>
  219.                                             </div>
  220.                                         </div>
  221.                                     </div>
  222.                                     {% if produit.categories and produit.categories|length > 0 %}
  223.                                         {% set categ = produit.categories.toArray[0] %}
  224.                                         <div class="mt-2">
  225.                                             <a class="fp-button-add-comparator fs-14 fw-600 text-transform-uppercase" href="{{ path("app_comparateur_set_list", {"id_gamme": categ.id, "id_produit": produit.id}) }}">{% trans %}Ajouter{% endtrans %} {% trans %}au comparateur{% endtrans %}</a>
  226.                                         </div>
  227.                                     {% endif %}
  228.                                 </div>
  229.                             </div>
  230.                         </div>
  231.                     </div>
  233.                 </div>
  235.                 <div class="col-lg-6 col-md-12 col-sm-12 col-12">
  236.                     <div class="row d-lg-flex d-md-flex d-sm-none d-none">
  237.                         {% for categ in categori_parent %}
  239.                             <div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
  240.                                 {% if categ.id == categorie_parent_current %}
  241.                                     <a class="categ-btn categ-actif no-wrap text-decoration-none" href="{{ path("app_list_product_per_categ", {"type":'gamme-'~categ.getNameLangue(app.request.locale)|replace({' ':'-'}), "id_categorie":categ.id }) }}">{% trans %}Gamme{% endtrans %} {{ categ.getNameLangue(app.request.locale) }}</a>
  242.                                 {% else %}
  243.                                     <a class="categ-btn categ-inactif no-wrap text-decoration-none" href="{{ path("app_list_product_per_categ", {"type":'gamme-'~categ.getNameLangue(app.request.locale)|replace({' ':'-'}), "id_categorie":categ.id }) }}">{% trans %}Gamme{% endtrans %} {{ categ.getNameLangue(app.request.locale) }}</a>
  244.                                 {% endif %}
  245.                             </div>
  246.                         {% endfor %}
  247.                     </div>
  248.                     {{ form_start(form, {'attr': {'class': 'mt-4 p-4 bg-light'}}) }}
  249.                     <div class="row mt-2">
  250.                         <div class="col-lg-6 col-md-6 col-sm-12 col-12">
  251.                             <div class="d-lg-flex d-md-inline-flex d-sm-block d-block" style="width:100%!important;">
  252.                                 <div class="list-color row ms-1 me-1 d-lg-flex d-md-flex d-sm-none d-none" style="width:100%!important;">
  253.                                     {% set colorDispo = [] %}
  254.                                     {% for keyImage, prodImage in produit.imageProduits %}
  255.                                         {% if prodImage.color and (prodImage.color.type not in colorDispo) %}
  256.                                             {% set colorDispo = colorDispo|merge([prodImage.color.type]) %}
  257.                                             <div id="{{ prodImage.color.id }}" class="color-spa one-color cursor-pointer-color ps-0 pe-0 show_image_with_color" data-id-produit="{{ produit.id }}" data-id-color="{{ prodImage.color.id }}" data-type-color="{{ prodImage.color.type }}" data-url="{{ path("app_fiche_produit_get_by_color_show_images") }}">
  258.                                                 <div class="maron" style="background:{{ prodImage.color.type }}"></div>
  259.                                             </div>
  260.                                         {% endif %}
  261.                                     {% endfor %}
  265.                                 </div>
  266.                             </div>
  268.                             <select name="colors" id="" class="select-fiche col-12 mt-2 select-color color_select d-lg-none d-md-none d-sm-block d-block show_image_with_color_mobil">
  269.                                 {% set colorDispo = [] %}
  270.                                 {% for keyImage, prodImage in produit.imageProduits %}
  271.                                     {% if prodImage.color and (prodImage.color.type not in colorDispo) %}
  272.                                         {% set colorDispo = colorDispo|merge([prodImage.color.type]) %}
  273.                                         <option value="{{ prodImage.color.id }}" data-id-produit="{{ produit.id }}" data-id-color="{{ prodImage.color.id }}" data-type-color="{{ prodImage.color.type }}" data-url="{{ path("app_fiche_produit_get_by_color_show_images") }}">{{ prodImage.color.name }} ({{ prodImage.color.priceTtc }} €)</option>
  274.                                     {% endif %}
  275.                                 {% endfor %}
  276.                             </select>
  278.                             <select name="options[]" id="" class="select-fiche mt-2 col-12 select-option option_select" data-show-subtext="true" multiple>
  279.                                 {% for option in produit.produitOption %}
  280.                                     <option value="{{ option.id }}">{{ option.name }} ({{ option.price }} €)</option>
  281.                                 {% endfor %}
  282.                             </select>
  284.                             <select name="garantie[]" id="" class="select-fiche col-12 mt-2 garantie_select">
  285.                                 {% for garantie in produit.garantie %}
  286.                                     <option value="{{ garantie.id }}">{{ garantie.name }} ({{ garantie.price }} €)</option>
  287.                                 {% endfor %}
  288.                             </select>
  290.                             {% for produitFinition in product_finitions %}
  291.                                 {% if produitFinition.finition is not empty %}
  292.                                     <div data-finition-id="{{ produitFinition.finition.id }}" id="{{ produitFinition.finition.name | lower }}" url-finition="{{ path("app_fiche_produit_get_by_finition", {"id_produit":produitFinition.id, "id_finition":produitFinition.finition.id}) }}" class="updFinition finition-{{ produitFinition.finition.name | lower }} on-click mt-2 d-inline-flex">
  293.                                         <div class="col-8">
  294.                                             <p class="mb-2 title-text-finition">{% trans %}Finitions{% endtrans %} <span>{{ produitFinition.finition.name }}</span></p>
  295.                                             <p class="text-finition mb-0">{{ produitFinition.finition.descriptions }}</p>
  296.                                         </div>
  297.                                         <div class="col-4 my-bottom text-end">
  298.                                             <p class="price-finition mb-0">+ {{ produitFinition.finition.price }} €</p>
  299.                                         </div>
  300.                                     </div>
  301.                                 {% endif %}
  302.                             {% endfor %}
  304.                         </div>
  306.                         <div class="col-lg-6 col-md-6 col-sm-12 col-12 mt-lg-0 mt-md-0 mt-sm-2 mt-2">
  308.                             {% if caracteristique_init %}
  310.                                 {% if caracteristique_init.capaciteSpa %}
  311.                                     <button type="button" class="all-button-right-file-product mt-0 mb-2" style="cursor:auto!important;"><span class="placeAssise">{{ caracteristique_init.capaciteSpa }} place(s) </span></button>
  312.                                 {% endif %}
  314.                                 <button type="button" class="all-button-right-file-product mt-0" style="cursor:auto!important;"><span class="placeAssise">{{ caracteristique_init.placesAssis }} place(s) assise(s) </span></button>
  316.                                 <button type="button" class="all-button-right-file-product mt-2 " style="cursor:auto!important;"><span class="placeAllonge">{{ caracteristique_init.placesAllonge }} place(s) allongée(s)</span></button>
  318.                                 {% if caracteristique_init.cascadeLed %}
  319.                                     <button type="button" class="all-button-right-file-product mt-2 " style="cursor:auto!important;"><span class="cascade">Cascade Inox</span></button>
  320.                                     <div class="d-none">
  321.                                         <div id="mypopover-content2">
  322.                                             <p>La cascade à led qui change de couleur avec lamelle à teflon pour une homogénéité parfaite de la sortie d'eau, vous permettra d'avoir une ambiance zen.</p>
  323.                                         </div>
  324.                                     </div>
  325.                                 {% endif %}
  327.                                 {% if caracteristique_init.nuageLedSole %}
  328.                                     <button type="button" class="all-button-right-file-product mt-2 " style="cursor:auto!important;"><span class="nuage">Nuage au sol</span> {# <span class="show-more example-popover3" title="Nuage au sol">+</span> #}</button>
  329.                                     <div class="d-none">
  330.                                         <div id="mypopover-content3">
  331.                                             <p>This is the custom popover html content that should be inserted into my example popover</p>
  332.                                             <button type="button" class="btn btn-primary">and the button as well</button>
  333.                                         </div>
  334.                                     </div>
  335.                                 {% endif %}
  336.                                 <button type="button" class="all-button-right-file-product mt-2 " style="cursor:auto!important;"><span class="ledPeripherique">{{ caracteristique_init.ledChromaPeripherique }} Leds de périphérie</span>{# <span class="show-more example-popover4" title="Leds de périphérie">+</span> #}</button>
  337.                                 <div class="d-none">
  338.                                     <div id="mypopover-content4">
  339.                                         <p>Les leds de périphérie permettront de faire changer la couleur de l'eau de votre spa à tout moment et de bénéficier d'une ambiance incroyablement relaxante.</p>
  340.                                     </div>
  341.                                 </div>
  342.                                 {# <button type="button" class="all-button-right-file-product mt-2 "><span class="coque">{{ caracteristique_init.coque }}</span><span class="show-more example-popover5" title="Coque">+</span></button>
  343.                                  <div class="d-none">
  344.                                      <div id="mypopover-content5">
  345.                                          <p>Nos spas sont équipés de la meilleure acrylique au monde Aristech, fabrication américaine. Avec notre acrylique vous êtes sur de n'avoir aucun problème dans le temps.</p>
  346.                                      </div>
  347.                                  </div>#}
  348.                             {% endif %}
  350.                             <div class="mt-5-sm ovaina">
  351.                                 <div class="d-lg-block d-md-block d-sm-none d-none">
  352.                                     <button type="button" class="mt-3 d-flex px-2 fp-btn-green w-100 fw-600 text-transform-uppercase" data-bs-toggle="modal" data-bs-target="#exampleModalDevis">
  353.                                         <span class="w-100 fs-12 my-auto">Devis gratuit</span>
  354.                                         <img src="{{ asset('images/block_products/icon-text-edit.png') }}" />
  355.                                     </button>
  356.                                     <!-- Modal -->
  357.                                     <div class="modal fade" id="exampleModalDevis" style="z-index:9999;" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  358.                                         <div class="modal-dialog">
  359.                                             <div class="modal-content">
  360.                                                 <div class="modal-header">
  361.                                                     <h5 class="modal-title" id="exampleModalLabel">Devis gratuit</h5>
  362.                                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  363.                                                 </div>
  364.                                                 <div class="modal-body">
  365.                                                     {{ form_start(form_order) }}
  366.                                                      <input type="hidden" name="new_line[0][produit]" value="{{ produit.id }}" />
  367.                                                     <input type="hidden" name="new_line[0][couleur]"  />
  368.                                                     <input type="hidden" name="new_line[0][finition]" />
  369.                                                     <div id="devis_opt"><input type="hidden" class="devis_options" name="new_line[0][options][]" /></div>
  370.                                                     <input type="hidden" class="devis_garanties" name="new_line[0][garanties][]" />
  371.                                                     <input type="hidden" name="new_line[0][qty]" value="1" />
  373.                                                     <div class="row" style="margin-top: 5px;">
  374.                                                         <div class="col-lg-4 col-md-6">
  375.                                                             {{ form_row(form_order.shippingAddress.firstname) }}
  376.                                                         </div>
  377.                                                         <div class="col-lg-4 col-md-6">
  378.                                                             {{ form_row(form_order.shippingAddress.lastname1) }}
  379.                                                         </div>
  380.                                                         <div class="col-lg-4 col-md-6">
  381.                                                             {{ form_row(form_order.shippingAddress.lastname2) }}
  382.                                                         </div>
  383.                                                     </div>
  384.                                                     <div class="row mt-2">
  385.                                                         <div class="col-lg-6 col-md-6">
  386.                                                             {{ form_row(form_order.email) }}
  387.                                                         </div>
  388.                                                         <div class="col-lg-6 col-md-6">
  389.                                                             {{ form_row(form_order.shippingAddress.phone) }}
  390.                                                         </div>
  391.                                                     </div>
  393.                                                     <div class="row mt-2">
  394.                                                         <div class="col-lg-6 col-md-6">
  395.                                                             {{ form_row(form_order.shippingAddress.postalCode) }}
  396.                                                         </div>
  397.                                                         <div class="col-lg-6 col-md-6">
  398.                                                             {{ form_row(form_order.shippingAddress.street) }}
  399.                                                         </div>
  400.                                                         <div class="col-lg-4 d-none">
  401.                                                             {{ form_row(form_order.shippingAddress.state) }}
  402.                                                         </div>
  403.                                                     </div>
  405.                                                     <div class="row mt-2">
  406.                                                         <div class="col-lg-6 col-md-6">
  407.                                                             {{ form_row(form_order.shippingAddress.country) }}
  408.                                                         </div>
  409.                                                         <div class="col-lg-6 col-md-6">
  410.                                                             {{ form_row(form_order.shippingAddress.city) }}
  412.                                                         </div>
  413.                                                     </div>
  414.                                                     <div class="row mt-2 justify-content-center">
  415.                                                         <button type="submit" class="mt-4 mb-2 fp-btn-green">Envoyer</button>
  416.                                                     </div>
  417.                                                     {{ form_end(form_order) }}
  418.                                                 </div>
  419.                                             </div>
  420.                                         </div>
  421.                                     </div>
  423.                                     {{ form_start(form) }}
  424.                                         {{ form_widget(form.add, {'attr': {'class': 'mt-2 d-flex px-2 fp-button-show-detail-fiche w-100 fw-600 fs-12 bg-orange border-orange text-white fs-12 text-transform-uppercase'}}) }}
  425.                                         {{ form_widget(form.quantity) }}
  426.                                         <input type="hidden" name="color" value="">
  427.                                         <input type="hidden" name="finition" value="">
  428.                                         <input type="hidden" id="cart_garantie" name="garantie[]" value="">
  429.                                         <input type="hidden" id="cart_options" class="cart_options" name="options[]" value="">
  430.                                     {{ form_end(form) }}
  432.                                     <div class="download_notice">
  433.                                         <a class="mb-0 text-decoration-underline" href="#">{% trans %}Télécharger la notice </br>de pré-installation{% endtrans %}  <span class="ms-1"><img class="ml-1" style="margin-bottom: 3px!important;height: 15px;width: 18px;" src="{{ asset("/images/block_products/download.webp") }}" alt="download"></span></a>
  434.                                     </div>
  435.                                 </div>
  438.                                 <input type="hidden" name="color" value="">
  439.                                 <input type="hidden" name="finition" value="">
  441.                                 <div class="container-fluid d-lg-none d-md-none d-sm-block d-block">
  442.                                     <button class="mx-auto fp-button-show-detail-fiche btn-bg-grey border-grey d-flex text-decoration-none px-2"  data-bs-toggle="modal" data-bs-target="#exampleModalDownloadCatalogueMobile">
  443.                                         <div class="text-center text-white fs-12 w-100 fw-600 text-transform-uppercase">
  444.                                             {% trans %}Télécharger le Catalogue{% endtrans %}
  445.                                         </div>
  446.                                         <img class="download-catalog" src="/images/block_products/icon-book.png">
  447.                                     </button>
  448.                                     <!-- Modal -->
  449.                                     <div class="modal fade" id="exampleModalDownloadCatalogueMobile" style="z-index:9999;" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  450.                                         <div class="modal-dialog">
  451.                                             <div class="modal-content">
  452.                                                 <div class="modal-header">
  453.                                                     <h5 class="modal-title" id="exampleModalDownloadCatalogue">Télécharger le catalogue</h5>
  454.                                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  455.                                                 </div>
  456.                                                 <div class="modal-body text-start">
  457.                                                     {{ form_start(catalogueMobileForm) }}
  458.                                                     {{ form_row(catalogueMobileForm.name) }}
  459.                                                     {{ form_row(catalogueMobileForm.email) }}
  460.                                                     {{ form_row(catalogueMobileForm.phone) }}
  461.                                                     <div class=" text-end">
  462.                                                         <button type="submit" class="btn submit-btn" style="border: 1px solid #048b9a;background: #048b9a;color: white!important;">Envoyer</button>
  463.                                                     </div>
  464.                                                     {{ form_end(catalogueMobileForm) }}
  465.                                                 </div>
  466.                                             </div>
  467.                                         </div>
  468.                                     </div>
  470.                                     <div class="mt-3 mb-3">
  471.                                         <button type="button" class="d-flex px-2 fp-btn-green w-100 fw-600 demandeDevis text-transform-uppercase">
  472.                                             <span class="w-100 fs-12 my-auto">Devis gratuit</span>
  473.                                             <img src="{{ asset('images/block_products/icon-text-edit.png') }}" />
  474.                                         </button>
  475.                                     </div>
  477.                                     <div class="download_notice">
  478.                                         <a class="mb-0 text-decoration-underline" href="#">{% trans %}Télécharger la notice </br>de pré-installation{% endtrans %}  <span class="ms-1"><img class="ml-1" style="margin-bottom: 3px!important;height: 15px;width: 18px;" src="{{ asset("/images/block_products/download.webp") }}" alt="download"></span></a>
  479.                                     </div>
  481.                                 </div>
  482.                             </div>
  483.                         </div>
  484.                     </div>
  485.                     {{ form_end(form) }}
  487.                 </div>
  488.             </div>
  489.         </div>
  491.         <div class="container ps-lg-0 ps-md-0 ps-sm-5 ps-5 pe-lg-0 pe-md-0 pe-sm-5 pe-5 mt-lg-4 mt-md-4 mt-sm-0 mt-0">
  492.             <div class="row mb-3">
  493.                 <div class="col-lg-5 col-md-5 col-sm-12 col-12"><h3 class="mb-0">{% trans %}Caractéristiques Complètes{% endtrans %}</h3></div>
  494.                 <div class="col-lg-7 col-md-7 col-sm-12 col-12 my-auto d-lg-block d-md-block d-sm-none d-none">
  495.                     <div class="row">
  496.                         {#                        <div class="col-lg-5 col-md-5 col-sm-12 col-12 text-end"><p class="mb-0 text-decoration-underline">{% trans %}Télécharger notre Catalogue{% endtrans %} <span class=""><img width="17px" height="17px" class="ml-1" src="{{ asset("/images/block_products/donwload.png") }}" alt="download"></span></p></div>#}
  497.                         {#                        <div class="col-lg-7 col-md-7 col-sm-12 col-12 text-end"><p class="mb-0 text-decoration-underline">{% trans %}Télécharger la notice de pré-installation{% endtrans %}  <span class=""><img width="17px" height="17px" class="ml-1" src="{{ asset("/images/block_products/donwload.png") }}" alt="download"></span></p></div>#}
  498.                     </div>
  499.                 </div>
  500.             </div>
  503.             <div class="row">
  504.                 <div class="col-lg-4 col-md-4 col-sm-12 col-12 caracteristic">
  505.                     {% if caracteristique_init %}
  506.                         <ul>
  507.                             {% if caracteristique_init.gamme %}
  508.                                 <li>Gamme : {{ caracteristique_init.gamme|upper }}</li>
  509.                             {% endif %}
  512.                             <li>Capacité du spa : <span>{% if caracteristique_init.capaciteSpa %}
  513.                                         {{ caracteristique_init.capaciteSpa }}
  514.                                     {% endif %} place(s)</span>
  515.                                 <ol>
  516.                                     {% if caracteristique_init.placesAssis %}
  517.                                         <li>{{ caracteristique_init.placesAssis }} Place(s) assise(s)</li>
  518.                                     {% endif %}
  519.                                     {% if caracteristique_init.placesAllonge %}
  520.                                         <li>{{ caracteristique_init.placesAllonge }} Place(s) allongée(s)</li>
  521.                                     {% endif %}
  522.                                     {% if caracteristique_init.placeSemiAllonges %}
  523.                                         <li>{{ caracteristique_init.placeSemiAllonges }} Place(s) semi allongée(s)</li>
  524.                                     {% endif %}
  525.                                     {% if caracteristique_init.placeLevitation %}
  526.                                         <li>{{ caracteristique_init.placeLevitation }} Place(s) en lévitation</li>
  527.                                     {% endif %}
  529.                                 </ol>
  530.                             </li>
  532.                             {% if caracteristique_init.dimensions %}
  533.                                 <li>Dimensions : {{ caracteristique_init.dimensions }}</li>
  534.                             {% endif %}
  535.                             {% if caracteristique_init.conditionnement %}
  536.                                 <li>Conditionnement : {{ caracteristique_init.conditionnement }}</li>
  537.                             {% endif %}
  538.                             {% if caracteristique_init.volume %}
  539.                                 <li>Volume : {{ caracteristique_init.volume }} L</li>
  540.                             {% endif %}
  541.                             {% if caracteristique_init.poids %}
  542.                                 <li>Poids : {{ caracteristique_init.poids }} Kg</li>
  543.                             {% endif %}
  545.                             {% if caracteristique_init.jetsTherapie %}
  546.                                 <li>Jets thérapie  : {{ caracteristique_init.jetsTherapie }}</li>
  547.                             {% endif %}
  549.                             {% if caracteristique_init.jetsAir %}
  550.                                 <li>Jets d'air  : {{ caracteristique_init.jetsAir }}</li>
  551.                             {% endif %}
  553.                             {% if caracteristique_init.jetsEau %}
  554.                                 <li>Jets d'eau  : {{ caracteristique_init.jetsEau }}</li>
  555.                             {% endif %}
  557.                             {% if caracteristique_init.jetsMassageCervical and caracteristique_init.jetsMassageCervical is not empty %}
  558.                                 <li>Jets pour massage cervical</li>
  559.                             {% endif %}
  561.                             {% if caracteristique_init.turboJetsMollets and caracteristique_init.turboJetsMollets is not empty  %}
  562.                                 <li>Turbo Jets</li>
  563.                             {% endif %}
  565.                             {% if caracteristique_init.finitionBuses and caracteristique_init.finitionBuses  %}
  566.                                 <li>Finition des buses : {{ caracteristique_init.finitionBuses|capitalize }}</li>
  567.                             {% endif %}
  569.                         </ul>
  570.                     {% endif %}
  571.                 </div>
  572.                 <div class="col-lg-4 col-md-4 col-sm-12 col-12 caracteristic">
  573.                     {% if caracteristique_init %}
  574.                         <ul>
  578.                             {% if caracteristique_init.enceinteAvecLeds and caracteristique_init.enceinteAvecLeds is not empty %}
  579.                                 <li>Enceinte(s) avec leds : {{ caracteristique_init.enceinteAvecLeds }}</li>
  580.                             {% endif %}
  582.                             {% if caracteristique_init.enceinteSansLeds and  caracteristique_init.enceinteSansLeds is not empty %}
  583.                                 <li>Enceinte(s) sans leds : {{ caracteristique_init.enceinteSansLeds }}</li>
  584.                             {% endif %}
  586.                             {% if caracteristique_init.appuisTete and caracteristique_init.appuisTete is not empty %}
  587.                                 <li>Appui-tête(s) confortable(s)</li>
  588.                             {% endif %}
  590.                             {% if caracteristique_init.radio and caracteristique_init.radio == true %}
  591.                                 <li>Poste Radio</li>
  592.                             {% endif %}
  594.                             {% if caracteristique_init.translate.commandeADistance and caracteristique_init.translate.commandeADistance == true %}
  595.                                 <li>Commande à distance : {{ caracteristique_init.translate.commandeADistance }}</li>
  596.                             {% endif %}
  600.                             {% if caracteristique_init.translate.bluetooth and caracteristique_init.translate.bluetooth is not empty
  601.                             %}                                <li>Bluetooth : {{ caracteristique_init.translate.bluetooth  }}</li>
  603.                             {% endif %}
  605.                             {% if caracteristique_init.translate.wifi and caracteristique_init.translate.wifi is not empty %}
  606.                                 <li>Wifi : {{ caracteristique_init.translate.wifi  }}</li>
  607.                             {% endif %}
  610.                             {% if caracteristique_init.ledChromaPeripherique and caracteristique_init.ledChromaPeripherique == true %}
  611.                                 <li>Leds chromatiques périphériques : {{ caracteristique_init.ledChromaPeripherique }}</li>
  612.                             {% endif %}
  614.                             {% if caracteristique_init.grosSpotLeds and caracteristique_init.grosSpotLeds is not empty %}
  615.                                 <li>Gros spot avec led chromotherapie : {{ caracteristique_init.grosSpotLeds }}</li>
  616.                             {% endif %}
  618.                             {% if caracteristique_init.aromatherapie and  caracteristique_init.aromatherapie == true %}
  619.                                 <li>Système d'Aromathérapie</li>
  620.                             {% endif %}
  622.                             {% if caracteristique_init.cascadeLed and caracteristique_init.cascadeLed == true %}
  623.                                 <li>Cascade avec leds</li>
  624.                             {% endif %}
  626.                             {% if caracteristique_init.cascadeNonLeds and caracteristique_init.cascadeNonLeds == true %}
  627.                                 <li>Cascade non leds</li>
  628.                             {% endif %}
  630.                             {% if caracteristique_init.fontaineEauLumineuse and caracteristique_init.fontaineEauLumineuse == true %}
  631.                                 <li>Fontaines rétractables avec leds</li>
  632.                             {% endif %}
  635.                             {% if caracteristique_init.colonneEauLumineuse and caracteristique_init.colonneEauLumineuse == true %}
  636.                                 <li>Colonne d'eau leds</li>
  637.                             {% endif %}
  639.                         </ul>
  640.                     {% endif %}
  641.                 </div>
  642.                 <div class="col-lg-4 col-md-4 col-sm-12 col-12 caracteristic">
  643.                     {% if caracteristique_init %}
  644.                         <ul>
  646.                             {% if caracteristique_init.nuageLedSole and caracteristique_init.nuageLedSole == true %}
  647.                                 <li>Nuage leds au sol</li>
  648.                             {% endif %}
  650.                             {% if caracteristique_init.angleLeds and caracteristique_init.angleLeds == true %}
  651.                                 <li>Angle avec leds</li>
  652.                             {% endif %}
  654.                             {% if caracteristique_init.spotArcEnCiel and  caracteristique_init.spotArcEnCiel == true %}
  655.                                 <li>Spot Arc-en-ciel</li>
  656.                             {% endif %}
  658.                             {% if caracteristique_init.pompePressionWhirlpool and caracteristique_init.pompePressionWhirlpool is not empty %}
  659.                                 <li>Pompes de pression : {{ caracteristique_init.pompePressionWhirlpool }}</li>
  660.                             {% endif %}
  661.                             {% if caracteristique_init.pompeFiltrationWhirlpool and caracteristique_init.pompeFiltrationWhirlpool is not empty %}
  662.                                 <li>Pompe de filtration : {{ caracteristique_init.pompeFiltrationWhirlpool }}</li>
  663.                             {% endif %}
  665.                             {% if caracteristique_init.translate.pompesAAir and caracteristique_init.translate.pompesAAir is not empty %}
  666.                                 <li>Blowers (pompe à air) : {{ caracteristique_init.translate.pompesAAir }}</li>
  667.                             {% endif %}
  669.                             {% if caracteristique_init.translate.puissanceRechauffeur and caracteristique_init.translate.puissanceRechauffeur is not empty %}
  670.                                 <li>Réchauffeur(s) : {{ caracteristique_init.translate.puissanceRechauffeur }}</li>
  671.                             {% endif %}
  675.                             {% if caracteristique_init.systemeAntigel and caracteristique_init.systemeAntigel == true %}
  676.                                 <li>Système antigel</li>
  677.                             {% endif %}
  679.                             {% if caracteristique_init.chassisInoxIndestructible and caracteristique_init.chassisInoxIndestructible == true %}
  680.                                 <li>Châssis Inox indestructible</li>
  681.                             {% endif %}
  683.                             {% if caracteristique_init.chassisAcierGalvanise and caracteristique_init.chassisAcierGalvanise == true %}
  684.                                 <li>Chassis en acier galvanisé</li>
  685.                             {% endif %}
  687.                             {% if caracteristique_init.translate.isolationThermoISO14000 and caracteristique_init.translate.isolationThermoISO14000 is not empty %}
  688.                                 <li>Socle isolation thermique : {{ caracteristique_init.translate.isolationThermoISO14000 }}</li>
  689.                             {% endif %}
  691.                             {% if caracteristique_init.socleIsolationThermique and caracteristique_init.socleIsolationThermique == true %}
  692.                                 <li>Isolation thermo-réfléchissante ISO 14000</li>
  693.                             {% endif %}
  695.                             {% if caracteristique_init.prixPublicConseille and  caracteristique_init.prixPublicConseille  is not empty %}
  696.                                 <li>Prix Public conseillé  : {{ caracteristique_init.prixPublicConseille|number_format(0, ',', ' ') }} €</li>
  697.                             {% endif %}
  699.                         </ul>
  700.                     {% endif %}
  701.                 </div>
  702.             </div>
  703.         </div>
  704.         <div class="container d-lg-block d-md-block d-sm-none d-none mb-3">
  705.             <div class="row">
  706.                 <div class="mt-2 text-end-show-more">
  707.                     <p class="mb-1">* Option alutech, le prix fabricant est basé sur cette version</p>
  708.                     <p class="mb-1">** Photos non contractuelles, les couleurs affichées peuvent différer des finitions réelles, elles sont données à titre indicatif et peuvent varier selon la qualité des écrans ou des ordinateurs et mobiles utilisés. Le fabricant peut modifier les teintes sans préavis.</p>
  709.                 </div>
  710.             </div>
  712.         </div>
  713.     </div>
  715.     <div class="container d-lg-none d-md-none d-sm-block d-block mb-2">
  716.         <div class="row">
  717.             <div class="mt-2 text-end-show-more">
  718.                 <p class="mb-1">* Option alutech, le prix fabricant est basé sur cette version</p>
  719.                 <p class="mb-1">** Photos non contractuelles, les couleurs affichées peuvent différer des finitions réelles, elles sont données à titre indicatif et peuvent varier selon la qualité des écrans ou des ordinateurs et mobiles utilisés. Le fabricant peut modifier les teintes sans préavis.</p>
  720.             </div>
  721.         </div>
  722.     </div>
  724.     <div class="container-fluid bg-black-grey pt-4 pb-4 d-lg-none d-md-none d-sm-block d-block">
  725.         <div class="container">
  726.             <div class="container ps-5 pe-5">
  727.                 <div class="col-12 mb-3">
  728.                     {{ form_start(formMobile, {'attr': {'class': 'd-lg-none d-md-none d-sm-block d-block'}}) }}
  729.                     <div class="form-group">
  730.                         {{ form_widget(formMobile.quantity) }}
  731.                     </div>
  734.                     <div class="">
  735.                         {{ form_widget(formMobile.add, {'attr': {'class': 'mt-2 d-flex px-2 fp-button-show-detail-fiche w-100 fw-600 fs-12 bg-orange border-orange text-white fs-12 text-transform-uppercase'}}) }}
  736.                     </div>
  738.                     {{ form_end(formMobile) }}
  739.                 </div>
  740.                 <div class="col-12">
  741.                     <button class="w-100 panier-button-white text-transform-uppercase redirection_comparator_mobil" data-link="{{ path("app_comparateur_set_list", {"id_gamme": categ.id, "id_produit": produit.id}) }}">{% trans %}Ajouter{% endtrans %} {% trans %}au comparateur{% endtrans %}</button>
  742.                 </div>
  743.             </div>
  744.         </div>
  745.     </div>
  748. {% endblock %}
  751. {% block footer %}
  752.     <div class="container-fluid avis background-black pt-4 pb-4 mt-2">
  753.         <div>
  754.             <h3 class="text-white text-center mb-0">{% trans %}Avis Clients{% endtrans %}</h3>
  755.             <p class="grey-white text-center"><i>{% trans %}Ils ont fait confiance à{% endtrans %} SPA.BIZ</i></p>
  756.         </div>
  758.         <div class="center position-relative">
  759.             {% for avisClient in produit.getAvisClients %}
  760.                 <div class="col-lg-4 col-12">
  761.                     <div class="row">
  762.                         <div class="col-lg-6 col-4 my-auto">
  763.                             <div class="float-end width-image-avis" style="background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('{{ asset("images/avis_clients/"~avisClient.image) }}')">
  765.                             </div>
  766.                         </div>
  767.                         <div class="col-lg-6 col-8">
  768.                             <div class="text-white fs-14">{{ avisClient.descriptions }}</div>
  769.                             <div class="text-white fs-14 mt-3">{{ avisClient.name }}, {{ avisClient.age }} ans</div>
  770.                             <div class="note-color">à attribué la note de {{ avisClient.note }} sur 5</div>
  771.                         </div>
  772.                     </div>
  773.                 </div>
  774.             {% endfor %}
  775.         </div>
  776.     </div>
  777. {% endblock %}
  779. {% block javascripts %}
  780.     {{ parent() }}
  781.     <script>
  783.         $(document).on( "click", ".color-spa", function() {
  784.             $("form input[name='color']").val($(this).attr('id'));
  785.             $("form input[name='new_line[0][couleur]']").val($(this).attr('id'));
  787.         });
  789.         $(document).on( "click", ".updFinition", function() {
  790.             $("form input[name='finition']").val($(this).attr('data-finition-id'));
  791.             $("form input[name='new_line[0][finition]']").val($(this).attr('data-finition-id'));
  793.         });
  796.         $(document).on( "change", ".select-option", function() {
  798.             $(".devis_options").remove();
  799.             $(".cart_options").remove();
  801.             var opts = $(this).find("option:selected");
  803.             opts.each(function(i){
  804.                 var val = $(this).val();
  805.                 $('#devis_opt').append('<input type="hidden" class="devis_options" name="new_line[0][options][]"  value="'+val+'">');
  806.                 $('form[name="add_to_cart"]').append('<input type="hidden"  class="cart_options" name="options[]" value="'+val+'">');
  807.             });
  808.         });
  810.         $(document).on( "change", ".garantie_select", function() {
  811.             var opt = $(this).find("option:selected").val();
  812.             $(".devis_garanties").val(opt);
  813.             $("form input[id='cart_garantie']").val(opt);
  814.         });
  817.         $(document).on('click', '.demandeDevis', function(e){
  818.             e.stopPropagation();
  819.             const form = document.querySelector('form');
  820.             const data = new URLSearchParams(new FormData(form).entries());
  821.             var url = "{{ path('app.devis')}}?produit_id={{ produit.id }}&"+data;
  823.             window.location = url;
  824.         });
  825.     </script>
  826. {% endblock %}