templates/site/template_3/cart/index.html.twig line 1

Open in your IDE?
  1. {% extends 'baseTemplate_2.html.twig' %}
  3. {% import 'presentation/macroHead.html.twig' as traiteinfoHead %}
  4. {% block title %}Votre panier{% endblock %}
  6. {% block body %}
  8.     <div class="full-width-header header-style1 home1-modifiy">
  9.         <!--Header Start-->
  10.         {{ traiteinfoHead.infoHead(typeSite,objetAbonne,listeMenu,"#000") }}
  11.         <!--Header End-->
  12.     </div>
  13.             <!--Full width header End-->
  14.      <div class="main-content">
  15.      <div class="rs-breadcrumbs breadcrumbs-overlay">
  16.                 <div class="breadcrumbs-img">
  17.                     <br/><br/><br/><br/><br/>
  18.                 </div>
  19.                 <div class="breadcrumbs-text white-color">
  20.                     <h1 class="page-title">{{'site.panier'|trans}}</h1>
  21.                     <ul>
  22.                         <li>
  23.                             <a class="active" href="#">Accueil</a>
  24.                         </li>
  25.                         <li>{{'site.panier'|trans}}</li>
  26.                     </ul>
  27.                 </div>
  28.             </div>
  29.     <!-- Intro Courses -->
  30.             <section class="intro-section  pt-94 pb-100 md-pt-64 md-pb-70">
  31.                 
  32.                <div class="rs-cart orange-color pt-100 pb-100 md-pt-70 md-pb-70">
  33.                 <div class="container">
  34.                     <div class="cart-wrap">
  35.                         <form>
  36.                             <table class="cart-table">
  37.                                 <thead>
  38.                                     <tr>
  39.                                         <th class="product-remove">Action</th>
  40.                                         <th class="product-thumbnail"></th>
  41.                                         <th class="product-name">{{'site.produit'|trans}} </th>
  42.                                         <th class="product-price">{{'site.prod.prix'|trans}} </th>
  43.                                         <th class="product-quantity">{{'site.Qte'|trans}}</th>
  44.                                         <th class="product-subtotal">Total</th>
  45.                                     </tr>
  46.                                 </thead>
  47.                                 <tbody>
  48.     
  49.                                 {% for element in dataPanier %}
  51.                                     {% if element.produit|length != 0 %}
  52.                                         <tr>
  53.                                             <td >
  54.                                             
  55.                                             <a href="#"><i class="fa fa-close"></i></a>
  56.                                             <a href="{{path("cart_add", {id: element.produit.id})}}" class="btn btn-success">
  57.                                                 <i class="fa fa-cart-plus"></i>
  58.                                             </a>
  59.                                             <a href="{{path("cart_remove", {id: element.produit.id})}}" class="btn btn-warning">
  60.                                                 <i class="fa fa-cart-dash"></i>
  61.                                             </a>
  62.                                             <a href="{{path("cart_delete", {id: element.produit.id})}}" class="btn btn-danger">
  63.                                                 <i class="fa fa-cart-x"></i>
  64.                                             </a>
  65.                                             
  66.                                             </td>
  67.                                             <td class="product-thumbnail"><a href="#"><img src="assets/images/shop/4.jpg" alt=""></a></td>
  68.                                             <td class="product-name"><a href="#">{{ element.produit.nomProduit }}</a></td>
  69.                                             <td class="product-price"><span></span>{{ element.prix }}{#{element.produit.price }#}</td>
  70.                                             <td class="product-quantity"><input type="text" class="input-text" value="{{ element.quantite }}" pattern="[0-9]*"></td>
  71.                                             <td class="subtotal"><span class="amount"><span class="symbol"></span>{{ element.quantite * element.prix }}</span></td>
  72.                                         </tr>
  73.                                     {% endif %}
  74.                                  {% else %}
  75.                                     <tr>
  76.                                         <td colspan="6" class="text-center">  {{'site.vide.panier'|trans}} </td>
  77.                                     </tr>
  78.                                 {% endfor %}
  79.                                    
  80.                                     <tr>
  81.                                         <td colspan="6" class="action text-right">
  82.                                             <div class="coupon">
  83.                                                 <input type="text" name="text" placeholder="Coupon code" required="">
  84.                                                 <button type="submit" class="btn-shop apply-btn orange-color"> {{'site.apply.coupon'|trans}}</button>
  85.                                             </div>
  86.                                             <div class="update-cart">
  87.                                                 <button class="btn-shop orange-color">{{'site.mettre.ajout.parnier'|trans}}  </button>
  88.                                             </div>
  89.                                         </td>
  90.                                     </tr>
  91.                                 </tbody>
  92.                             </table>
  93.                         </form>
  94.                         <div class="cart-collaterals pt-70 md-pt-50">
  95.                             <div class="cart-totals">
  96.                                 <h5 class="title mb-25">{{'site.detail'|trans}} {{'site.panier'|trans}}</h5>
  97.                                 <table class="cart-total-table">
  98.                                     <tbody>
  99.                                         <tr class="cart-subtotal">
  100.                                             <th>Subtotal</th>
  101.                                             <td><span class="amount"><span></span>{{ total}}</span></td>
  102.                                         </tr>
  103.                                         <tr class="order-total">
  104.                                             <th>Total</th>
  105.                                             <td><strong><span class="amount"><span></span>{{ total}}</span></strong></td>
  106.                                         </tr>
  107.                                     </tbody>
  108.                                 </table>
  109.                                 <div class="wc-proceed-to-checkout">
  110.                                     <button class="btn-shop orange-color"   data-toggle="modal" data-target=".bd-example-modal-lg"> {{'site.proceed.checkout'|trans}} </button>
  111.                                 </div>
  112.                             </div>
  113.                         </div>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.             </section>
  118.             <!-- End intro Courses -->
  120.             
  121.      </div>
  122. <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  123.   <div class="modal-dialog modal-lg">
  124.     <div class="modal-content">
  125.       
  126.       <div class="modal-header">
  127.         <h5 class="modal-title" id="exampleModalLongTitle">{{'site.checking'|trans}}</h5>
  128.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  129.           <span aria-hidden="true">&times;</span>
  130.         </button>
  131.       </div>
  132.       <div class="modal-body">
  133.         <div class="row">
  134.             <div class="col-lg-7">
  135.                 <form>
  136.                     <div class="form-group">
  137.                         <label for="exampleInputEmail1"> {{'site.nom.prenom'|trans}} </label>
  138.                         <input type="text" class="form-control nomPrenoms" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="">
  139.                     </div>
  140.                     <div class="form-group">
  141.                         <label for="exampleInputPassword1"> {{'site.telephone'|trans}} </label>
  142.                         <input type="text" class="form-control tel" id="exampleInputPassword1" placeholder="">
  143.                     </div>
  144.                     <div class="form-group">
  145.                         <label for="exampleInputPassword1"> Email</label>
  146.                         <input type="email" class="form-control email" id="exampleInputPassword1" placeholder="">
  147.                     </div>
  148.                     <div class="form-group">
  149.                         <label for="exampleInputPassword1">{{'site.adresse'|trans}} </label>
  150.                         <input type="text" class="form-control adresse" id="exampleInputPassword1" placeholder="">
  151.                     </div>
  152.                     <div class="form-check">
  153.                     
  154.                         <label class="form-check-label" for="exampleCheck1"> {{'site.menu.certification'|trans}} </label>
  155.                     </div>
  156.                     <div class="form-check">
  157.                         <input type="checkbox" class="form-check-input" id="exampleCheck1">
  158.                         <label class="form-check-label" for="exampleCheck1">Global Gap</label>
  159.                     </div>
  160.                     <div class="form-check">
  161.                         <input type="checkbox" class="form-check-input" id="exampleCheck1">
  162.                         
  163.                         <label class="form-check-label" for="exampleCheck1">Biologique</label>
  164.                     </div>
  165.                     <div class="form-check">
  166.                         <input type="checkbox" class="form-check-input" id="exampleCheck1">
  167.                         
  168.                         <label class="form-check-label" for="exampleCheck1">Autres</label>
  169.                     </div>
  172.                     
  173.                 </form>
  174.             </div>
  175.             <div class="col-lg-5">
  176.                 <table class="cart-table" style="width : 100%">
  177.                     <thead>
  178.                         <tr>
  179.                             
  180.                            
  181.                             <th class="product-name">{{'site.produit'|trans}} </th>
  182.                             <th class="product-price">{{'site.prod.prix'|trans}}</th>
  183.                             <th class="product-quantity">Qte</th>
  184.                             <th class="product-subtotal">Total</th>
  185.                         </tr>
  186.                     </thead>
  187.                     <tbody>
  189.                     {% for element in dataPanier %}
  191.                         {% if element.produit|length != 0 %}
  192.                             <tr>
  193.                                
  194.                                 
  195.                                 <td class="product-name"><a href="#">{{ element.produit.nomProduit }}</a></td>
  196.                                 <td class="product-price"><span></span>{{ element.prix }} {#{element.produit.price }#}</td>
  197.                                 <td class="product-quantity">{{ element.quantite }}</td>
  198.                                 <td class="subtotal"><span class="amount"><span class="symbol"></span>{{ element.quantite * element.prix }}</span></td>
  199.                             </tr>
  200.                         {% endif %}
  201.                         {% else %}
  202.                         <tr>
  203.                             <td colspan="6" class="text-center">{{'site.vide.panier'|trans}}</td>
  204.                         </tr>
  205.                     {% endfor %}
  206.                         
  207.                         
  208.                     </tbody>
  209.                 </table>
  211.             </div>
  212.         </div>
  213.       </div>
  214.       <div class="modal-footer">
  215.             <div class="form-check">
  216.                 <input type="checkbox" class="form-check-input" id="exampleCheck1">
  217.                 <label class="form-check-label" for="exampleCheck1">{{'site.communique.whatsapp'|trans}} </label>
  218.             </div>
  219.             <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{'site.fermer'|trans}}</button>
  220.             <button type="button" class="btn btn-primary btValiderOrder">{{'site.valider'|trans}} </button>
  221.       </div>
  222.     </div>
  223.     </div>
  224.   </div>
  225. </div>   
  226.     
  227. {% endblock %}