templates/frontend/cart.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base.html.twig' %}
  2. {% block title %}Votre panier{% endblock %}
  3. {% block CSS %}
  4. <link href="{{ asset('build/frontend/cart.css') }}" rel="stylesheet" type="text/css">
  5.   <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
  6.   <link rel="stylesheet" href="/resources/demos/style.css">
  7. <link href="/assets/plugins/owl.carousel/dist/assets/owl.carousel.min.css" rel="stylesheet" type="text/css" />
  8. <link href="/assets/plugins/owl.carousel/dist/assets/owl.theme.default.min.css" rel="stylesheet" type="text/css" />
  9. {% endblock %}
  10. {% block JS %}
  11. <script src="{{ asset('build/frontend/cart.js') }}"></script>
  12. <script src="/assets/frontend/js/jquery-3.1.1.min.js"></script>
  13. <script src="/assets/plugins/owl.carousel/dist/owl.carousel.min.js"></script>
  14. <script>
  15.     jQuery(document).ready(function($) {
  16.         //Owl-Multi
  17.         $('#owl-multi').owlCarousel({
  18.             loop:true,
  19.             margin:20,
  20.             nav:false,
  21.             autoplay:true,
  22.             responsiveClass: true,
  23.             responsive:{
  24.                 0:{
  25.                     items:1
  26.                 },
  27.                 480:{
  28.                     items:2
  29.                 },
  30.                 700:{
  31.                     items:4
  32.                 },
  33.                 1000:{
  34.                     items:3
  35.                 },
  36.                 1100:{
  37.                     items:5
  38.                 }
  39.             }
  40.         })
  41.     });
  43. {# recupthisSelectforme #}
  45. {# $('#recupthisSelectforme').change(function() {
  46.     var conceptName = $('#recupthisSelectforme').val();
  47.         console.log(conceptName);
  48.         if (conceptName != 'none'){
  49.                $.ajax({
  50.                 type: "POST",
  51.                 url: '{{ path('subscriptionToProduct',{ 'id': 'conceptName'})  }}',
  52.                 async: true,
  53.                  data: {
  54.                         id: $('#recupthisSelectforme').val()
  55.                     },
  56.                 success: function () {
  57.                     console.log('success');
  58.                     window.location.reload()
  59.                 }
  60.             });
  61.         }
  62. }); #}
  64. $(document).on('change', 'select', function () {
  65.             var value = $(this).val();
  66.             $(this).find('option[value="' + value + '"]').attr("selected", "selected");
  67.                var subscriptionId = $('#recupthisSelectforme').find(":selected").val();    
  68.                var productId = $('#recupthisSelectforme').find(":selected").attr("data-productId");   
  69.             console.log(subscriptionId);
  70.             console.log(productId);
  71.             if (subscriptionId != 'none'){
  72.                $.ajax({
  73.                 type: "POST",
  74.                 url: '{{ path('subscriptionToProduct',{ 'id': 'subscriptionId'})  }}',
  75.                 async: true,
  76.                  data: {
  77.                         subscriptionId: $('#recupthisSelectforme').find(":selected").val(),
  78.                         productId : $('#recupthisSelectforme').find(":selected").attr("data-productId"),
  79.                     },
  80.                 success: function () {
  81.                     console.log('success');
  82.                     window.location.reload()
  83.                 }
  84.             });
  85.             }     
  86.         })
  89.  {# $('a[class=deleteProductCart]').on('click', function() {
  90.             var getValueinput = $(this).data('id');
  91.             if (getValueinput === 6472){
  92.                var answer = window.confirm("supression de la boite réutilisable ?");
  93.                 if (answer) {
  94.                     //some code
  95.                 }
  96.                 else {
  97.                     //some code
  98.                 }
  99.             }
  100.             console.log(getValueinput);
  101.         }); #}
  102.     
  103. </script>
  105. {% endblock %}
  106. {% block content %}
  108. {{form_start(form)}}
  109. <div class="row">
  110.     <div class="col-lg-10 col-xl-8 mx-auto">
  111.         <div class="product-purchase-list added-cart">
  112.             {# Checkout breadcrumb links #}
  113.             <div class="row">
  114.                 <div class="col-sm-12">
  115.                     <p class="product-subtitle-brand">
  116.                     <ul class="breadcrumb breadcrump-cart pull-right">
  117.                         <li><a href="{{path('viewCart')}}" class=""><u>Panier</u></a></li>
  118.                         {% if noGo is not defined %}
  119.                         <li><a href="{{path('checkout')}}">Livraison / Cueillette</a></li>
  120.                         {% if global.getCart.shippingAddress %}
  121.                         <li><a href="{{path('cartPayment')}}">Paiement</a></li>
  122.                         {% endif %}
  123.                         {% endif %}
  124.                         <li><a href="{{path('home')}}">Retour au magasin</a></li>
  125.                     </ul>
  126.                     </p>
  127.                 </div>
  128.             </div>
  129.             {# display user's subscriptions #}
  130.             {% if app.user and app.user.activeSubscriptions | length > 0 %}
  131.             <div class="card-box">
  132.                 <div class="m-t-40" {% if app.user.validSubscriptions | length==0 %} style="display:none;" {% endif %}>
  133.                     <h4 class="">
  134.                         <b>Joindre un abonnement à ma commande</b>
  135.                     </h4>
  136.                     <form action="{{path('viewCart')}}"  method="post"> 
  137.                     <div class="checkout-form">
  138.                         <select name="subscription" class="form-control" id="recupthisSelectforme">
  139.                             <option value="none">Aucune</option>
  140.                             {% for activeSubscription in app.user.activeSubscriptions %}
  141.                             <option value="{{activeSubscription.id}}" data-productId="{{activeSubscription.product.id}}" data-type="product">{{activeSubscription.product}}</option>
  142.                             {% endfor %}
  143.                         </select>
  144.                     </div>
  145.                     <form>
  146.                     <!--end checkout-form-->
  147.                 </div>
  148.             </div>    
  149.             {% endif %}
  150.             <hr>
  151.             {# Main section#}
  152.             <h4 class="m-b-20 cart-main-title">
  153.                 {{ form.products | length }}&nbsp;ARTICLE{% if form.products | length > 1%}S{%endif%} DANS VOTRE PANIER
  154.                 {% if noGo is not defined %}
  155.                 <input type="submit" value="Passer à la Livraison / Cueillette" class="btn btn-primary float-right phone-fullwidth" onclick="document.getElementById('se-pre-con').style.display='initial';">
  156.                 {% endif %}
  157.             </h4>
  158.             {% if not app.user %}
  159.                 <h5 style="text-align: center;">Vous avez un compte chez Maturin, <a href="{{path('fos_user_security_login')}}">connectez-vous / Inscription</a>.</h5>
  160.                 <br><br>
  161.             {% endif %}
  163.             {% if  global.getCart.products | length < 1 %}
  164.                 <div style="background-color: white; padding-top: 15px; padding-bottom: 15px;"> <h5 style="text-align: center;">Votre panier est vide</h5></div>
  165.             {% endif %}
  167.             <div class="cart_product {% if global.getCart.products | length < 1 %}d-none{% endif %}" style="background-color: white; padding-top: 15px; padding-bottom: 15px;">
  168.                 {# MATURIN No JIT SHIPPING #}
  169.                 {% set amountOfShipment = 1 %}
  170.                 {% if global.getCart.hasMaturinShipping %}
  171.                     {{include('frontend/cartListingProduct.html.twig', {mode: 'maturin'})}}
  172.                 {% endif %}
  174.                 {# CUSTOM SHIPPING #}
  175.                 {% if global.getCart.hasCustomShipping %}
  176.                    <br>
  177.                     <hr/>
  178.                     <br>
  179.                     {% if global.getCart.totalOfShipment > 1 %}
  180.                         {% set amountOfShipment = amountOfShipment + 1 %}
  181.                     {% endif %}
  182.                     {{include('frontend/cartListingProduct.html.twig', {mode: 'custom'})}}
  183.                 {% endif %}
  185.                 {# PICKUP #}
  186.                 {% if global.getCart.hasPickup %}
  187.                     <br>
  188.                     {# <hr/> #}
  189.                     <br>
  190.                     {{include('frontend/cartListingProduct.html.twig', {mode: 'pickup'})}}
  191.                 {% endif %}
  192.                 {# {% set route = global.getEstimationShippingRouteForMaturinProducts(global.getCart)  %}
  193.                 {% if route['route'] is not null and not route['route'].isPuro and app.user.hasReusableBox == false %}
  194.                     <div class="checkout-form mt-3 mb-2" style="text-align: center;">
  195.                         <input type="checkbox" name="reusableBox" value="addBox" checked>Ajouter une glaciere réutilisable a votre panier ? (consigne 15$)</input>
  196.                     </div>
  197.                 {% endif %} #}
  198.             </div>
  200.             {# INFOS about minimal cart amount #}
  201.             {% if global.getCart.hasMaturinDeliveryProducts %}
  202.               {% if global.getCart.totalProductsMaturinDeliveryOnly < 25 %}
  203.                   <h5>Information: Minimum de commande de 25$ pour les produits livrés par Maturin</h5>
  204.               {% else %}
  205.                   <h5>Minimum de commande de 25$ atteint pour les produits livrés par Maturin</h5>
  206.               {% endif %}
  207.               <h5>Livraison Gratuite à Montréal, Laval, Longueuil sur commande de 75$ et plus, pour les produits livrés par Maturin.</h5>
  208.             {% endif %}
  209.             {# Navigation links and cart sub-total #}
  210.             <div class="row ">
  211.                 <div class="col-md-6 align-self-center">
  212.                     <div class="total-calculate">
  213.                         <a href="{{path('allCategory')}}" class="continue-shopping-link"><i class="ti ti-arrow-left mr-2"></i>Retour au magasin</a>
  214.                     </div>
  215.                 </div><!-- end col -->
  217.                 <div class="col-md-6">
  218.                     <div class="total-calculate text-right">
  219.                         <div class="cart-subtotal font-weight-bold">
  220.                             <p>
  221.                                 <span class="">SOUS-TOTAL </span>{{cart.subTotalToPay(false)|number_format(2)}}$</p>
  222.                         </div>
  223.                         {% if noGo is not defined and form.recurring is defined %}
  224.                             <div class="row">
  225.                                 <div class="col-sm-12">
  226.                                     {{form_row(form.recurring)}}
  227.                                 </div>
  228.                             </div>
  229.                         {% endif %}
  230.                         <div class="row">
  231.                             <div class="col-sm-12">
  232.                                 {{ form_widget(form.update)}}
  233.                                 {% if noGo is defined %}
  234.                                     {{ form_widget(form.submit, {'attr': { 'style': 'display:none;'}})}}
  235.                                 {% else %}
  236.                                     {{ form_widget(form.submit)}}
  237.                                 {% endif %}
  238.                             </div>
  239.                         </div>
  240.                     </div><!-- end total-calculate -->
  241.                 </div><!-- end col -->
  242.             </div><!-- end row -->
  243.             <br>
  244.             {# INFOS about minimal cart amount #}
  245.             {% if global.getCart.totalProducts < 25 and not global.getCart.hasPromotionalProduct and suggestedProducts is not empty %}
  246.                 <h4>Voici nos suggestions pour compléter votre panier</h4>
  247.             {% elseif suggestedProducts is not empty %}
  248.                 <h4>Ne passez pas à côté de ces offres exclusives</h4>
  249.             {% endif %}
  250.             <hr>
  252.             {# Suggest some produts#}
  253.             {%  if suggestedProducts is not empty %}
  254.             <div class="row">
  255.                     <div class="col-sm-12">
  256.                         <div class="owl-carousel owl-theme" id="owl-multi">
  257.                             {% for p in suggestedProducts %}
  258.                                 <div class="item">
  259.                                     <a href="{{path('viewProduct', {'producerUrl':p.company.UrlName, 'productName': p.UrlName, 'id': p.Id})}}" style="color: black; font-weight: bold;">
  260.                                         <img src="{{path('getImageAsCroppedThumb', {id: p.mainImage.id, height: '250', width: '250'})}}" alt="{{p.name}}" class="cart-image" style="max-width: 100%;">
  261.                                         {{p.Name}}
  262.                                     </a>
  263.                                     <div class="product-subtitle">
  264.                                         <a href="{{path('companyStore', {'urlname': p.company.urlname, 'id':p.company.id })}}" style="font-size: 12px; color: black;">{{p.company.name}}</a>
  265.                                     </div>
  266.                                     <div class="product-subtitle" style="color: black; font-weight: bold;">
  267.                                         {{p.displayPrice}}
  268.                                     </div>
  269.                                     <div class="product-subtitle">
  270.                                         <a class="btn btn-warning waves-effect waves-light" href="{{path('addProductAtCart', {'id': p.id})}}">
  271.                                             AJOUTER AU PANIER
  272.                                         </a>
  273.                                     </div>
  274.                                 </div>
  275.                             {% endfor %}
  276.                         </div>
  277.                     </div>
  279.             </div>
  280.             {% endif %}
  283.         </div><!-- end product-purchase-list -->
  284.     </div><!-- end col -->
  285. </div><!-- end row -->
  287. {% if noGo is defined %}
  288. {{form_end(form, {'render_rest': false}) }}
  289. {% else %}
  290. {% do form.products.setRendered %}
  291. {{form_end(form) }}
  292. {% endif %}
  294. <script src="/assets/admin/js/jquery.min.js" type="text/javascript"></script>
  296. {% endblock %}