templates/bundles/SyliusShopBundle/Cart/summary.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  4. {% block banner %}
  5.     {{ render(url('odiseo_sylius_banner_plugin_shop_partial_banner', {'template': '@SyliusShop/Banner/banner1.html.twig'})) }}
  6. {% endblock %}
  8. {% form_theme form '@SyliusShop/Form/theme.html.twig' %}
  10. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  13. {% block title %}
  14.     {{ 'sylius.ui.votrepanier'|trans }}
  15.     |
  16.     {{ parent() }}
  17. {% endblock %}
  19. {% block content %}
  20.     {% block breadcrumb %}
  21.         <div class="ui breadcrumb">
  22.             <a href="{{ path('sylius_shop_homepage') }}" class="section"><i class="fas fa-home"></i><strong>Mons Fromages</strong></a>
  23.             <div class="divider"> / </div>
  24.             <a href="{{ path('sylius_shop_account_dashboard') }}" class="section">{{ 'sylius.ui.votrepanier'|trans }}</a>
  25.         </div>
  26.     {% endblock %}
  29.     <div class="cart">
  31.         <h1 class="page__title">
  32.             <span class="page__tagline">
  33.                 {{ "sylius.ui.boutiqueenligne"|trans }}
  34.             </span>
  35.             {{ "sylius.ui.votrepanier"|trans }}
  36.         </h1>
  38.         {{ sylius_template_event(['sylius.shop.checkout.address.steps', 'sylius.shop.checkout.steps'], _context) }}
  40.         {% include '@SyliusShop/_flashes.html.twig' %}
  44.         {% if not cart.empty %}
  48.             {% if fidelium_his_activate  %}
  49.             <div id="fidelium_cart">
  52.                 {% if is_logged_in is defined and not is_logged_in %}
  53.                     <form class="message info" id="fideliumform">
  54.                         <div>
  55.                             <i class="fas fa-info-circle"></i>{{ 'sylius.ui.seconnecterfidelium2'|trans }}</div>
  56.                         <a href="{{ path('sylius_shop_login') }}?destination=cart" class="button button--tertiary button--small" >{{ "sylius.ui.seconnecter"|trans }}</a>
  57.                     </form>
  59.                 {% elseif fideliumCard is defined and fideliumCard %}
  60.                     <form class="message info" id="fideliumform">
  61.                         <div>
  62.                             <i class="fas fa-info-circle"></i>
  63.                             {{ 'sylius.fidelium.cumulfidelium'|trans({'%points%': fideliumCard.nPoints}) |raw }}
  64.                         </div>
  65.                         <div class="cart__form-fidelium">
  66.                             <select name="fideliumpoints" id="fideliumpoints" class="tiny-select cart__select-fidelium">
  67.                                 <option value="">{{ "sylius.fidelium.selectionnermontant"|trans }}</option>
  68.                                 {% for option in listBoxFidelium %}
  69.                                     {% if option.points < cart.getTotalWithOutAdjustments() %}
  70.                                     <option value="{{ option.points }}"
  72.                                         {% if option.points == orderpoint %} SELECTED {% endif %} >
  74.                                         {{ 'sylius.fidelium.pointsutilises'|trans({'%points%':  option.points}) }}
  75.                                         (-{{ option.label }})
  76.                                     </option>
  77.                                     {% endif %}
  78.                                 {% endfor %}
  79.                             </select>
  80.                             <input type="submit" value="{{ 'sylius.cart.valider'|trans }}" class="button button--tertiary button--small"/>
  81.                         </div>
  82.                     </form>
  84.                 <!-- le user n'est pas connecté-->
  86.                 {% else %}
  88.                     <!-- le user est connecté mais n'a pas activé sa carte-->
  89.                     <form class="message info" id="fideliumform">
  90.                         <div>
  91.                             <i class="fas fa-info-circle"></i>
  92.                             {{ 'sylius.ui.veuillezactiverfidelium'|trans }}
  93.                         </div>
  94.                         <a href="{{ path('fidelium_register') }}?destination=cart" class="button button--tertiary button--small">{{ 'sylius.fidelium.activerfidelium'|trans }}</a>
  95.                     </form>
  96.                 {% endif %}
  97.             </div>
  98.             {% endif %}
  100.             <div class="ui stackable grid">
  101.                 <div class="wide column cart__products">
  102.                     <div>
  103.                         {{ form_start(form, {'action': path('sylius_shop_cart_save'), 'attr': {'class': 'ui loadable form', 'novalidate': 'novalidate', 'id': form.vars.id}}) }}
  104.                         {{ form_errors(form) }}
  105.                         <input type="hidden" name="_method" value="PATCH"/>
  106.                         <input type="hidden" id="fidelium" name="fidelium" value=""/>
  107.                         <input type="hidden" id="fideliumupdate" name="fideliumupdate" value=""/>
  108.                         {{ form_row(form._token) }}
  109.                         {{ form_end(form, {'render_rest': false}) }}
  111.                         {{ sylius_template_event('sylius.shop.cart.summary.items', {'cart': cart, 'form': form}) }}
  113.                         <table id="sylius-cart-items" {{ sylius_test_html_attribute('cart-items') }} class="ui very basic celled table">
  114.                             <thead>
  115.                                 <tr>
  116.                                     <th class="cart__table-delete" width="25" style="padding: 0 10px !important"></th>
  117.                                     <th >{{ 'sylius.cart.produits'|trans }}</th>
  118.                                     <th class="center aligned">{{ 'sylius.cart.prixttc'|trans }}</th>
  119.                                     <th class="center aligned cart__table-qty">{{ 'sylius.ui.qty'|trans }}</th>
  120.                                     <th class="right aligned">{{ 'sylius.cart.soustotal'|trans }}</th>
  122.                                 </tr>
  123.                             </thead>
  124.                             <tbody>
  125.                                 {% for key, item in cart.items %}
  127.                                     {% include '@SyliusShop/Cart/Summary/_item.html.twig' with { 'item': item, 'form': form.items[key], 'main_form': form.vars.id, 'loop_index': loop.index} %}
  129.                                 {% endfor %}
  130.                             </tbody>
  131.                         </table>
  133.                         <div class="ui hidden divider"></div>
  134.                         {# include '@SyliusShop/Cart/Summary/_update.html.twig' with {'main_form': form.vars.id} #}
  135.                     </div>
  137.                 </div>
  138.             </div>
  140.             <div class="cart__columns">
  141.                 <div class="cart-promotion">
  142.                     {% if form.promotionCoupon is defined %}
  143.                         <h4 class="dark-header"><i class="fas fa-certificate"></i>{{ 'sylius.ui.codepromotitre'|trans }}</h4>
  144.                         <div class="cart-promotion__content">
  145.                             <p class="cart-promotion__text">{{ 'sylius.ui.codepromotexte'|trans }}</p>
  147.                             {% set main_form = form.vars.id %}
  148.                             <div id="sylius-coupon" {{ sylius_test_html_attribute('cart-promotion-coupon') }}>
  149.                                 <div class="cart-promotion__form">
  150.                                     {{ form_widget(form.promotionCoupon, sylius_test_form_attribute('cart-promotion-coupon-input')|sylius_merge_recursive({'attr': {'form': main_form, 'placeholder': 'sylius.ui.enter_your_code'|trans~'...'}})) }}
  151.                                     <button type="submit" id="sylius-save" {{ sylius_test_html_attribute('apply-coupon-button') }} class="button button--secondary button--medium" form="{{ main_form }}">
  152.                                         {{ 'sylius.ui.apply_coupon'|trans }}</button>
  153.                                 </div>
  154.                                 <br>
  155.                                 {{ form_errors(form.promotionCoupon) }}
  156.                             </div>
  157.                         </div>
  159.                     {% endif %}
  160.                 </div>
  162.                 {{ sylius_template_event('sylius.shop.cart.summary', {'cart': cart}) }}
  164.             </div>
  166.             <br />
  168.             <div class="field">
  169.                 <div class="ui toggle">
  170.                     <input type="checkbox" id="cgv-checkbox" name="cgv-checkbox">
  171.                     <label for="cgv-checkbox">
  172.                         J'accepte les <a href="{{ path('bitbag_sylius_cms_plugin_shop_page_show', {slug: 'conditions-generales-de-vente'}) }}" target="_blank" style="text-decoration: underline;">conditions générales de vente</a> du site
  173.                     </label>
  174.                     <br>
  175.                     <div class="ui red pointing label sylius-validation-error" id="cgv-checkbox-error" style="display: none;">
  176.                         Veuillez valider les CGV pour continuer.
  177.                     </div>
  178.                 </div>
  179.             </div>
  181.             <div class="cart__buttons-actions">
  182.                 <a href="{{ path('app_shop_product_search') }}" class="button button--outline">
  183.                     <i class="fas fa-arrow-left"></i>
  184.                     {{ 'sylius.ui.poursuivre'|trans }}</a>
  186.                 <a href="{{ path('sylius_shop_checkout_start') }}" class="button button--secondary" id="confirm-command-btn">
  187.                     <i class="check icon"></i>
  188.                     {{ 'sylius.ui.checkout'|trans}}</a>
  189.             </div>
  191.             {% if fidelium_his_activate %}
  192.             <div class="fideliumtxt inline-content-shadow">
  193.                 <div>
  194.                     <h3 class="margin-bottom-0 font-primary"><strong>{{ 'sylius.fidelium.gagnerfidelium'|trans|raw  }} </strong></h3>
  195.                     <i class="text-small">{{ 'sylius.fidelium.demanderfidelium'|trans  }}</i>
  196.                 </div>
  197.                 <div>{{ 'sylius.fidelium.cumulerfidelium'|trans|raw  }}</div>
  200.                 {% if  is_logged_in is defined and  not is_logged_in %}
  201.                     <a href="{{ path('sylius_shop_login') }}?destination=cart" class="button button--outline">
  202.                         {{ "sylius.ui.seconnecter"|trans }}
  203.                     </a>
  205.                 {% elseif fideliumCard is defined and fideliumCard == false %}
  206.                     <a href="{{ path('fidelium_register') }}?destination=cart" class="button button--outline">
  207.                         {{ 'sylius.fidelium.activerfidelium'|trans  }}
  208.                     </a>
  209.                 {% endif %}
  212.             </div>
  213.             {% endif  %}
  215.             <div id="notre-histoire-bottom" class="citation">
  216.                 <div class="container">
  217.                     <p>« {{ 'sylius.textfooter.commandez'|trans  }} »</p>
  218.                     <a class="button button--secondary button--medium" href="{{ path('app_shop_product_search') }}">{{ 'sylius.textfooter.decouvrez'|trans  }}</a>
  219.                 </div>
  220.             </div>
  222.         {% else %}
  223.             {{ messages.info('sylius.ui.your_cart_is_empty') }}
  224.         {% endif %}
  225.     </div>
  226. {% endblock %}
  229. {% block javascripts %}
  230.     {{ parent() }}
  232.     <script type="text/javascript">
  234.     $('#fideliumform').on('submit', function(e) {
  235.         e.preventDefault();
  236.         $('#fidelium').val($('#fideliumpoints').val());
  237.         $('#fideliumupdate').val("1");
  238.         $('#sylius_cart').submit();
  239.     });
  241.     $('.sylius-quantity input').on('change', function() {
  242.         $('#sylius_cart').submit();
  243.     });
  245.     $('.line.trash form').on('submit', function(e) {
  246.         e.preventDefault();
  247.         var form = this;
  249.         $('.ui.modal.cart') .modal({
  250.             closable  : false,
  251.             onApprove : function() {
  252.                 form.submit();
  253.             }
  254.         }).modal('show');
  256.         return false;
  257.     });
  259.     $('#confirm-command-btn').click((e) => {
  260.         if (!$('#cgv-checkbox').is(':checked')) {
  261.             e.preventDefault();
  262.             $('#cgv-checkbox-error').show();
  263.         }
  264.     })
  266.     </script>
  267. {% endblock %}