{% import "@SyliusShop/Common/Macro/icons.html.twig" as icons %}{% import '@SyliusShop/Common/Macro/messages.html.twig' as messages %}{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}{% set product = order_item.variant.product %}{% set stock_product = order_item.variant.OnHand - order_item.variant.OnHold %}{% form_theme form '@SyliusShop/Form/theme.html.twig' %}{{ form_start(form, {'action': path('sylius_shop_ajax_cart_add_item', {'productId': product.id}), 'attr': {'id': 'sylius-product-adding-to-cart', 'data-js-add-to-cart': 'form', 'class': 'loadable', 'novalidate': 'novalidate', 'data-redirect': path(configuration.getRedirectRoute('summary'))}}) }} {{ form_errors(form) }} <div class="" id="sylius-product-selecting-variant" {{ sylius_test_html_attribute('product-selecting-variant') }}> {{ sylius_template_event('sylius.shop.product.show.before_add_to_cart', {'product': product, 'order_item': order_item}) }} <div class="alert alert-danger d-none" data-js-add-to-cart="error" id="sylius-cart-validation-error" {{ sylius_test_html_attribute('cart-validation-error') }}></div> <div class="pt-md-4 pt-3 pb-2 font-16 "> <div id="enStock" class="color-primary-s font-weight-bold {% if not sylius_inventory_is_available(order_item.variant) %} d-none {% endif %}">{{stock_product}} {{ 'app.product.in_stock' | trans }}</div> <div id="horsStock" class="font-weight-bold text-danger {% if sylius_inventory_is_available(order_item.variant) %} d-none {% endif %}"><i class="icon-cancel"></i> {{ 'app.product.out_of_stock' | trans }}</div> <span id="restockingDate" class="text-danger font-weight-bold {% if sylius_inventory_is_available(order_item.variant) %} d-none {% endif %}">{{ 'app.product.the_product_will_be_available_on'|trans }} <span id="restockingDateValue">{{ order_item.variant.restockingDate|date('app.product.restocking_date_format'|trans) }}</span></span> {% if is_granted('ROLE_USER') %} {% set missingFrancoPortHT = app_get_missing_franco_port() %} {% if missingFrancoPortHT %} {#{% set missingFrancoPort = missingFrancoPortHT * 1.2 %}#} <div class="font-weight-bold">{{'app.product.more_than'|trans}} <span class="color-primary-s">{{ money.convertAndFormat(missingFrancoPortHT) }}</span> {{'app.product.to_benefit_the_free_delivery'|trans|raw}}</div> {% endif %} {% endif %} </div> <div class="caractistique-article pt-xl-4 pt-md-3 pt-4"> {% if not product.simple %} {% if product.variantSelectionMethodChoice %} <div class="pt-2"> <h2 class="font-16">{{ 'app.product.product_details'|trans|raw }}</h2> <div class="table-devis"> {% include '@SyliusShop/Product/Show/_variants.html.twig' %} </div> </div> {% else %} <div class="selectfitre-bit pb-md-3 pb-4"> {% include '@SyliusShop/Product/Show/_options.html.twig' %} </div> {% endif %} {% endif %} </div> </div> {% if app.user %} <div class=" pt-lg-4 pb-3"> <div class="row no-gutters"> <div class="col-md col-12 pl-md-3 order-md-2 mb-md-0 mb-4"> {% include '@Brille24SyliusTierPricePlugin/Shop/Product/Show/_tier_price_promo.html.twig' %} </div> <div class="col-md-7 col-12 order-md-1"> <div class="art-qte no-gutters align-items-center"> <label class=" mb-2 font-16 font-22-mobile font-weight-bold">Quantité :</label> <div class="contenu-qte-art qte-article-fiche"> <div class="qte-panier sylius-quantity-bit sylius-p-quantity site-art-quantity position-relative"> <a role="button" class="qte-moins-bit qte-moins-art qte-moins qte-moins-availability transition-bgcolor" title="{{'app.product.decrease_quantity'|trans}}"><img src="{{asset('images/moins_qte.svg')}}" class="d-block" alt="-"></a> {{ form_row(form.cartItem.quantity, sylius_test_form_attribute('quantity')) }} <a role="button" class="qte-plus-bit qte-plus-art qte-plus qte-plus-availability transition-bgcolor" title="{{'app.product.increase_quantity'|trans}}"><img src="{{asset('images/plus_qte.svg')}}" class="d-block" alt="+"></a> </div> </div> </div> <div class="pb-md-2 pt-3 price-art-cart"> <label class="font-16 font-weight-bold font-22-mobile mb-0">{{'app.product.total_price'|trans}} :</label> {% include '@SyliusShop/Product/Show/_priceWidget.html.twig' %} </div> </div> </div> </div> {#{% include '@BitBagSyliusWishlistPlugin/_addToWishlist.html.twig' %}#} <div id="step-by-step-info-msg" class="font-weight-bold font-12" style="display: none;">{{ "app.product.fill_option_before_adding_to_cart"|trans }}</div> <div class="btn-panier-content py-0 {% if not sylius_inventory_is_available(product.variants.first) %} d-none {% endif %}" > <button type="submit" id="add-to-cart-btn" class="btn-panier btn-add-panier transition-bgcolor" {{ sylius_test_html_attribute('add-to-cart-button') }}> <span>{{ 'app.product.addto_mycart' |trans }}</span></button></div> </div> {% else %} <div class="font-weight-bold error-app-user d-inline-block"> {{ messages.error('app.product.not_connected_message') }}</div> {% endif %} {# {{ form_row(form._token) }}#}{{ form_end(form, {'render_rest': false}) }}<div id="availability-notifier" {% if sylius_inventory_is_available(product.variants.first) %} class="d-none" {% endif %} > {{ render(path('app_shop_partial_availability_notifier_create', { 'productVariantId' : product.variants.first.id, 'template' : '@SyliusShop/Product/Show/_availability_notifier.html.twig' })) }}</div>