templates/cart/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     {{ parent() }}
  4.     <link rel="stylesheet" href="{{ asset('css/utilities.css?v={{ random() }}') }}">
  5. {% endblock %}
  7. {% block body %}
  8.     <div class="my-cart container ">
  9.         <div class="row">
  10.             <div class="col">
  11.                 <div class="d-flex justify-content-between align-items-center">
  12.                     <h1 class="title-cart text-uppercase fw-bold">
  13.                         votre panier : {% if carts[0] is not defined %} Votre panier est vide !{% endif %}
  14.                     </h1>
  15.                 </div>
  16.                 <div class="row">
  17.                     <div class="col w-75 mb-5">
  18.                         <h6 class="mb-0 mt-5 text-secondary">**Prix indicatif - Décimale arrondie - De légères variations sont possibles sur la facture finale.</h6>
  19.                         <table id="myTable" class="table mt-1 tableCart">
  20.                             <thead class="fw-light theadCart">
  21.                             <tr class="trCart">
  22.                                 <th class="th-image align-middle thCart"></th>
  23.                                 <th class="th-name align-middle thCart">Nom du produit</th>
  24.                                 <th class="th-dlu  align-middle thCart">DLUC</th>
  25.                                 <th class="th-unitPrice text-center align-middle thCart">Prix pro. unitaire<br/>
  26.                                     <span class="price-format-tva">(HTVA)</span>
  27.                                 </th>
  28.                                 <th class="th-quantity text-center align-middle thCart">Quantité</th>
  29.                                 <th class="th-subtotal text-center align-middle thCart">Sous-total<br/>
  30.                                     <span class="price-format-tva">(HTVA)</span>
  31.                                 </th>
  32.                                 <th class="th-delete text-center align-middle thCart"></th>
  33.                             </tr>
  34.                             </thead>
  36.                             <tbody class="tbodyCart">
  37.                             {% set userRole = informations[0].AdditionalCompanyInformation[0].companyTypePro %}
  38.                             {% for product in carts %}
  39.                                 {% if product.totalQuantity is defined %}
  40.                                     {% if product.totalQuantity >= 4 %}
  41.                                         {% set price = (product.totalPrice / 100) * rebate %}
  42.                                         <tr class="trCart">
  43.                                             {# _____IMAGE______ #}
  44.                                             <td class=" align-middle text-center tdImageProduct tdCart">
  45.                                                 <img src="/img/products/{{ product.image }}" alt="{{ product.name }}" width="80" height="80">
  46.                                             </td>
  48.                                             {# _____NOM DU PRODUIT______ #}
  49.                                             <td class="align-middle tdCart">
  50.                                                 {% if product.reference is not empty %}
  51.                                                     <span class="product-cart-ref product-cart-reference text-center">{{ product.reference }}</span>
  52.                                                 {% endif %}
  53.                                                 {% if product.nut is not null and product.nut is not empty %}
  54.                                                     <span class="product-cart-ref product-cart-nut text-center">{{ product.nut }}</span>
  55.                                                 {% endif %}
  56.                                                 {% if (product.cnk is not empty and product.cnk is not null and userRole == 'Pharmacien') %}
  57.                                                     <span class="product-cart-ref product-cart-cnk text-center">{{ product.cnk }}</span>
  58.                                                 {% endif %}
  59.                                                 {% if (product.ean is not empty and product.ean is not null) %}
  60.                                                     <span class="product-cart-ref product-cart-ean text-center">{{ product.ean }}</span>
  61.                                                 {% endif %}
  62.                                                 {% if product.newRef is defined and product.newRef %}
  63.                                                     <span class="product-cart-ref text-center product-cart-newref text-light">nouvelle référence -2%</span>
  64.                                                 {% endif %}
  65.                                                 {% if product.tvaBe is not empty and product.tvaBe == 21.0 or product.tvaBe is not empty and product.tvaBe == 20.0 or product.tvaFr is not empty and product.tvaLu == 17.0 %}
  66.                                                     <span class="product-cart-ref product-cart-tva text-center text-light text-nowrap">
  67.                                                         <i class="fa-solid fa-triangle-exclamation"></i>
  68.                                                         {% if informations[0].AdditionalCompanyInformation[0].companyCountry == "Belgique" %}
  69.                                                             TVA 21
  70.                                                         {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "France" %}
  71.                                                             TVA 20
  72.                                                         {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "Luxembourg" %}
  73.                                                             TVA 17
  74.                                                         {% endif %}%</span>
  75.                                                 {% endif %}
  76.                                                 <br/>
  77.                                                 {% if product.shockActionDiscountPercent %}
  78.                                                     <span class="product-cart-ref {{product.shockActionType.value == 'shock_action' ? 'bg-primary' :''}} product-cart-tva text-center text-light text-uppercase"> <i class="fa-solid fa-triangle-exclamation"></i>{{shockActionTypes[product.shockActionType.value]}} {{product.shockActionDiscountPercent}}%</span>
  79.                                                     <br />
  80.                                                 {% endif %}
  81.                                                 <span class="product-name-cart fw-bold">{{ product.name }}</span>
  82.                                             </td>
  84.                                             {# ______DLU_______ #}
  85.                                             <td class="align-middle tdCart ">
  86.                                                 {% if product.dlus is not empty %}
  87.                                                     <span class="dluLasted text-nowrap">{{ product.dlus.dlu|date('d-m-Y') | default('DLUC non disponible') }}</span>
  88.                                                     {% if product.dlus.lotNumber is not null %}
  89.                                                         <br/><span class="lot">Lot : <span class="lotNumberLasted">{{ product.dlus.lotNumber }}</span></span>
  90.                                                     {% endif %}
  91.                                                 {% else %}
  92.                                                     <span class="productCartDlu">DLUC non disponible</span>
  93.                                                 {% endif %}
  94.                                             </td>
  95.                                             {# ______PRIX UNITAIRE_______ #}
  96.                                             <td class="text-center align-middle tdCart tdPriceUnite">
  97.                                                 {% if product.discountID != null and product.totalQuantity > 11 %}
  98.                                                     {{ truncateDecimal(product.publicPrice,2) }}€ (prix public)
  99.                                                 {% else %}
  100.                                                     {{ truncateDecimal(product.price,2) }}€
  101.                                                 {% endif %}
  102.                                                 <br/>
  103.                                                 {% set viewPourcentRebate = false %}
  104.                                                 {% if product.totalRebate is defined and product.totalRebate != 0.0 %}
  105.                                                     {% if product.actionShock == false and product.discountID == null %}
  106.                                                         {% set viewPourcentRebate = true %}
  107.                                                     {% elseif product.actionShock == false and product.discountID != null and product.totalQuantity < 12 %}
  108.                                                         {% set viewPourcentRebate = true %}
  109.                                                     {% elseif product.actionShock and product.discountID == null %}
  110.                                                         {% set viewPourcentRebate = false %}
  111.                                                     {% elseif product.actionShock == false and product.discountID != null %}
  112.                                                         {% set viewPourcentRebate = false %}
  113.                                                     {% endif %}
  114.                                                 {% endif %}
  115.                                                 {% if viewPourcentRebate %}
  116.                                                     {% if rebateNatura != null and rebate == 13 and product.brand == "NaturaMedicatrix" %}
  117.                                                         {% if product.newRef is defined and product.newRef %}
  118.                                                             <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  119.                                                             {% else %}
  120.                                                                 <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  121.                                                         {% endif %}
  123.                                                     {% elseif rebateNatura != null and rebate == 19 and product.brand == "NaturaMedicatrix" %}
  124.                                                         {% if product.newRef is defined and product.newRef %}
  125.                                                             <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  126.                                                             {% else %}
  127.                                                                 <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  128.                                                         {% endif %}
  129.                                                     {% else %}
  130.                                                         {% if product.newRef is defined and product.newRef %}
  131.                                                             <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  132.                                                             {% else %}
  133.                                                                 <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  134.                                                         {% endif %}
  135.                                                     {% endif %}
  136.                                                     <br/>
  137.                                                     <span class="cart-reduction alert alert-success align-middle fw-bold " >{{ truncateDecimal(product.reductionUniteItem,2) }}€ </span>
  138.                                                 {% elseif viewPourcentRebate == false and product.actionShock %}
  139.                                                     <span class="pourcentRebateUnit">- {{ product.rebatePercent }}%</span>
  140.                                                     <br/>
  141.                                                     <span class="cart-reduction alert alert-success align-middle fw-bold " >{{ truncateDecimal(product.reductionUniteItem,2) }}€ </span>
  142.                                                 {% elseif viewPourcentRebate == false and product.actionShock == false and product.discountID != null and product.totalQuantity > 11 %}
  143.                                                     <span class="pourcentRebateUnit">- {{ product.sprebate }} %</span>
  144.                                                     <br/>
  145.                                                     <span class="cart-reduction alert alert-success align-middle fw-bold" >{{ truncateDecimal(product.reductionUniteItem,2) }}€ </span>
  146.                                                 {% endif %}
  147.                                             </td>
  149.                                             {# ______QUANTITY_______ #}
  150.                                             <td class="text-center align-middle tdCart tdQuantity">
  151.                                                 <div class="quantity-controls d-flex">
  152.                                                     <button type="button" class="btn-quantity-change decrease-quantity" aria-label="Decrease quantity" data-action_name="quantity-decrease" data-id_product="{{ product.id }}">
  153.                                                         <span><i class="fa-solid fa-minus"></i></span>
  154.                                                     </button>
  155.                                                     <div class="quantity-display d-flex justify-content-center align-items-center mx-2">{{ product.totalQuantity }}</div>
  156.                                                     <button type="button" class="btn-quantity-change increase-quantity" aria-label="Increase quantity" data-action_name="quantity-increase" data-id_product="{{ product.id }}">
  157.                                                         <span><i class="fa-solid fa-plus"></i></span>
  158.                                                     </button>
  159.                                                 </div>
  160.                                                 {% for item in freeProduct %}
  161.                                                     {% if item['name'] == product.name %}
  162.                                                         <p class="freeProductCart"><i class="fa-solid fa-gift"></i><br/>
  163.                                                             <span class="freeProductCartText">+ {{ item['free'] }} gratuit(s)</span></p>
  164.                                                     {% endif %}
  165.                                                 {% endfor %}
  166.                                             </td>
  168.                                             {# _____SOUS-TOTAL______ #}
  169.                                             <td class="text-center align-middle tdCart tdSousTotal">
  170.                                                 {% if product.discountID != null and product.totalQuantity > 11 %}
  171.                                                     <span class="old-price-cart text-decoration-line-through align-middle">{{ product.totalPricePublic|number_format(2, '.', ',') }}€ (prix public)</span><br/>
  172.                                                     <span class="new-price-cart fw-bold">&#150;{{ truncateDecimal(product.totalRebate, 2) }}€</span>
  173.                                                     <br/> <span class="cart-reduction alert alert-success align-middle fw-bold promotionCartGreen">{{ truncateDecimal(product.PriceRebateInclude, 2) }}€ </span>
  174.                                                 {% elseif product.totalRebate is defined %}
  175.                                                     {% if product.totalRebate != 0.0 or product.totalRebate != null %}
  176.                                                         <span class="old-price-cart text-decoration-line-through align-middle">{{ product.totalPrice|number_format(2, '.', ',') }}€</span><br/>
  177.                                                         <span class="new-price-cart fw-bold">{{ truncateDecimal(product.PriceRebateInclude, 2) }}€</span>
  178.                                                         <br/> <span class="cart-reduction alert alert-success align-middle fw-bold promotionCartGreen">&#150;{{ truncateDecimal(product.totalRebate, 2) }}€ </span>
  179.                                                     {% else %}
  180.                                                         <span class="new-price-cart fw-bold">{{ truncateDecimal(product.PriceRebateInclude, 2) }}€</span>
  181.                                                     {% endif %}
  182.                                                 {% else %}
  183.                                                     {% if product.newRef is defined and product.newRef and product.totalQuantity > 1 %}
  184.                                                         <span class="new-price-cart fw-bold text-decoration-line-through">{{ truncateDecimal(product.totalPrice, 2) }}€</span>
  185.                                                         <br>
  186.                                                         <span class="cart-reduction alert alert-success align-middle fw-bold promotionCartGreen">&#150;2% </span>
  187.                                                         <br>
  188.                                                         <span class="new-price-cart fw-bold">{{ truncateDecimal(product.PriceRebateInclude, 2) }}€</span>
  189.                                                     {% else %}
  190.                                                         <span class="new-price-cart fw-bold">{{ truncateDecimal(product.totalPrice, 2) }}€</span>
  191.                                                     {% endif %}
  192.                                                         {# <span class="new-price-cart fw-bold">{{ truncateDecimal(product.PriceRebateInclude, 2) }}€</span>#}
  193.                                                 {% endif %}
  195.                                             </td>
  197.                                             {# _____DELETE______ #}
  198.                                             <td class="text-center align-middle text-danger tdCart tdDeleteProduct">
  199.                                                 <a class="text-decoration-none text-danger" href="{{ path('cartRemoveProduct', {'productID' : product.productId}) }}">
  200.                                                     <i class="fa-solid fa-xmark"></i>
  201.                                                 </a>
  202.                                             </td>
  203.                                         </tr>
  204.                                         {% set price = 0 %}
  205.                                     {% else %}
  206.                                         {% set price = 0 %}
  207.                                         <tr class="trCart">
  208.                                             {# _____IMAGE______ #}
  209.                                             <td class="align-middle tdImageProduct tdCart"><img src="/img/products/{{ product.image }}" alt="{{ product.name }}" width="80" height="80"></td>
  211.                                             {# _____NOM DU PRODUIT______ #}
  212.                                             <td class="align-middle tdCart">
  213.                                                 {% if product.reference is not empty %}
  214.                                                     <span class="product-cart-ref product-car-reference text-center">{{ product.reference }}</span>
  215.                                                 {% endif %}
  216.                                                 {% if product.nut is not null and product.nut is not empty %}
  217.                                                     <span class="product-cart-ref product-car-nut text-center">{{ product.nut }}</span>
  218.                                                 {% endif %}
  219.                                                 {% if (product.cnk is not empty and product.cnk is not null and userRole == 'Pharmacien') %}
  220.                                                     <span class="product-cart-ref product-car-cnk text-center">{{ product.cnk }}</span>
  221.                                                 {% endif %}
  222.                                                 {% if (product.ean is not empty and product.ean is not null) %}
  223.                                                     <span class="product-cart-ref product-cart-ean text-center">{{ product.ean }}</span>
  224.                                                 {% endif %}
  225.                                                 {% if product.newRef is defined and product.newRef %}
  226.                                                     <span class="product-cart-ref text-center product-cart-newref text-light">nouvelle référence -2%</span>
  227.                                                 {% endif %}
  228.                                                 {% if product.tvaBe is not empty and product.tvaBe == 21.0 or product.tvaBe is not empty and product.tvaBe == 20.0 or product.tvaFr is not empty and product.tvaLu == 17.0 %}
  229.                                                     <span class="product-cart-ref bg-danger product-cart-ean text-center text-light"><i class="fa-solid fa-triangle-exclamation"></i>
  230.                                                         {% if informations[0].AdditionalCompanyInformation[0].companyCountry == "Belgique" %}
  231.                                                             TVA 21
  232.                                                         {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "France" %}
  233.                                                             TVA 20
  234.                                                         {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "Luxembourg" %}
  235.                                                             TVA 17
  236.                                                         {% endif %} %</span>
  237.                                                 {% endif %}
  238.                                                 <br/>
  239.                                                 <span class="product-name-cart fw-bold">{{ product.name }}</span>
  240.                                             </td>
  242.                                             {# ______DLU_______ #}
  243.                                             <td class="align-middle tdCart">
  244.                                                 {% if product.dlus is not empty %}
  245.                                                     <span class="dluLasted">{{ product.dlus.dlu|date('d-m-Y') | default('DLUC non disponible') }}</span>
  246.                                                     {% if product.dlus.lotNumber is not null %}
  247.                                                         <br/> <span>Lot : <span class="lotNumberLasted">{{ product.dlus.lotNumber }}</span></span>
  248.                                                     {% endif %}
  249.                                                 {% else %}
  250.                                                     <span class="productCartDlu">DLUC non disponible</span>
  251.                                                 {% endif %}
  252.                                             </td>
  255.                                             {# _____PRIX UNITAIRE______ #}
  256.                                             <td class="text-center align-middle tdCart tdPriceUnite">
  257.                                                 {{ truncateDecimal(product.price, 2) }}€ <br>
  258.                                                 {% if product.newRef is defined and product.newRef %}
  259.                                                     <span class="pourcentRebateUnit">- 2%</span><br>
  260.                                                     <span class="cart-reduction alert alert-success align-middle fw-bold " >{{ truncateDecimal(product.reductionUniteItem,2) }}€ </span>
  261.                                                 {% endif %}
  262.                                             </td>
  264.                                             {# _____QUANTITE______ #}
  265.                                             <td class="text-center align-middle tdCart tdQuantity">
  266.                                                 <div class="quantity-controls d-flex">
  267.                                                     <button type="button" class="btn-quantity-change decrease-quantity" aria-label="Decrease quantity" data-action_name="quantity-decrease" data-id_product="{{ product.id }}">
  268.                                                         <span><i class="fa-solid fa-minus"></i></span>
  269.                                                     </button>
  270.                                                     <div class="quantity-display d-flex justify-content-center align-items-center mx-2">{{ product.totalQuantity }}</div>
  271.                                                     <button type="button" class="btn-quantity-change increase-quantity" aria-label="Increase quantity" data-action_name="quantity-increase" data-id_product="{{ product.id }}">
  272.                                                         <span><i class="fa-solid fa-plus"></i></span>
  273.                                                     </button>
  274.                                                 </div>
  275.                                             </td>
  277.                                             {# _____SOUS-TOTAL______ #}
  278.                                             <td class="text-center align-middle tdCart tdSousTotal">
  279.                                                 {% if product.newRef is defined and product.newRef and product.totalQuantity > 1 %}
  280.                                                     <span class="new-price-cart fw-bold text-decoration-line-through">{{ truncateDecimal(product.totalPrice, 2) }}€</span>
  281.                                                     <br>
  282.                                                     <span class="cart-reduction alert alert-success align-middle fw-bold promotionCartGreen">&#150;2% </span>
  283.                                                     <br>
  284.                                                     <span class="new-price-cart fw-bold">{{ truncateDecimal(product.PriceRebateInclude, 2) }}€</span>
  285.                                                     {% else %}
  286.                                                         <span class="new-price-cart fw-bold">{{ truncateDecimal(product.totalPrice, 2) }}€</span>
  287.                                                 {% endif %}
  289.                                             </td>
  291.                                             {# _____DELETE_____ #}
  292.                                             <td class="text-center align-middle text-danger tdCart tdDeleteProduct">
  293.                                                 <a class="text-decoration-none text-danger" href="{{ path('cartRemoveProduct', {'productID' : product.productId}) }}"><i class="fa-solid fa-xmark"></i></a>
  294.                                             </td>
  295.                                         </tr>
  296.                                     {% endif %}
  297.                                 {% endif %}
  298.                             {% endfor %}
  299.                             {% if phFlyers > 0 %}
  300.                                 <tr class="trCart">
  301.                                     {# _____IMAGE______ #}
  302.                                     <td class="align-middle tdImageProduct tdCart"><img src="/img/products/{{ flyersProduct.image }}" alt="{{ flyersProduct.name }}" width="80" height="80"></td>
  304.                                     {# _____NOM DU PRODUIT______ #}
  305.                                     <td class="align-middle tdCart">
  306.                                         <span class="product-name-cart fw-bold">{{ flyersProduct.name }}</span>
  307.                                     </td>
  309.                                     {# ______DLU_______ #}
  310.                                     <td class="align-middle tdCart"></td>
  312.                                     {# _____PRIX UNITAIRE______ #}
  313.                                     <td class="text-center align-middle tdCart tdPriceUnite">
  314.                                         {{ truncateDecimal(0, 2) }}€
  315.                                     </td>
  317.                                     {# _____QUANTITE______ #}
  318.                                     <td class="text-center align-middle tdCart tdQuantity tdQuantityFlyers">
  319.                                         {{ phFlyers }}
  320.                                     </td>
  322.                                     {# _____SOUS-TOTAL______ #}
  323.                                     <td class="text-center align-middle tdCart tdSousTotal">
  324.                                         <span class="new-price-cart fw-bold">{{ truncateDecimal(0, 2) }}€</span>
  325.                                     </td>
  327.                                     {# _____DELETE_____ #}
  328.                                     <td class="text-center align-middle text-danger tdCart tdDeleteProduct"></td>
  329.                                 </tr>
  330.                             {% endif %}
  331.                             </tbody>
  332.                         </table>
  333.                         
  334.                         <!-- Bouton Recommander -->
  335.                         <div class="mt-3 mb-3">
  336.                             <a href="{{ path('ordersHistory') }}" class="modern-btn-small-primary">
  337.                                 <i class="fa-solid fa-history me-2"></i>
  338.                                 Recommander facilement vos dernières commandes
  339.                             </a>
  340.                         </div>
  342.                         <!-- Option Flyers -->
  343.                         {% if countFaInCart is defined and countFaInCart >= 2 %}
  344.                         <div class="mb-3 flyers-option">
  345.                             <div class="d-flex align-items-center">
  346.                                 <span class="me-3">Souhaitez-vous recevoir les Flyers pH FR gratuits ?</span>
  347.                                 <div class="form-check form-switch">
  348.                                     <input type="checkbox" class="form-check-input" id="wantFlyers" name="wantFlyers" {% if wantFlyers %}checked{% endif %}>
  349.                                     <label class="form-check-label ms-1" for="wantFlyers">{{ wantFlyers ? 'Oui' : 'Non' }}</label>
  350.                                 </div>
  351.                             </div>
  352.                             <div class="small text-success mt-1">
  353.                                 <i class="fa-solid fa-circle-info me-1"></i>
  354.                                 <span>{{ phFlyers }} flyers seront ajoutés gratuitement à votre commande.</span>
  355.                             </div>
  356.                         </div>
  357.                         {% endif %}
  358.                         
  359.                         <hr>
  360.                         
  361.                         <div class="mt-3">
  362.                             <label for="messageNewRef">
  363.                                 <p class="fw-bolder">Pour toute commande d'une nouvelle référence pour votre magasin, veuillez l'indiquer dans le champ de texte ci-dessous.</p>
  364.                                 <p class="fw-bolder">Colisage par 2.</p>
  365.                                 <p class="fw-bolder">Remise de 2% supplémentaire.</p>
  366.                             </label>
  367.                             <textarea name="messageNewRef" id="messageNewRef" cols="50" rows="10"></textarea>
  368.                         </div>
  369.                     </div>
  372.                     <!-------- SECTION ORDER -------->
  373.                     <div class="cart-order col-xs-12 col-sm-12 col-md-3 text-center">
  374.                         <div class="text-md-start">
  375.                             <div class="card-body">
  376.                                 <h2 class="title-order-card text-uppercase">Votre commande</h2>
  377.                                 {% if missingItems is defined and missingItems != 0 %}
  378.                                     {% if missingItems >= 48 %}
  379.                                         <p class="text-center mb-2 border border-success border-2">Vous avez atteint la remise maximale.</p>
  380.                                     {% else %}
  381.                                         <p class="text-center mb-2 border border-success border-2">Encore {{ missingItems }} articles pour obtenir la Remise suivante!</p>
  382.                                     {% endif %}
  383.                                     <p class="text-danger">Colisage par 4.</p>
  384.                                 {% endif %}
  385.                                 {% set viewPourcentRebate = false %}
  386.                                 {% for item in carts %}
  387.                                     {% if item.totalRebate is defined  %}
  388.                                         {% if item.actionShock == false %}
  389.                                             {% set viewPourcentRebate = true %}
  390.                                         {% endif %}
  391.                                     {% endif %}
  392.                                 {% endfor %}
  394.                                 {% if viewPourcentRebate and rebate > 0 %}
  395.                                     <h2 class="title-order-card mb-1">avec votre remise de: {{ rebate }}%</h2>
  396.                                 {% endif %}
  397.                                 
  398.                                 <div class="d-flex flex-column">
  399.                                     {%  for rebate in rebates %}
  400.                                         <p class="lh-sm">
  401.                                             Remise {{rebate.pourcentRebate}}% (min {{rebate.min}} unités, panachage possible) 
  402.                                             {% if rebate.excludedProducts is not null %}
  403.                                                 <br/><span style="font-size: 0.9rem;">excepté pour ces références: {{rebate.excludedProducts|join(', ')}}</span>
  404.                                             {%  endif %}
  405.                                         </p>
  406.                                     {% endfor %}
  408.                                     {%  for rebate in specificRebates %}
  409.                                         <p class="lh-sm">
  410.                                             Remise {{rebate.pourcentRebate}}% (min {{rebate.min}} unités d'une même référence) 
  411.                                             {% if rebate.specificProducts is not null %}
  412.                                                 <br/><span style="font-size: 0.9rem;">uniquement pour ces références: {{rebate.specificProducts|join(', ')}}</span>
  413.                                             {%  endif %}
  414.                                         </p>
  415.                                     {% endfor %}
  416.                                 </div>
  417.                               
  418.                                 <ul class="list-group list-group-flush">
  419.                                     <li class="id-command" hidden>
  420.                                         {% if carts[0] is defined %}{{ carts[0].commandNumber }}{% endif %}
  421.                                     </li>
  422.                                     <li class="list-group-item d-flex justify-content-between align-items-center border-0 px-0 pb-0">
  423.                                         <div>
  424.                                             Produits HTVA
  425.                                             {% if informations[0].AdditionalCompanyInformation[0].companyCountry == "Belgique" %}
  426.                                                 6
  427.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "France" %}
  428.                                                 5.5
  429.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "Luxembourg" %}
  430.                                                 3
  431.                                             {% endif %}
  432.                                             %:
  433.                                         </div>
  434.                                         <span class="total-tva-6">{{ truncateDecimal(carts['TotalPriceProductLowVatHtva'], 2) }}€</span>
  435.                                     </li>
  437.                                     <li class="list-group-item d-flex justify-content-between align-items-center border-0 px-0 pb-0">
  438.                                         <div>
  439.                                             Produits HTVA
  440.                                             {% if informations[0].AdditionalCompanyInformation[0].companyCountry == "Belgique" %}
  441.                                                 21
  442.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "France" %}
  443.                                                 20
  444.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "Luxembourg" %}
  445.                                                 17
  446.                                             {% endif %}
  447.                                             %:
  448.                                         </div>
  449.                                         <span class="total-tva-6">{{ truncateDecimal(carts['TotalPriceProductHighVatHtva'], 2) }}€</span>
  450.                                     </li>
  451.                                     <li class="list-group-item d-flex justify-content-between align-items-start border-0 px-0 mb-1">
  452.                                         <div>
  453.                                             <strong>Total (HTVA):</strong>
  454.                                         </div>
  455.                                         <span><strong class="price-total-remise-tvac">{{ truncateDecimal(carts['totalPriceAllProductHtva'], 2) }}€</strong></span>
  456.                                     </li>
  457.                                     <li class="list-group-item d-flex justify-content-between align-items-center border-0 px-0 pb-0">
  458.                                         <div>
  459.                                             TVA
  460.                                             {% if informations[0].AdditionalCompanyInformation[0].companyCountry == "Belgique" %}
  461.                                                 6
  462.                                                 {% set tvauser = 6 %}
  463.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "France" %}
  464.                                                 5.5
  465.                                                 {% set tvauser = 5.5 %}
  466.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "Luxembourg" %}
  467.                                                 3
  468.                                                 {% set tvauser = 3 %}
  469.                                             {% endif %}
  470.                                             %:
  471.                                         </div>
  472.                                         <span class="total-tva-6">{{ truncateDecimal(carts['TotalPriceProductLowVatTvac'], 2) }}€</span>
  473.                                     </li>
  474.                                     <li class="list-group-item d-flex justify-content-between align-items-center border-0 px-0 pb-0">
  475.                                         <div>
  476.                                             TVA
  477.                                             {% if informations[0].AdditionalCompanyInformation[0].companyCountry == "Belgique" %}
  478.                                                 21
  479.                                                 {% set tvauser = 21 %}
  480.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "France" %}
  481.                                                 20
  482.                                                 {% set tvauser = 20 %}
  483.                                             {% elseif informations[0].AdditionalCompanyInformation[0].companyCountry == "Luxembourg" %}
  484.                                                 17
  485.                                                 {% set tvauser = 17 %}
  486.                                             {% endif %}
  487.                                             %:
  488.                                         </div>
  489.                                         <span class="total-tva-6">{{ truncateDecimal(carts['TotalPriceProductHighVatTvac'], 2) }}€</span>
  490.                                     </li>
  491.                                     {% if freeTransport %}
  492.                                         <li class="list-group-item d-flex justify-content-between align-items-start border-0 px-0 mb-3">
  493.                                             <div>
  494.                                                 <strong>Prix total remisé (TVAC):</strong>
  495.                                             </div>
  496.                                             <span><strong class="price-total-remise-tvac">{{ truncateDecimal(carts['totalPriceTvacWithRebate'], 2) }}€</strong></span>
  497.                                         </li>
  498.                                     {% else %}
  499.                                         <li class="list-group-item d-flex justify-content-between align-items-start border-0 px-0 mb-3">
  500.                                             <div>
  501.                                                 Frais de livraison:
  502.                                             </div>
  503.                                             <span class="price-delivery">{{ costDelivery }}€</span>
  504.                                         </li>
  505.                                         <li class="list-group-item d-flex justify-content-between align-items-start border-0 px-0 mb-3">
  506.                                             <div>
  507.                                                 <strong>Prix total remisé (TVAC):</strong>
  508.                                             </div>
  509.                                             <span><strong class="price-total-remise-tvac">{{ truncateDecimal(carts['totalPriceTvacWithRebate'] + costDelivery, 2) }}€</strong></span>
  510.                                         </li>
  511.                                     {% endif %}
  512.                                     <li class="list-group-item d-flex flex-column justify-content-between align-items-center px-0 text-delivery">
  513.                                         {% if freeTransport %}
  514.                                             Vous avez atteint le FRANCO de 300€, livraison gratuite.
  515.                                         {% else %}
  516.                                             <p>Les coûts de livraison sont de: {{ costDelivery }}€</p>
  517.                                             <p style="font-weight: bold;">FRANCO de 300€</p>
  518.                                         {% endif %}
  519.                                     </li>
  520.                                 </ul>
  521.                             </div>
  522.                         </div>
  523.                         <hr/>
  525.                         <!---------- SECTION ADRESSE LIVRAISON ---------->
  526.                         <h3 class="title-order-billing mt-5 text-uppercase">Adresse de Livraison</h3>
  527.                         {% if address != true %}
  528.                             <!-- Adress choice delivery -->
  529.                             <div class="choice-address-delivery card alert alert-primary">
  530.                                 <p class="text-uppercase text-center my-0"><i class="fa-solid fa-plus"></i>
  531.                                     Nouvelle adresse de livraison
  532.                                 </p>
  533.                             </div>
  534.                         {% endif %}
  536.                         {% if address %}
  537.                             {% for myAddress in address %}
  538.                                 {% if loop.first %}
  539.                                     <div id="delivery-address"
  540.                                          class="first-address-delivery actived-address open-modal-block">
  541.                                         <div class="card mt-3 mb-0">
  542.                                             <div class="home-address hovered-block">
  543.                                                 <i class="fa-solid fa-truck-fast"></i>
  544.                                                 <div class="informations-address">
  545.                                                     <span class="id-address" hidden>{{ myAddress.id }}</span>
  546.                                                     <span class="companyName-address">{{ myAddress.companyName }}</span>
  547.                                                     <span class="firstname-address">{{ myAddress.firstName }}</span>
  548.                                                     <span class="name-address">{{ myAddress.name }}</span><br/>
  549.                                                     <span class="street-address">{{ myAddress.address }}</span>,
  550.                                                     <span class="cp-address">{{ myAddress.postal }}</span>
  551.                                                     <span class="town-address">{{ myAddress.town }}</span><br/>
  552.                                                     <span class="country-address">{{ myAddress.country }}</span><br/>
  553.                                                     <span class="tel-address">{{ myAddress.phoneNumber }}</span>
  554.                                                 </div>
  555.                                             </div>
  556.                                         </div>
  557.                                     </div>
  558.                                 {% endif %}
  559.                                 {% if loop.last %}
  560.                                     <div class="checkbox-order text-left mb-5 mt-2">
  561.                                         <p class="new-order-delivery"><i class="fa-solid fa-angle-right"></i>
  562.                                             Choisir une autre adresse de livraison
  563.                                         </p>
  564.                                     </div>
  565.                                 {% endif %}
  566.                             {% endfor %}
  567.                         {% endif %}
  569.                         <div class="mb-3">
  570.                             <span>Adresse de facturation</span></br>
  571.                             <span>identique livraison?</span>
  572.                             <input type="checkbox" name="adresse_check" class="adresse_check" id="adresse_check">
  573.                         </div>
  574.                         {% if joker %}
  575.                             <span>Jokers restants: <span class="text-success joker_numb">{{ jokerNumber }}</span></span>
  576.                             <label for="check_joker">Transport gratuit. Utiliser un joker.</label>
  577.                             <input type="checkbox" name="joker" class="check_joker" id="check_joker">
  578.                             <span id="jokerMessage"></span>
  579.                         {% endif %}
  581.                         <!---------- ADRESSE DE FACTURATION ---------->
  582.                         <div class="global_div_facturation">
  583.                             <h3 class="title-order-billing billing-title text-uppercase mt-1">
  584.                                 Adresse de Facturation
  585.                             </h3>
  586.                             <!-- ADDRESS CHOICE DELIVERY -->
  587.                             {% if address != true %}
  588.                                 <div class="choice-address-delivery card alert alert-primary">
  589.                                     <p class="text-uppercase text-center my-0"><i class="fa-solid fa-plus"></i>
  590.                                         Nouvelle adresse de facturation
  591.                                     </p>
  592.                                 </div>
  593.                             {% endif %}
  595.                             {% if address %}
  596.                                 {% for myAddress in address %}
  597.                                     {% if loop.first %}
  598.                                         <div id="delivery-billing"
  599.                                              class="first-address-delivery open-modal-block-change">
  600.                                             <div class="card mt-3">
  601.                                                 <div class="home-address home-address-billing hovered-block">
  602.                                                     <i class="fa-solid fa-file-pen"></i>
  603.                                                     <div class="informations-address">
  604.                                                         <span class="id-address" hidden>{{ myAddress.id }}</span>
  605.                                                         <span class="companyName-address">{{ myAddress.companyName }}</span>
  606.                                                         <span class="firstname-address">{{ myAddress.firstName }}</span>
  607.                                                         <span class="name-address">{{ myAddress.name }}</span><br/>
  608.                                                         <span class="street-address">{{ myAddress.address }}</span>,
  609.                                                         <span class="cp-address">{{ myAddress.postal }}</span>
  610.                                                         <span class="town-address">{{ myAddress.town }}</span><br/>
  611.                                                         <span class="country-address">{{ myAddress.country }}</span><br/>
  612.                                                         <span class="tel-address">{{ myAddress.phoneNumber }}</span>
  613.                                                     </div>
  614.                                                 </div>
  615.                                             </div>
  616.                                         </div>
  617.                                     {% endif %}
  619.                                     {% if loop.last %}
  620.                                         <div class="checkbox-order text-left mb-5 mt-2">
  621.                                             <p class="new-order-billing"><i class="fa-solid fa-angle-right"></i>
  622.                                                 Choisir une autre adresse de facturation
  623.                                             </p>
  624.                                         </div>
  625.                                     {% endif %}
  626.                                 {% endfor %}
  627.                             {% endif %}
  628.                         </div>
  630.                         <div>
  631.                             <button class="btn btn-success btn-send-command mb-3 ">Envoyer ma commande</button>
  632.                         </div>
  633.                     </div>
  634.                 </div>
  636.                 <!-- MODAL ADRESSES LIVRAISON/FACTURATION -->
  637.                 {% block modal_content %}
  638.                     {% include "modalAddress/modal_address.html.twig" %}
  639.                 {% endblock %}
  640.                 <!--END MODAL-->
  641.             </div>
  642.         </div>
  643.     </div>
  645. {% endblock %}
  647. {% block javascripts %}
  648.     <script>
  649.         $(document).ready(function () {
  651.             var totalJokers = {{ jokerNumber }};
  653.             $(document).on('click', '.btn-quantity-change', function(){
  654.                 var move = $(this).data("action_name");
  655.                 var id_product = $(this).data('id_product');
  657.                 $.ajax({
  658.                     url: "{{ path('addtocartfromcart') }}",
  659.                     data: {
  660.                         'id_product': id_product,
  661.                         'move' : move
  662.                     },
  663.                     dataType: "json",
  664.                     success: function (data) {
  665.                         location.reload();
  666.                     }
  667.                 });
  668.             })
  670.             $('#check_joker').change(function() {
  671.                 if ($(this).prop('checked')) {
  672.                     totalJokers--; // décrémenter le nombre de jokers lorsqu'il est utilisé
  673.                     $('.joker_numb').empty().html(totalJokers);
  674.                     $('#jokerMessage').html("Un joker utilisé, il vous reste <span class='text-success'>" + totalJokers + "</span> joker(s) cette année.");
  675.                     $('.text-delivery').html("Livraison gratuite lors de l'utilisation du joker.");
  676.                 } else {
  677.                     totalJokers++;
  678.                     $('.joker_numb').empty().html(totalJokers);
  679.                     $('#jokerMessage').text("");
  680.                     $('.text-delivery').html("Les coûts de livraison vous seront communiqués avant la livraison.");
  681.                 }
  682.             });
  683.             
  684.             // Gestion de la case à cocher des flyers
  685.             $('#wantFlyers').change(function() {
  686.                 // Mise à jour du label immédiatement pour feedback visuel
  687.                 $(this).next('label').text($(this).prop('checked') ? 'Oui' : 'Non');
  688.                 
  689.                 // Appel AJAX pour mettre à jour la préférence côté serveur
  690.                 $.ajax({
  691.                     url: "{{ path('toggleFlyers') }}",
  692.                     type: "GET",
  693.                     success: function() {
  694.                         // Rechargement de la page pour refléter les changements
  695.                         location.reload();
  696.                     }
  697.                 });
  698.             });
  700.             $(document).on('click', '.btn-send-command', function () {
  702.                 $(this).attr('disabled', true);
  704.                 // Récupérer les valeurs de tous les éléments avec la classe "lotNumberLasted"
  705.                 var lotNumbers = $('.lotNumberLasted').map(function() {
  706.                     return $(this).html(); // Vous pouvez utiliser .text() à la place de .html() si vous n'avez que du texte
  707.                 }).get(); // Convertir le résultat en un tableau JavaScript
  709.                 $.ajax({
  710.                     // type: "POST",
  711.                     url: "{{ path('cartSend') }}",
  712.                     data: {
  713.                         'totalPriceWithVat': $('.price-total-remise-tvac').html(),
  714.                         'totalRemise': $('.price-total-remise').html(),
  715.                         'totalPriceProductLowVatHtva': '{{ carts['TotalPriceProductLowVatHtva'] }}',
  716.                         'totalPriceProductHighVatHtva': '{{ carts['TotalPriceProductHighVatHtva'] }}',
  717.                         'totalPriceProductLowVatTvac': '{{ carts['TotalPriceProductLowVatTvac'] }}',
  718.                         'totalPriceProductHighVatTvac': {{ carts['TotalPriceProductHighVatTvac'] }},
  719.                         'totalPriceAllProductHtva': {{ carts['totalPriceAllProductHtva'] }},
  720.                         'totalPriceTvacWithRebate': {{ carts['totalPriceTvacWithRebate'] }},
  721.                         'idCommande': $('.id-command').html(),
  722.                         'idUser': '{{ user.id }}',
  723.                         'total-price-tvac-no-reduct': $('.total-price-tvac-no-reduct').html(),
  724.                         'deliveryAddress': $('#delivery-address .id-address').html(),
  725.                         'deliveryBilling': $('#delivery-billing .id-address').html(),
  726.                         'addressCheck': $('#adresse_check').is(':checked'),
  727.                         'joker': $('.check_joker').is(':checked'),
  728.                         'rebatePourcent': '{{ rebate }}',
  729.                         'lotNumbers': lotNumbers,
  730.                         'messageNewRef': $('#messageNewRef').val()
  731.                     },
  732.                     dataType: "json",
  733.                     success: function (data) {
  734.                         console.log(data)
  735.                         if (data === 'profile') {
  736.                             location.href = '/account/profile';
  737.                         } else {
  738.                             location.href = '/';
  739.                         }
  740.                     }
  741.                 });
  742.             });
  744.             // enlève le module livraison si facturation identique livraison.
  745.             $(document).on('change', '.adresse_check', function () {
  746.                 if ($(this).is(':checked')) {
  747.                     $('.global_div_facturation').hide();
  748.                 } else {
  749.                     $('.global_div_facturation').show();
  750.                 }
  751.             });
  753.             //OUVRE LE MODAL POUR CHOISIR UNE ADRESSE
  754.             $('.my-cart .open-modal-block ').click(function () {
  755.                 $('#addressModal').modal('show');
  756.             });
  759.             //CHANGE L'ADRESSE PAR L'ADRESSE SELECTIONEE DANS LE MODAL
  760.             $('#addressModal .modal-body .card').click(function () {
  761.                 $('.modal-body .card').removeClass('address-active');
  762.                 $(this).addClass('address-active');
  764.                 let selectedAddress = $('.modal-body .address-active');
  766.                 // Vérifie si une adresse est sélectionnée et change dans le template correspondant
  767.                 let newAddress = selectedAddress.html();
  768.                 if (selectedAddress.length > 0) {
  769.                     if ($('.body-modal-billing').length > 0) {
  770.                         $('#delivery-billing').html(newAddress);
  771.                     } else {
  772.                         $('#delivery-address').html(newAddress);
  773.                     }
  774.                 }
  776.                 $('#addressModal').modal('hide');
  777.             });
  779.             //CHANGE LE TEMPLATE CLIQUE LIVRAISON
  780.             $('.new-order-delivery, .open-modal-block').click(function () {
  782.                 // Modifie le texte du h1 du modal
  783.                 $('#addressModal .modal-title').text('Choisir une adresse de livraison');
  784.                 $('#addressModal').modal('show');
  785.             });
  788.             //CHANGE LE TEMPLATE CLIQUE FACTURATION
  789.             $('.new-order-billing, .open-modal-block-change').click(function () {
  790.                 // Ajoute la classe au modal body
  791.                 $('.modal-body').addClass('body-modal-billing');
  793.                 // Modifie le texte du h1 du modal
  794.                 $('#addressModal .modal-title').text('Choisir une adresse de facturation');
  795.                 $('#addressModal').modal('show');
  797.                 // Enlève la classe du modal body lorsque le modal se ferme
  798.                 $('#addressModal').on('hidden.bs.modal', function () {
  799.                     $('.modal-body').removeClass('body-modal-billing');
  800.                 });
  802.                 $('#addressModal').modal('hide');
  803.             });
  804.         });
  807.     </script>
  808. {% endblock %}