templates/auth/panier.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, shrink-to-fit=no">
  7.     <meta name="description" content="Suha - Multipurpose Ecommerce Mobile HTML Template">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta name="theme-color" content="#100DD1">
  10.     <meta name="apple-mobile-web-app-capable" content="yes">
  11.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  12.     <!-- The above tags *must* come first in the head, any other head content must come *after* these tags -->
  13.     <!-- Title -->
  14.     <title>Suha - Multipurpose Ecommerce Mobile HTML Template</title>
  15.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  16.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  17.     <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
  18.     <!-- Favicon -->
  19.     {% block stylesheets %}
  20.         
  21.         {{ encore_entry_link_tags('app') }}
  22.         
  24.     <link rel="icon" href="{{asset('img/icons/icon-72x72.png')}}">
  25.     <!-- Apple Touch Icon -->
  26.     <link rel="apple-touch-icon" href="{{asset('img/icons/icon-96x96.png')}}">
  27.     <link rel="apple-touch-icon" sizes="152x152" href="{{asset('img/icons/icon-152x152.png')}}">
  28.     <link rel="apple-touch-icon" sizes="167x167" href="{{asset('img/icons/icon-167x167.png')}}">
  29.     <link rel="apple-touch-icon" sizes="180x180" href="{{asset('img/icons/icon-180x180.png')}}">
  30.     <!-- CSS Libraries -->
  31.     <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
  32.     <link rel="stylesheet" href="{{asset('css/animate.css')}}">
  33.     <link rel="stylesheet" href="{{asset('css/all.min.css')}}">
  34.     <link rel="stylesheet" href="{{asset('css/brands.min.css')}}">
  35.     <link rel="stylesheet" href="{{asset('css/solid.min.css')}}">
  36.     <link rel="stylesheet" href="{{asset('css/owl.carousel.min.css')}}">
  37.     <link rel="stylesheet" href="{{asset('css/magnific-popup.css')}}">
  38.     <link rel="stylesheet" href="{{asset('css/nice-select.css')}}">
  39.     <!-- Stylesheet -->
  40.     <link rel="stylesheet" href="{{asset('css/style.css')}}">
  41.     <!-- Web App Manifest -->
  42.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  44.     {% endblock %}
  46.   </head>
  47.   <body>
  49.     {% block body %}
  52.     <!-- Header Area-->
  53.     <div class="header-area" id="headerArea">
  54.       <div class="container h-100 d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  55.         <!-- Back Button-->
  56.         {% if app.user and app.user.compte == 'client' %}
  58.         <div class="back-button me-2">
  59.           <a href="{{path('app_main_particulier')}}">
  60.           <i class="fa-solid fa-arrow-left-long"></i>
  61.          </a>
  62.        </div>
  64.        {% elseif app.user and app.user.compte == 'vendeur' %}
  66.         <div class="back-button me-2">
  67.           <a href="{{path('app_main')}}">
  68.           <i class="fa-solid fa-arrow-left-long"></i>
  69.          </a>
  70.        </div>
  72.        {% else %}
  74.         <div class="back-button me-2">
  75.           <a href="{{path('app_main')}}">
  76.           <i class="fa-solid fa-arrow-left-long"></i>
  77.          </a>
  78.        </div>
  79.    
  81.       {% endif %}
  82.         <!-- Page Title-->
  83.         <div class="page-heading">
  84.           <h6 class="mb-0">Votre espace panier</h6>
  85.         </div>
  86.         <!-- Navbar Toggler-->
  87.         <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  88.           <div><span></span><span></span><span></span></div>
  89.         </div>
  90.       </div>
  91.     </div>
  95.     {% include 'main/menu.html.twig' %}
  97.     <div class="page-content-wrapper">
  98.       <div class="container">
  99.         <!-- Cart Wrapper-->
  100.         <div class="cart-wrapper-area py-3">
  101.           <!-- Coupon Area-->
  102.           <div class="card coupon-card mb-3">
  103.             <div class="card-body">
  104.               <div class="apply-coupon">
  105.                 <h6 class="mb-0 text-center">Total produits disponibles dans le panier : {{ totalItems > 1 ? totalItems ~ ' articles' : totalItems ~ ' articles' }}</h6>
  106.                 
  107.               </div>
  108.             </div>
  109.           </div>
  112.           <div class="cart-table card mb-3">
  114.           {% include 'flashMessage/flash.html.twig' %}
  115.           
  116.             <div class="table-responsive card-body">
  118.           {% if items | length > 0 %}
  120.               <table class="table mb-0">
  122.                 <tbody>
  124.                   {% for item in items %}
  125.                 
  126.                   <tr>
  127.                     <th scope="row">
  128.                       <a class="remove-product" href="{{ path('cart_remove', {'id': item.articles.id}) }}">
  129.                         <i class="fa-solid fa-xmark"></i>
  130.                       </a>
  131.                     </th>
  133.                     <th scope="row">
  134.                       <a class="remove-product" href="{{path('cart_add', {id: item.articles.id})}}">
  135.                         <i class="fa-solid fa-circle-plus"></i>
  136.                       </a>
  137.                     </th>
  138.                     
  139.                     <td>
  140.                       <img class="rounded" src="{{ vich_uploader_asset(item.articles) | imagine_filter('version_carre_medium') }}" alt="">
  141.                     </td>
  142.                     <td>
  143.                       <a href="{{ path('app_details', {id: item.articles.id}) }}">
  144.                         {{ item.articles.titre | length > 100 ? item.articles.titre | slice(0,100) ~' (...)' : item.articles.titre }}
  146.                         <span>
  147.                           {% set calcHt = item.articles.prixdeVente * tva / 100 %}
  148.                          {% set priceHt = item.articles.prixdeVente - calcHt %}
  149.                          {{ priceHt ~ ' f' }}
  150.                         </span>
  151.                       </a>
  152.                       </td>
  153.                     <td>
  154.                       <a href="#">
  155.                         Quantité
  156.                         <span class="text-justify">
  157.                           {% set priceItemTotal = item.articles.prixdeVente * item.quantite %}
  158.                             {{ item.quantite }}
  159.                         </span>
  160.                       </a>
  161.                       </td>
  162.                     <td>
  163.                       <a href="#">
  164.                         Total
  165.                         <span>
  166.                           {% set priceItemTotal = item.articles.prixdeVente * item.quantite %}
  167.                             {{ priceItemTotal ~ ' f' }}
  168.                         </span>
  169.                       </a>
  170.                       </td>
  171.                   </tr>
  173.                   {% endfor %}
  175.                 </tbody>
  176.               </table>
  178.     {% else %}
  179.     <p>Aucun article</p>
  180.   {% endif %}
  182.             </div>
  183.           </div>
  184.           <!-- Coupon Area-->
  185.           <div class="card coupon-card mb-3">
  186.             <div class="card-body">
  187.               <div class="apply-coupon">
  188.                 <h6 class="mb-0">Vous avez un code de réduction?</h6>
  189.                 <p class="mb-2">Enter your coupon code here &amp; get awesome discounts!</p>
  190.                 <div class="coupon-form">
  191.                   <form action="#">
  192.                     <input class="form-control" type="text" placeholder="SUHA30">
  193.                     <button class="btn btn-primary" type="submit">Appliquer</button>
  194.                   </form>
  195.                 </div>
  196.               </div>
  197.             </div>
  198.           </div>
  199.           <!-- Cart Amount Area-->
  200.           <div class="card cart-amount-area">
  201.             <div class="card-body d-flex align-items-center justify-content-between">
  202.               <h5 class="total-price mb-0">FCFA
  203.                 <span>
  204.                 
  205.                 {% set totalHT = totalTTC - totalTVA %}
  206.                 {{ totalHT | number_format(2) ~ ' F' }}
  208.               </span>
  209.                 </h5>
  211.                 {% if app.user and app.user.compte == 'client' %}
  213.                 <a class="btn btn-warning" 
  214.                 href="{{ path('Confirm_paiement', {id: app.user.id}) }}">Confirmation de paiement</a>
  216.                 {% elseif app.user and app.user.compte == 'vendeur' %}
  218.                   <a class="btn btn-warning" 
  219.                   href="{{ path('Confirm_paiement', {id: app.user.id} ) }}">Confirmation de paiement</a>
  221.                 {% else %}
  223.                 <a class="btn btn-warning" href="{{ path('app_login') }}">Confirmation de paiement</a>
  225.                 {% endif %}
  227.             </div>
  228.           </div>
  229.         </div>
  230.       </div>
  231.     </div>
  232.     <!-- Internet Connection Status-->
  233.     <div class="internet-connection-status" id="internetStatus"></div>
  234.     <!-- Footer Nav-->
  236.     {% include 'main/footer.html.twig' %}
  238.      {% if app.user and app.user.compte == 'client' %}
  240.       {% include 'main/footerparticulier.html.twig' %}
  242.     {% elseif app.user and app.user.compte == 'vendeur' %}
  244.     {% include 'main/footer.html.twig' %}
  246.     <a href="{{ path('app_ajouterProduit') }}">
  247.       <div data-js="back-top" class="back-top">
  248.       
  249.         <img src="img/plus.png" width="110px"  alt="">
  250.      </div>
  251.     </a>
  253.   {% else %}
  255.    
  257.   {% endif %}
  258.     
  260. {% endblock %}
  263.         {% block javascripts %}
  264.             {{ encore_entry_script_tags('app') }}
  265.         
  266.     <!-- All JavaScript Files-->
  267.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  268.     <script src="{{asset('js/jquery.min.js')}}"></script>
  269.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  270.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  271.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  272.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  273.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  274.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  275.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  276.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  277.     <script src="{{asset('js/theme-switching.js')}}"></script>
  278.     <script src="{{asset('js/no-internet.js')}}"></script>
  279.     <script src="{{asset('js/active.js')}}"></script>
  280.     <script src="{{asset('js/pwa.js')}}"></script>
  282.     {% endblock %}
  283.   </body>
  284. </html>