templates/elements/pagesElements/_cart_resume.html.twig line 1

Open in your IDE?
  1. {% set total = totalBrut %}
  2. {% set hasAction = action ?? true %}
  3. <div class="mt-5 mb-3 mb-lg-0">
  4.     <div class="row mt-3">
  5.         <div class="col-12 col-lg-8 mb-5 mb-lg-0">
  6.             <div class="row border-top border-bottom py-2">
  7.                 <div class="col-0 col-lg-3"></div>
  8.                 <div class="col-4 col-lg-3">
  9.                     <h6>{{ "Description" | trans }}</h6>
  10.                 </div>
  11.                 <div class="col-2 col-lg-2">
  12.                     <h6 class="text-center">{{ "Quantité" | trans }}</h6>
  13.                 </div>
  14.                 <div class="col-3 col-lg-2">
  15.                     <h6 class="text-center">{{ "Prix unitaire" | trans }}</h6>
  16.                 </div>
  17.                 <div class="col-3 col-lg-2">
  18.                     <h6 class="text-center">{{ "Total" | trans }}</h6>
  19.                 </div>
  20.             </div>
  21.             {% for itemCart in cart %}
  22.                 {% set translated = itemCart['product']|translate %}
  24.                 <div class="row mt-2 border-bottom align-items-center py-3" id="product-{{ itemCart['product'].id }}">
  25.                     <div class="col-0 col-lg-3">
  26.                         <img src="{{ vich_uploader_asset(translated) | imagine_filter('product_list') }}"
  27.                              alt="{{ translated.name }}" class="img-fluid d-none d-lg-block">
  28.                     </div>
  29.                     <div class="col-4 col-lg-3">
  30.                         {#                        {% dump(itemCart) %} #}
  31.                         <a href="{{ path('product_detail', {id: itemCart['product'].id, brand: itemCart['product'].brand.name | urlSanitizer, slug: translated.slug}) }}"
  32.                            class="text-black fw-bold">
  33.                             {{ translated.name }}
  34.                         </a>
  35.                         <div class="pt-2">
  36.                             {% if itemCart['attribut'] is not null %}
  37.                                 {% set attributTranslated = itemCart['attribut'].attributTerms|translate %}
  38.                                 <div>
  39.                                     {{ itemCart['attribut'].attributTerms.attributTitles.translate(app.request.locale).name }}
  40.                                     : <span class="fw-bold">{{ attributTranslated.name }}</span>
  41.                                 </div>
  42.                             {% endif %}
  43.                             <div>
  44.                                 {{ "PHARMACODE" | trans }}:
  45.                                 <span class="fw-bold">{{ itemCart['product'].pharmacode }}</span>
  46.                             </div>
  47.                             <div>
  48.                                 {{ "Marque" | trans }}:
  49.                                 <span class="fw-bold">{{ itemCart['product'].brand.name }}</span>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                     <div class="col-2 col-lg-2 d-flex align-items-center justify-content-start flex-column">
  54.                         <div class="d-flex align-items-center py-1">
  55.                             {% if hasAction %}
  56.                                 <div class="qt-item" data-cart-qt-down
  57.                                      data-product="{{ itemCart['product'].id }}"
  58.                                      data-attribut="{{ itemCart['attribut'] ? itemCart['attribut'].id : 0 }}"
  59.                                 >
  60.                                     <i class="fas fa-minus"></i>
  61.                                 </div>
  62.                             {% endif %}
  63.                             <div class="qt-count" data-cart-qt-count="{{ itemCart['product'].id }}"
  64.                                  style="user-select: none">{{ itemCart['quantity'] }}</div>
  65.                             {% if hasAction %}
  66.                                 <div class="qt-item" data-cart-qt-up
  67.                                      data-product="{{ itemCart['product'].id }}"
  68.                                      data-attribut="{{ itemCart['attribut'] ? itemCart['attribut'].id : 0 }}"
  69.                                 >
  70.                                     <i class="fas fa-plus"></i>
  71.                                 </div>
  72.                             {% endif %}
  73.                         </div>
  74.                         {% if hasAction %}
  75.                             <a href="#!" class="text-danger text-decoration-underline d-block mt-3" data-cart-delete
  76.                                data-product="{{ itemCart['product'].id }}"
  77.                                data-attribut="{{ itemCart['attribut'] ? itemCart['attribut'].id : 0 }}">
  78.                                 {{ "Supprimer" | trans }}
  79.                             </a>
  80.                         {% endif %}
  81.                     </div>
  82.                     <div class="col-3 col-lg-2">
  83.                         <p class="text-center">{{ itemCart['price']|format_currency("CHF") }}</p>
  84.                     </div>
  85.                     <div class="col-3 col-lg-2">
  86.                         <p class="text-center"
  87.                            data-item-total="{{ itemCart['product'].id }}">{{ itemCart['total']|format_currency("CHF") }}</p>
  88.                     </div>
  90.                     <div class="col-12">
  91.                         <div app-product-gift data-id="{{ itemCart['product'].id }}"></div>
  92.                     </div>
  95.                     {% if hasAction %}
  96.                         {% set productPrestatations = itemCart['product'].productsPrestations %}
  97.                         {% if productPrestatations|length > 0 %}
  98.                             {% set formatedPrestation = [] %}
  99.                             {% for service in productPrestatations %}
  100.                                 {% set formatedPrestation = formatedPrestation|merge([{
  101.                                     'id': service.prestation.id,
  102.                                     "icon": service.prestation.icon,
  103.                                     "name": service.prestation.name,
  104.                                     "description": service.prestation.description}
  105.                                 ]) %}
  106.                             {% endfor %}
  107.                             <div class="row d-flex justify-content-end mb-2">
  108.                                 <div
  109.                                         app-service-cart
  110.                                         class="col-sm-12 col-lg-6"
  111.                                         data-prestations="{{ formatedPrestation|json_encode }}"
  112.                                         data-form-id="{{ itemCart['product'].id }}"
  113.                                 ></div>
  114.                             </div>
  116.                         {% endif %}
  117.                     {% endif %}
  120.                 </div>
  121.             {% endfor %}
  123.             {% for prestation in prestations %}
  124.                 <div class="row py-3 border-bottom align-items-center"
  125.                      data-prestation="{{ prestation.pharmacyPrestation.id }}"
  126.                      id="prestation-{{ prestation.pharmacyPrestation.id }}">
  127.                     <div class="col-lg-3 d-flex justify-content-center">
  128.                         <img src="{{ prestation.productPrestation.prestation.icon }}" width="50"
  129.                              alt="{{ prestation.productPrestation.prestation.name }}" class="img-fluid">
  130.                     </div>
  131.                     <div class="col-lg-3">
  132.                         <p class="text-black m-0">
  133.                             {{ prestation.productPrestation.prestation.name }}
  134.                         </p>
  135.                     </div>
  136.                     <div class="col-lg-2 d-flex align-items-center justify-content-start flex-column">
  137.                         <div class="d-flex align-items-center py-1">
  138.                             {% if hasAction %}
  139.                                 <a href="{{ path('order_step_prestation') }}">{{ "Gérer" }}</a>
  140.                             {% endif %}
  141.                         </div>
  142.                     </div>
  143.                     <div class="col-lg-2">
  144.                     </div>
  145.                     <div class="col-lg-2">
  146.                         <p class="text-center m-0">{{ prestation.price|format_currency("CHF") }}</p>
  147.                     </div>
  148.                 </div>
  149.             {% endfor %}
  150.             <div class="mt-2">
  151.                 <div app-product-gift data-id="{{ null }}"></div>
  152.             </div>
  153.             <div class="py-3 text-center {{ cart|length >= 1 ? "d-none" : "" }}" id="cart-no-product">
  154.                 <h4 class="text-muted">
  155.                     <span class="fas fa-shopping-cart"></span>
  156.                     {{ "Votre panier est vide" | trans }}
  157.                 </h4>
  158.                 <a
  159.                         href="{{ path('app_shop') }}"
  160.                         class="text-decoration-underline text-muted">
  161.                     {{ "Faire mes achats" | trans }}
  162.                 </a>
  163.             </div>
  164.         </div>
  165.         <div class="col-12 col-lg-4 px-2 ps-lg-5">
  166.             <div class="px-5 py-3" style="background-color: #EEEEEE">
  167.                 <h4 class="text-center">{{ "COMMANDE" | trans }}</h4>
  168.                 <hr>
  169.                 <div>
  170.                     <div class="row">
  171.                         <div class="col-7">{{ "Produit(s)" | trans }}: <span
  172.                                     class="cart-product-count">{{ cart|length }}</span></div>
  173.                         <div class="col-5 fw-bold text-end"
  174.                              id="cart-total-no-coupon">{{ total|format_currency("CHF") }}</div>
  175.                     </div>
  176.                     <hr>
  177.                     {% if hasAction %}
  178.                         <div class="row my-4">
  179.                             <div class="col-7">
  180.                                 <label for="" class="fw-bold">{{ "CODE PROMO" | trans }}</label>
  181.                                 <input type="text" class="form-control bg-white" placeholder="{{ "Code promo"|trans }}"
  182.                                        id="promo-code">
  183.                                 <input type="hidden" name="token" value="{{ csrf_token('promo-code-csrf') }}"
  184.                                        id="promo-code-csrf"/>
  185.                             </div>
  186.                             <div class="col-5 align-self-end">
  187.                                 <button class="btn btn-primary" id="promo-code-submit">{{ "Appliquer"|trans }}</button>
  188.                             </div>
  189.                             <div class="col-12 small d-none" id="promo-code-result"></div>
  190.                         </div>
  191.                     {% else %}
  192.                         <div class="row">
  193.                             <div class="col-12">
  194.                                 {#                                <span class="fw-bold">{{ "MODE DE TRANSPORT:" | trans }}</span> {{ (transport|translate).name }} #}
  195.                                 <span class="fw-bold">{{ "MODE DE TRANSPORT:" | trans }}</span> {{ "Click and collect" |  trans }}
  196.                             </div>
  197.                             <div class="col-12">
  198.                                 <span class="fw-bold">{{ "PAIEMENT LORS DU RETRAIT" | trans }}</span>
  199.                             </div>
  200.                         </div>
  201.                     {% endif %}
  202.                     <div class="row">
  203.                         <div class="col-12 fw-bold my-2">
  204.                             {{ "REDUCTION" | trans }}:
  205.                             <ul class="m-0" id="coupon_list">
  206.                                 {% for coupon in coupons %}
  207.                                     <li>
  208.                                         {{ include('elements/products/_product_promocode_type.html.twig', {
  209.                                             reference: coupon['ref'],
  210.                                             type: coupon['type'],
  211.                                             discount: coupon['discount']
  212.                                         }) }}
  213.                                     </li>
  214.                                     {% if coupon['type'] == "AMOUNT" %}
  215.                                         {% set total = total - coupon['discount'] %}
  216.                                     {% else %}
  217.                                         {% set total = total - (total * coupon['discount'] / 100) %}
  218.                                     {% endif %}
  219.                                 {% endfor %}
  220.                             </ul>
  221.                         </div>
  222.                     </div>
  223.                     <div class="row">
  224.                         <div class="col-6 fw-bold">{{ "TOTAL" | trans }}:</div>
  225.                         <div class="col-6 text-end"
  226.                              id="cart-total-coupon">{{ total|format_currency("CHF") }}</div>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.         </div>
  231.     </div>
  232. </div>