templates/cart/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Mon panier{% endblock %}
  5. {% block body %}
  7.  <!-- Navbar Start -->
  8.     <div class="container-fluid position-relative p-0">
  9.        <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
  10.             <div class="row py-5">
  11.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  12.                     <h1 class="display-4 text-white animated zoomIn">Mon Panier</h1>
  13.                     <a href="{{ path('home') }}" class="h5 text-white">Accueil</a>
  14.                     <i class="far fa-circle text-white px-2"></i>
  15.                     <a href="" class="h5 text-white">Panier</a>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </div>
  20.     <!-- Navbar End -->
  22.  <!-- Cart Start -->
  23.  <div class="container-fluid pt-5">
  24.     <div class="row px-xl-5">
  25.         <div class="col-lg-8 table-responsive mb-5">
  26.             <table class="table table-bordered text-center mb-0">
  27.                 <thead class="bg-secondary text-dark">
  28.                     <tr>
  29.                         <th>Articles</th>
  30.                         <th>Prix</th>
  31.                         <th>Quantité</th>
  32.                         <th>Total</th>
  33.                         <th>Remove</th>
  34.                     </tr>
  35.                 </thead>
  36.                 <tbody class="align-middle">
  37.                 {% for item in cart %}
  38.                     <tr>
  39.                         <td class="align-middle"><img height="60px" src="/uploads/{{ item.product.image }}" alt="{{ item.product.name }}">{{item.product.name}}</td>
  40.                         <td class="align-middle">{{(item.product.price / 100)|number_format(2,',','.') }} Fr CFA</td>
  41.                         <td class="align-middle">
  42.                             <div class="input-group quantity mx-auto" style="width: 100px;">
  43.                                 <div class="input-group-btn">
  44.                                     <a title="Enlever 1 article" href="{{ path('decrease_item', {id:item.product.id}) }}">
  45.                                         <button class="btn btn-sm btn-primary btn-minus" >
  46.                                             <i class="fa fa-minus"></i>
  47.                                         </button>
  48.                                     </a>
  49.                                 </div>
  50.                                 <input type="text" class="form-control form-control-sm bg-secondary text-center" value=" {{ item.quantity }} ">
  51.                                 <div class="input-group-btn">
  52.                                     <a title="Ajouter 1 article" href="{{ path('add_to_cart', {id:item.product.id}) }}">    
  53.                                         <button class="btn btn-sm btn-primary btn-plus">
  54.                                             <i class="fa fa-plus"></i>
  55.                                         </button>
  56.                                     </a>
  57.                                     
  58.                                 </div>
  59.                             </div>
  60.                         </td>
  61.                         <td class="align-middle">{{ (item.quantity * (item.product.price / 100))|number_format(2,',','.') }} Fr CFA</td>
  62.                         <td class="align-middle"><button class="btn btn-sm btn-primary"><i class="fa fa-times"></i></button></td>
  63.                         <td class="align-middle">
  64.                             <a title="Supprimer tous les articles de cette ligne" href="{{ path('remove_cart_item', {id: item.product.id}) }}" >
  65.                                 <i class="bi bi-trash"></i>
  66.                             </a>
  67.                         </td>
  68.                     </tr>
  69.                 {% endfor %}
  70.                 </tbody>
  71.             </table>
  72.         </div>
  73.         <div class="col-lg-4">
  74.             <form class="mb-5" action="">
  75.                 <div class="input-group">
  76.                     <div class="input-group-append">
  77.                     {% if totalQuantity > 0 %}
  78.                         <a title="Supprimer tous les articles de cette ligne" href="{{ path('remove_cart') }}" >
  79.                             <button class="btn btn-primary">Réinitialiser le panier</button>
  80.                         </a>
  81.                     {% endif %}
  82.                     </div>
  83.                 </div>
  84.             </form>
  85.             <div class="card border-secondary mb-5">
  86.                 <div class="card-header bg-secondary border-0">
  87.                     <h4 class="font-weight-semi-bold m-0">Sommaire panier</h4>
  88.                 </div>
  89.                 <div class="card-body">
  90.                     <div class="d-flex justify-content-between mb-3 pt-1">
  91.                         <h6 class="font-weight-medium">Total Quantité</h6>
  92.                         <h6 class="font-weight-medium">{{ totalQuantity }}</h6>
  93.                     </div>
  94.                 </div>
  95.                 <div class="card-footer border-secondary bg-transparent">
  96.                     <div class="d-flex justify-content-between mt-2">
  97.                         <h5 class="font-weight-bold">Total</h5>
  98.                         <h5 class="font-weight-bold">{{ (totalPrice / 100)|number_format(2,',','.') }} FCFA</h5>
  99.                     </div>
  100.                     <a class="mb-3 d-block" href="{{ path('product') }}">Continuez mes achats</a>
  101.                     {% if totalQuantity > 0 %}
  102.                         <a href="{{ path('order')}}"title="Valider puis passer au paiement" > 
  103.                             <button class="btn btn-block btn-primary my-3 py-3">Valider ma commande</button>
  104.                         </a>
  105.                     {% else %}
  106.                             Votre panier est vide, remplissez le depuis la page <a href="{{ path('product') }}">produits</a>.
  107.                     {% endif %}
  108.                     
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </div>
  113. </div>
  116. {% endblock %}