templates/cart/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %} Panier  {% endblock %}
  5. {% block body %}
  6.     <!-- ======================= Page Banner START -->
  7.     <section class="py-0">
  8.         <div class="container">
  9.             <div class="row">
  10.                 <div class="col-12">
  11.                     <div class="bg-light p-4 text-center rounded-3">
  12.                         <h1 class="m-0">Votre panier</h1>
  13.                         <!-- Breadcrumb -->
  14.                     </div>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </section>
  21.     <!-- =======================
  22. Page content START -->
  23.     {% if cartProduct is not empty %}
  24.         <section class="pt-5">
  25.             <div class="container">
  27.                 <div class="row g-4 g-sm-5">
  29.                     {{ include ('components/flash_message.html.twig') }}
  30.                     <!-- Main content START -->
  31.                     <div class="col-lg-2 mb-4 mb-sm-0">
  32.                     </div>
  34.                     <div class="col-lg-8 mb-4 mb-sm-0">
  36.                         {% set total = 0 %}
  37.                         {% for  key, product in cartProduct %}
  39.                             {% if product.product is not empty %}
  41.                             {% set subtotal = product.product.price * product._shop_qnty %}
  42.                             {% set total = total + subtotal %}
  43.                             {% endif %}
  45.                             <div class="card border bg-white card-body cart-item" style="overflow: hidden;"
  46.                                  data-product-id="">
  47.                                 <p class="text-lg-center text-black">{{ product.product ? product.product.socialnetwork  : ''  }} {{ product.product ? product.product.category  : ''  }}
  49.                                     <a href="{{ path('remove_from_cart', {'productId': product.product_id}) }}"
  50.                                        class="blockOther text-black-50 remove-button"
  51.                                        style="float:right;cursor:pointer">
  52.                                         <i class="fas fa-times"></i> Supprimer
  53.                                     </a>
  54.                                     <span class="text-black" style="float:left;">
  55.                                         {{  product.product.socialnetwork  }}
  58.                                     </span></p>
  59.                                 <img class="avatar avatar-lg float-start me-3"
  60.                                      src="/service/{{ product.product.socialnetwork|lower }}.svg"
  61.                                      alt="{{ product.product.quality }}">
  62.                                 <hr>
  63.                                 <p class="text-black bi-shop"> {{ product._shop_src }}</p>
  65.                                 <hr>
  66.                                 <p class="text-black" style="text-align: left;">{{ product._shop_qnty }} рс.
  67.                                     x {{ product.product ? product.product.price : '' }} {{ product.product.currency}} =  {{ subtotal  ? subtotal : '' }} {{ product.product.currency}} ({{ product.product ? product.product.quality : '' }})</p>
  69.                             </div>
  70.                             <br>
  71.                         {% endfor %}
  73.                         <!-- Card total START -->
  74.                         <div class="card card-body p-4 shadow">
  75.                             <!-- Title -->
  76.                             <h4 class="mb-3"></h4>
  78.                             <!-- Button -->
  79.                             <div class="d-grid">
  80.                                 <a href="{{ path('app_checkout') }}" class="btn btn-lg btn-success">Passer à la
  81.                                     commande  {{ total ? total : '' }} € </a>
  82.                             </div>
  83.                         </div>
  84.                         <!-- Card total END -->
  85.                     </div>
  86.                     <!-- Main content END -->
  87.                 </div><!-- Row END -->
  88.             </div>
  89.         </section>
  90.         <!-- =======================
  91.         Page content END -->
  92.         <!-- ======================= Page Banner END -->
  93.     {% else %}
  94.         <section>
  95.             <div class="container">
  96.                 <div class="row">
  97.                     <div class="col-12 text-center">
  98.                         <!-- Image -->
  99.                         <img src="/assets/images/element/cart.svg" class="h-200px h-md-300px mb-3" alt="">
  100.                         <!-- Subtitle -->
  101.                         <h2>Votre panier est actuellement vide.</h2>
  102.                         <!-- info -->
  103.                         <p class="mb-0">Et si vous faisiez un tour dans notre catégorie ?</p>
  104.                         <!-- Button -->
  105.                         <a href="{{ path('app_defaut') }}" class="btn btn-primary mt-4 mb-0">Poursuivre mes achats</a>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </section>
  110.     {% endif %}
  111. {% endblock %}
  112. {% block head_js %}
  113.     {{ parent() }}
  115.     <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
  116.     <script>
  117.         $(document).ready(function () {
  118.             // Handle remove button click
  119.             /* $('.remove-button').click(function() {
  121.                  // Get the parent cart item element and product ID
  122.                  var cartItem = $(this).closest('.cart-item');
  123.                  var productId = cartItem.data('product-id');
  126.                  // Remove the cart item element from the DOM
  127.                  cartItem.remove();
  129.                  // Send an AJAX request to remove the item from the server-side cart
  130.                  $.ajax({
  131.                      url: '/cart/remove/' + productId,
  132.                      method: 'POST',
  133.                      success: function(data) {
  134.                          console.log('Item removed from cart');
  135.                      },
  136.                      error: function() {
  137.                          console.log('Error removing item from cart');
  138.                      }
  139.                  });*/
  140.         });
  142.         })
  143.         ;
  144.     </script>
  148. {% endblock %}