templates/AtechNetCoreBundle/Checkout/cart.html.twig line 1

Open in your IDE?
  1. {% extends 'AtechNetCoreBundle/base.html.twig' %}
  3. {% import "AtechNetCoreBundle/macros.html.twig" as macros %}
  5. {% block content %}
  6.     {% set defaultLocale = app.request.session.get('defaultLocale') %}
  7.     <style>
  8.         .btn-back {
  9.             border-radius: 6px;
  10.             margin-right: 5px;
  11.             padding-left: 5px;
  12.         }
  13.     </style>
  14.     <div class="main-content checkout">
  15.         <div class="container">
  16.             {{ macros.printChceckoutSteps(stepsOptions) }}
  18.             {% if items is defined and items | length > 0 %}
  19.                 <div class="cart-content">
  20.                     <div class="cart-content-top">
  21.                         <div class="cart-content-line">
  22.                             <div class="heading-wrapper">
  23.                                 <div class="cart-heading">
  24.                                     <h1>{{ 'Shopping cart' | trans }}</h1>
  25.                                 </div>
  26.                             </div>
  27.                         </div>
  29.                         {% if not stock %}
  30.                             <div class="alert alert-danger mt-3" role="alert">
  31.                                 {{ 'Products marked with *** are not available in the desired quantity or not in stock' | trans }}
  32.                             </div>
  33.                         {% endif %}
  35.                         {% for message in app.flashes('success') %}
  36.                             <div class="alert alert-success" role="alert">
  37.                                 <i class="fa fa-check"></i>
  38.                                 <span>{{ message }}</span>
  39.                             </div>
  40.                         {% endfor %}
  42.                         {% set cartIncludesOnlyMainProductTypeItem = false %}
  44.                         {% for item in items %}
  45.                             {%- set cartIncludesOnlyMainProductTypeItem = item.typeId in [
  46.                                     const('ProductType::PRODUCT_TYPE_ID_MONITOR'),
  47.                                     const('ProductType::PRODUCT_TYPE_ID_NOTEBOOK'),
  48.                                     const('ProductType::PRODUCT_TYPE_ID_PC'),
  49.                                     const('ProductType::PRODUCT_TYPE_ID_PC_SET'),
  50.                                     const('ProductType::PRODUCT_TYPE_ID_ALL_IN_ONE'),
  51.                                     const('ProductType::PRODUCT_TYPE_ID_TABLET'),
  52.                                     const('ProductType::PRODUCT_TYPE_ID_SMARTPHONE')
  53.                                 ]
  54.                             -%}
  56.                             <div class="cart-content-line" data-id="{{ item.id }}">
  57.                                 <div class="row" style="margin-bottom: 4px;">
  58.                                     <div class="image-wrapper">
  59.                                         {% if item.image %}
  60.                                             <img loading="lazy" decoding="async" src="{{ item.image }}" alt="{{ item.name }}" width="57" height="43" />
  61.                                         {% endif %}
  62.                                     </div>
  63.                                     <div class="col-6 col-sm-6 col-lg-5 info-wrapper">
  64.                                         <a href="{{ item.href }}" class="cart-content-product-name main">{{- item.name -}}{%- if not item.stock -%}<span class="text-danger">***</span>{%- endif -%}</a>
  66.                                         <p class="cart-content-product-desc">
  67.                                             {{ item.description|replace({
  68.                                                 'Gold': ('grades.A')|trans,
  69.                                                 'Silver': ('grades.B')|trans,
  70.                                                 'Bronze': ('grades.C')|trans,
  71.                                             })  }}
  72.                                         </p>
  73.                                         {% if item.stock %}
  74.                                             <p class="cart-content-in-stock-text">{{ 'Cart item in stock text'|trans }}</p>
  75.                                         {% endif %}
  77.                                         <button class="remove remove-product" data-item="{{ item.id }}" data-loading-text="<i class='fas fa-spinner fa-spin' style='font-size: 18px; margin-left: 5px;'></i>" data-original-text="{{ 'Cart option remove text'|trans }}" data-option="0" data-product-id="{{ item.productId }}" data-name="{{ item.name }}">{{ 'Cart option remove text'|trans }}</button>
  78.                                     </div>
  79.                                     <div class="col-6 col-lg-4 quantity-wrapper">
  80.                                         {% if item.productId != const('Product::SUMMER_2026_COUPON_GIFT_ITEM_ID') and item.productId != const('Product::PEXESO_SCHOOL_GIFT_ITEM_ID') %}
  81.                                             {%- set stockItemCodes = app.session.get('stockItemCodes') -%}
  82.                                             {%- if stockItemCodes[item.productId] is not defined -%}
  83.                                                 <div class="qty-and-remove">
  84.                                                     <div class="product-quantity{% if domainId == 7 %} wide-product-quantity{% endif %}">
  85.                                                         <input type="text" value="{{ item.quantity }}" data-id="{{ item.id }}" autocomplete="off" aria-label="{{ "Product quantity"|trans }}">
  86.                                                         <button class="plus" type="button" data-id="{{ item.id }}" data-loading-text='<i class="far fa-cog fa-spin"></i>' aria-label="{{ "Increase product quantity"|trans }}"><i class="far fa-plus"></i></button>
  87.                                                         <button class="minus" type="button" data-id="{{ item.id }}" data-loading-text='<i class="far fa-cog fa-spin"></i>' aria-label="{{ "Decrease product quantity"|trans }}"><i class="far fa-minus"></i></button>
  88.                                                     </div>
  89.                                                 </div>
  90.                                             {%- endif -%}
  92.                                             {%- if stockItemCodes and stockItemCodes[item.productId] is defined -%}
  93.                                                 <div class="serial-numbers w-100 d-flex flex-row flex-wrap">
  94.                                                     <p class="mb-1 col-12">{{ 'Serial numbers'|trans }}:</p>
  96.                                                     {%- for stockItemId in stockItemCodes[item.productId] -%}
  97.                                                         <label class="alert-info px-2 py-1 me-1 mb-1 d-flex flex-row justify-content-between align-items-center" style="width: max-content;"><small>#{{ stockItemId }}</small><i class="far fa-times ms-1 d-flex flex-row justify-content-between align-items-center" style="color: #e45050; cursor: pointer;" onClick="stockItemRemove({{ item.id }}, {{ item.productId }}, {{ stockItemId }})"></i></label>
  98.                                                     {%- endfor -%}
  99.                                                 </div>
  100.                                             {%- endif -%}
  101.                                         {% endif %}
  102.                                     </div>
  103.                                     <div class="cart-content-price-box">
  104.                                         {% set isDiscounted = item.originalPrice  %}
  105.                                         {% if isDiscounted %}
  106.                                             <div class="cart-content-discounted-price main">{{ item.price | price(currency, precision) }}</div>
  107.                                             <div class="cart-content-original-price main">{{ item.originalPrice | price(currency, precision) }}</div>
  108.                                         {% else %}
  109.                                             <div class="cart-content-price main">{{ item.price | price(currency, precision) }}</div>
  110.                                         {% endif %}
  111.                                     </div>
  112.                                 </div>
  114.                                 {% if item.options %}
  115.                                     {% for option in item.options %}
  117.                                         <div class="row added-options mb-3 mb-md-0" data-option="{{ option.id }}">
  118.                                             <div class="option-wrapper">
  119.                                                 {%- set imageDirectory = 'windows 11' in option.value|lower ? 'theme/images/icon/windows_11.svg' : ('windows 10' in option.value|lower ? 'theme/images/icon/windows.svg' : option.image) -%}
  121.                                                 {% if option.model == 1780026 %}
  122.                                                     {% set imageDirectory = 'theme/images/1-year-warranty.svg' %}
  123.                                                 {% endif %}
  125.                                                 {% if option.model == 1780024 %}
  126.                                                     {% set imageDirectory = 'theme/images/2-year-warranty.svg' %}
  127.                                                 {% endif %}
  129.                                                 {% if option.model == 1780027 %}
  130.                                                     {% set imageDirectory = 'theme/images/3-year-warranty.svg' %}
  131.                                                 {% endif %}
  133.                                                 {%- if imageDirectory -%}
  134.                                                     {#<img loading="lazy" decoding="async" src="{{  asset(imageDirectory) }}" alt="{{ option.value }}" width="25" />#}
  135.                                                 {%- endif -%}
  136.                                                 <div class="option-info">
  137.                                                     {% if option.model %}
  138.                                                         <a href="{{ option.href }}" class="cart-content-product-name">
  139.                                                             {{- option.value -}}
  140.                                                         </a>
  141.                                                     {% else %}
  142.                                                         <a class="cart-content-product-name">
  143.                                                             {{- option.value -}}
  144.                                                         </a>
  145.                                                     {% endif %}
  146.                                                     <button class="remove remove-product" data-item="{{ item.id }}" data-loading-text="<i class='fas fa-spinner fa-spin' style='font-size: 18px; margin-left: 5px;'></i>" data-original-text="{{ 'Cart option remove text'|trans }}" data-option="{{ option.id }}">{{ 'Cart option remove text'|trans }}</button>
  147.                                                 </div>
  148.                                                 <div class="cart-content-price">
  149.                                                     {% set priceToShow = option.price ?: 0 %}
  150.                                                     {{ priceToShow | price(currency, precision) }}
  151.                                                 </div>
  152.                                             </div>
  153.                                         </div>
  154.                                     {% endfor %}
  155.                                 {% endif %}
  156.                             </div>
  157.                         {% endfor %}
  158.                         {% if removedItem is defined %}
  159.                             <div class="alert alert-warning mt-3 undo" role="alert">
  160.                                 <input type="hidden" name="removedItem" value="{{ removedItem|json_encode() }}">
  161.                                 <span><a href="{{ removedItem.href }}"><strong>{{ removedItem.productName }}</strong> </a>{{ 'was removed from cart' | trans }} <a id="undo-removed-item"><strong>{{ 'Undo.' | trans }}</strong></a></span>
  162.                             </div>
  163.                         {% endif %}
  164.                     </div>
  165.                     <div class="cart-content-middle">
  166.                         {#<div class="cart-content-line">
  167.                             <div class="row">
  168.                                 <div class="col-sm-6">
  169.                                     <span class="subtotal-text">{{ 'Subtotal' | trans }}:</span>
  170.                                 </div>
  171.                                 <div class="col-sm-6 text-end">
  172.                                     <span class="subtotal-price">{{ subTotal | price(currency, precision) }}</span>
  173.                                 </div>
  174.                             </div>
  175.                         </div>#}
  177.                         {% if estimation and defaultLocale != 'en' %}
  178.                             <div class="cart-content-line">
  179.                                 <div class="row shipping-cost">
  180.                                     <div class="col-sm-6">
  181.                                         {{ 'Shipping cost' | trans }}:
  182.                                     </div>
  183.                                     {% if shippingCost > 0 %}
  184.                                         <div class="col-sm-6 text-end">
  185.                                         {{ 'Estimation' | trans }}: {{ shippingCost | price(currency, precision) }}
  186.                                         </div>
  187.                                     {% else %}
  188.                                         <div class="col-sm-6 text-end price-free">
  189.                                         {% if domainId in [4,5] %}
  190.                                             {{ 'Please choose a shipping type' | trans }}
  191.                                         {% else %}
  192.                                             {{ 'Free' | trans }}
  193.                                         {% endif %}
  194.                                         </div>
  195.                                     {% endif %}
  196.                                 </div>
  197.                             </div>
  198.                         {% elseif defaultLocale != 'en' and shippingCost >= 0 and shippingIsSelected %}
  199.                             <div class="cart-content-line">
  200.                                 <div class="row shipping-cost">
  201.                                     <div class="col-sm-6">
  202.                                         <span class="shipping-price-text">{{ 'Shipping cost' | trans }}:</span>
  203.                                     </div>
  204.                                     {% if shippingCost > 0 %}
  205.                                         <div class="col-sm-6 text-end cart-content-price">
  206.                                             {{ shippingCost | price(currency, precision) }}
  207.                                         </div>
  208.                                     {% else %}
  209.                                         <div class="col-sm-6 text-end price-free">
  210.                                             {{ 'Free' | trans }}
  211.                                         </div>
  212.                                     {% endif %}
  213.                                 </div>
  214.                             </div>
  215.                         {% endif %}
  217.                         {%- if app.session.get('checkout')['paymentMethodId'] is defined and domainId not in [const('Domain::DOMAIN_ID_RT_EU'), const('Domain::DOMAIN_ID_WS_EU')] -%}
  218.                             <div class="cart-content-line">
  219.                                 <div class="row shipping-cost">
  220.                                     <div class="col-sm-6">
  221.                                         <span class="shipping-price-text">{{ 'Payment type' | trans }}:</span>
  222.                                     </div>
  223.                                     {% if cashOnDeliveryProductItem is defined %}
  224.                                         <div class="col-sm-6 text-end cart-content-price">
  225.                                             {{ cashOnDeliveryProductItem.price | price(currency, precision) }}
  226.                                         </div>
  227.                                     {% else %}
  228.                                         <div class="col-sm-6 text-end price-free">
  229.                                             {{ 'Free' | trans }}
  230.                                         </div>
  231.                                     {% endif %}
  232.                                 </div>
  233.                             </div>
  234.                         {% endif %}
  236.                         {% if discount > 0 or coupon != '' %}
  237.                             <div class="cart-content-line code-applied">
  238.                                 <div class="row shipping-cost">
  239.                                     <div class="col-7 col-sm-6 d-flex" style="font-size: 12px;">
  240.                                         {% if three_percent_partner_discount is defined and three_percent_partner_discount %}
  241.                                             {{ 'Payment type discount' | trans }}
  242.                                         {% else %}
  243.                                             {#<span>{{ 'Coupon code applied' | trans }}: {{ coupon }}</span><a id="coupon-remove" title="{{ 'Remove coupon' | trans }}"><i class="far fa-times ss"></i></a>#}
  244.                                             <label id="coupon-text">
  245.                                                 <span>{{ coupon }}</span>
  246.                                                 <a id="coupon-remove-m" title="{{ 'Remove coupon' | trans }}" data-remove-url="{{ path("cart_coupon_remove") }}"><i class="far fa-times"></i></a>
  247.                                             </label>
  248.                                         {% endif %}
  249.                                     </div>
  250.                                     <div class="col-5 col-sm-6 text-end" style="font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: end;">
  251.                                         {% if discount > 0 %}
  252.                                             - {{ discount | price(currency, precision) }}
  253.                                         {% endif %}
  254.                                     </div>
  255.                                 </div>
  256.                             </div>
  257.                         {% endif %}
  259.                         <div class="cart-content-line">
  260.                             <div class="row">
  261.                                 <div class="col-7 col-sm-6">
  262.                                     <span class="total-text">
  263.                                         {{ 'Total price' | trans }}
  264.                                         {% if app.session.has('useZeroVat') and app.session.get('useZeroVat') %}
  265.                                             ({{- 'Cart price without vat text' | trans -}}):
  266.                                         {% else %}
  267.                                             ({{-'Cart price with vat text' | trans-}}):
  268.                                         {% endif %}
  269.                                     </span>
  270.                                 </div>
  271.                                 <div class="col-5 col-sm-6 text-end">
  272.                                     <span class="total-price">{{ total | price(currency, precision) }}</span>
  273.                                 </div>
  274.                             </div>
  275.                         </div>
  276.                         {% if not shippingIsSelected %}
  277.                             <div class="cart-content-line">
  278.                                 <div class="alert alert-info delivery-price-info mb-0" role="alert">
  279.                                     {% set currentDate = "now"|date('Ymd') %}
  281.                                     {% if cartIncludesOnlyMainProductTypeItem and defaultLocale != 'en' and freeShipping is defined and  freeShipping == true %}
  282.                                         {{ 'Product delivery info free'|trans }}
  283.                                     {% else %}
  284.                                         {{- 'Cart delivery info' |trans({ "title": shippingTitle, "price": shippingCost |price('', precision), 'locale': defaultLocale }) | replace({',00':''}) | raw -}}
  285.                                     {% endif %}
  286.                                 </div>
  287.                             </div>
  288.                         {% endif %}
  289.                     </div>
  290.                     <div class="cart-content-bottom">
  291.                         <div class="cart-content-line">
  292.                             <div class="row">
  293.                                 <div class="col-12 col-md-6">
  294.                                     <div class="coupon-wrapper">
  295.                                         <h3 class="coupon-header">{{ 'Enter coupon code' | trans }}:</h3>
  296.                                         <a class="coupon-header-toggle collapsed" data-bs-toggle="collapse" href="#couponCode" role="button" aria-expanded="true" aria-controls="couponCode"><span>{{- 'Enter coupon code' | trans -}}</span><i class="fas fa-chevron-down ms-2"></i></a>
  297.                                         <div class="collapse collapse-content" id="couponCode">
  298.                                             <div class="coupon-code-wrapper">
  299.                                                 <input type="text" value="{{ coupon }}" name="coupon" id="coupon-code" placeholder="{{ 'Coupon code' | trans | lower }}" class="coupon-code-text">
  300.                                                 <button type="button" name="" id="apply-code-cart" class="btn furbify-button" data-loading-text="{{ 'Loading' | trans }}">{{ 'Apply code' | trans }}</button>
  301.                                             </div>
  302.                                         </div>
  303.                                     </div>
  304.                                 </div>
  305.                                 <div class="col-12 col-md-6 checkout-button-wrapper">
  306.                                     <div class="cart-buttons">
  307.                                         <a class="btn btn-primary btn-product btn-checkout text-nowrap btn-back"
  308.                                            href="{{ cartBackToProductsLink }}">
  309.                                                 <i class="far fa-chevron-left"></i><span style="margin-left: 20px">{{ 'Back' | trans }}</span></a>
  311.                                         <a href="{{ path('checkout_customer') }}" class="btn btn-primary btn-product btn-checkout text-nowrap" style="border-radius: 6px;" data-loading-text="<i class='fas fa-spinner fa-spin'></i> {{ 'Loading' | trans }}"><span>{{ 'Proceed to checkout' | trans }}</span><i class="far fa-chevron-right"></i></a>
  312.                                     </div>
  313.                                 </div>
  314.                             </div>
  315.                         </div>
  316.                     </div>
  317.                 </div>
  318.             {% else %}
  319.                 <div class="cart-content">
  320.                     <div class="cart-content-top">
  321.                         <div class="cart-content-line">
  322.                             <div class="row">
  323.                                 <div class="cart-heading">
  324.                                     <h1>{{ 'Shopping cart' | trans }}</h1>
  325.                                 </div>
  326.                                 <div class="cart-content-back">
  327.                                     <a href="{{ path('homepage') }}">{{ 'Back to shopping' | trans }}</a>
  328.                                 </div>
  329.                             </div>
  330.                         </div>
  331.                         {% if removedItem is defined %}
  332.                             <div class="alert alert-warning mt-3 undo" role="alert">
  333.                                 <input type="hidden" name="removedItem" value="{{ removedItem|json_encode() }}">
  334.                                 <span><a href="{{ removedItem.href }}"><strong>{{ removedItem.productName }}</strong> </a>{{ 'was removed from cart' | trans }} <a id="undo-removed-item"><strong>{{ 'Undo.' | trans }}</strong></a></span>
  335.                             </div>
  336.                         {% elseif loginError is defined %}
  337.                             <div class="alert alert-danger mt-3 login-error" role="alert">
  338.                                 <p>{{ loginError.alertText|trans|raw }}</p>
  339.                                 {%- if loginError.signInRequired is defined -%}
  340.                                     <a id="log-out-and-log-in-customer" class="btn log-out">{{ 'Logout'|trans }}</a>
  341.                                 {%- else -%}
  342.                                     <a id="log-out-customer-and-reload" class="btn log-out">{{ 'Logout'|trans }}</a>
  343.                                 {%- endif -%}
  344.                             </div>
  345.                         {% else %}
  346.                             <div class="alert alert-warning mt-3" role="alert">
  347.                                 {{ 'Your shopping cart is empty' | trans }}
  348.                             </div>
  349.                         {% endif %}
  350.                     </div>
  351.                 </div>
  352.             {% endif %}
  354.             <div class="row">
  355.                 <div class="col-sm-12 text-center pb-4 mb-2">
  356.                     <strong>{{ 'Need assistance? Call' | trans }}<br><a href="tel:{{ phone_support }}">{{ phone_support }}</a></strong><br/>
  357.                     <small>({{ 'on workdays' | trans }} 8:00 - 16:30)</small>
  358.                 </div>
  359.             </div>
  361.             {{ include(template_from_string(contentBottom)) }}
  362.         </div>
  363.     </div>
  364. {% endblock %}
  366. {% block dataLayer %}
  367.     {% if app.environment == 'prod' %}
  368.         <script>
  369.             window.dataLayer = window.dataLayer || [];
  371.             dataLayer.push({ ecommerce: null });
  372.             dataLayer.push({
  373.                 event: 'view_cart', 
  374.                 ecommerce: {
  375.                     currency: '{{ currency_ISO }}', 
  376.                     value: '{{ total }}', 
  377.                     items: [ {{ marketingProductsGA4 |raw }} ]
  378.                 }
  379.             });
  380.         </script>
  381.     {% endif %}
  382. {% endblock %}
  384. {% block title %}{{ 'Shopping cart' | trans }} | {{ parent() }}{% endblock %}
  386. {% block robots %}
  387.     {% if 
  388.         ( domainId in [ const('Domain::DOMAIN_ID_RT_SK'), const('Domain::DOMAIN_ID_WS_SK') ] and app.request.locale != 'sk' ) or 
  389.         ( domainId in [ const('Domain::DOMAIN_ID_RT_HU'), const('Domain::DOMAIN_ID_WS_HU') ] and app.request.locale != 'hu' ) or 
  390.         ( domainId in [ const('Domain::DOMAIN_ID_RT_CZ'), const('Domain::DOMAIN_ID_WS_CZ') ] and app.request.locale != 'cz' ) or 
  391.         ( domainId in [ const('Domain::DOMAIN_ID_RT_EU'), const('Domain::DOMAIN_ID_WS_EU') ] and app.request.locale != 'en' ) 
  392.     %}
  393.         <meta name="robots" content="noindex, nofollow, noarchive">
  394.     {% else %}
  395.         <meta name="robots" content="noindex">
  396.     {% endif %}
  397. {% endblock %}
  399. {% block bodyClass %}checkout-body-bg{% endblock %}
  401. {% block header %}
  402.     {{ include(template_from_string(header)) }}
  403. {% endblock %}
  405. {% block footer %}
  406.     {{ include(template_from_string(footer)) }}
  407. {% endblock %}
  409. {% block javascripts %}
  410.     {{ parent() }}
  411.     <script type="text/javascript" src="{{ asset('theme/owl-carousel/owl.carousel.min.js'|appendAssetCache) }}"></script>
  412.     <script type="text/javascript">
  413.         var couponCodeCheckUrl = '{{ path("cart_coupon") }}';
  415.         function stockItemRemove (basketItemId, productId, stockItemCode) {
  416.             $.ajax({
  417.                 url: '{{ path("product_stock_item_remove") }}',
  418.                 data: { basketItemId, productId, stockItemCode },
  419.                 success: function(json) {
  420.                     if (json.status === 'succes') {
  421.                         location.reload();
  422.                     }
  423.                 }
  424.             });
  425.         }
  427.         if (document.querySelector('.cart-content-top .alert-success')) {
  428.             setTimeout(() => {
  429.                 document.querySelector('.cart-content-top .alert-success').remove();
  430.             }, 5000);
  431.         }
  433.         if (document.getElementById('couponCode')) {
  434.             if (document.body.clientWidth > 685) {
  435.                 document.getElementById('couponCode').classList.add('show');
  436.             } else {
  437.                 document.getElementById('couponCode').classList.remove('show');
  438.             }
  439.         }
  441.         $('.cart-content-line').on('click', '.remove', function() {
  442.             removeCartContentLine(this);
  443.         });
  445.         function removeCartContentLine (element) {
  446.             updateButton('loading', element);
  448.             $.ajax({
  449.                 url: '{{ path("cart_remove") }}',
  450.                 type: 'post',
  451.                 data: {
  452.                     item: element.dataset.item,
  453.                     option: element.dataset.option,
  454.                     productName: element.dataset.name,
  455.                     productId: element.dataset.productId
  456.                 },
  457.                 dataType: 'json',
  458.                 beforeSend: function() {
  459.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', true);
  460.                 },
  461.                 success: function(json) {
  462.                     if ( parseInt(element.dataset.option) == 0 ) {
  463.                         gtag('event', 'remove_from_cart', { "items": [{ "id": element.dataset.productId, "name": element.dataset.name }]});
  464.                     }
  466.                     setTimeout(function () {
  467.                         location.reload();
  468.                     }, 100);
  469.                 }
  470.             });
  471.         }
  473.         // cart: clear removed array
  474.         $.ajax({url: '{{ path("cart_clear_removed_array") }}', type: 'get' });
  476.         $('#undo-removed-item').on('click', function(e) {
  477.             var removedItem = JSON.parse($('input[name=removedItem]').val());
  478.             var attributeOptions = [];
  480.             removedItem.attributes.forEach(element => {
  481.                 attributeOptions.push(element.attribute_option)
  482.             });
  484.             let postData = {
  485.                 product_id: removedItem.productId,
  486.                 option: attributeOptions,
  487.                 quantity: removedItem.quantity,
  488.                 stockItems: (removedItem.stockItemCodes ?? false)
  489.             }
  491.             $.ajax({
  492.                 url: '{{ path("cart_add") }}',
  493.                 type: 'post',
  494.                 data: postData,
  495.                 dataType: 'json',
  496.                 success: function(json) {
  497.                     if ( json['error'] ) {
  498.                         $('#notification').html(json['error']).modal('show');
  499.                     }
  501.                     if ( json['success'] ) {
  502.                         $.ajax({
  503.                             url: '{{ path("cart_remove_last_removed") }}',
  504.                             type: 'post',
  505.                             data: { product_id: removedItem.productId },
  506.                             dataType: 'json',
  507.                             success: function(json) {
  508.                                 if ( json['success'] == false ) {
  509.                                     $('#notification').html(json['error']).modal('show');
  510.                                     return;
  511.                                 }
  513.                                 gtag('event', 'add_to_cart', { "items": [{ "id": removedItem.productId, "name": json['gtag'].brand + ' ' + json['gtag'].title, "brand": json['gtag'].brand, "category": json['gtag'].type, "quantity": removedItem.quantity, "price": json['gtag'].price }]});
  515.                                 setTimeout(function () {
  516.                                     location.reload();
  517.                                 }, 100);
  518.                             }
  519.                         });
  520.                     }
  521.                 }
  522.             });
  523.         });
  525.         $('.cart-content-line .product-quantity').on('click', '.plus', function() {
  526.             var self = this;
  527.             var quantity = parseInt($('input[data-id="' + $(this).data('id') + '"]').val()) + 1;
  529.             $.ajax({
  530.                 url: '{{ path("cart_update") }}',
  531.                 type: 'POST',
  532.                 data: { item: $(self).data('id'), quantity: quantity },
  533.                 dataType: 'json',
  534.                 beforeSend: function() {
  535.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', true);
  537.                     $(self).button('loading');
  538.                 },
  539.                 success: function(json) {
  540.                     $(".alert:not('.delivery-price-info'), .text-danger").remove();
  542.                     if ( json.error){
  543.                         if (json.error.length > 0) {
  544.                             $('.cart-content-top .cart-content-line:first-child').after('<div class="alert alert-danger mt-3" role="alert">{{ 'Products marked with *** has an order quantity limit' | trans }}</div>');
  546.                             for (i in json.error) {
  547.                                 $('.cart-content-line[data-id="' + json.error[i] + '"] .cart-content-product-name.main').append('<span class="text-danger">***</span>')
  548.                             }
  549.                         }
  550.                     } else if ( json.redirect ) {
  551.                         location = json.redirect;
  553.                         return;
  554.                     } else if ( json.product ) {
  555.                         $('.cart-content-line[data-id="' + json.product.id + '"] .product-quantity input').val(json.product.quantity);
  557.                         if ( json.product.originalPrice != '0' ) {
  558.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-original-price.main').html(json.product.originalPrice);
  559.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-discounted-price.main').html(json.product.price);
  560.                         } else {
  561.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-price.main').html(json.product.price);
  562.                         }
  564.                         if ( json.product.options ) {
  565.                             for ( i in json.product.options ) {
  566.                                 $('.cart-content-line[data-id="' + json.product.id + '"] .added-options[data-option="' + json.product.options[i].id + '"] .cart-content-price').html(json.product.options[i].price);
  567.                             }
  568.                         }
  569.                     }
  571.                     if ( json.subTotal ) {
  572.                         $('.cart-content-middle .subtotal-price').html(json.subTotal);
  573.                     }
  575.                     if ( json.discount ) {
  576.                         $('.cart-content-middle .code-applied .text-end').html(json.discount);
  577.                     }
  579.                     if ( json.total ) {
  580.                         $('.cart-content-middle .total-price').html(json.total);
  581.                     }
  583.                     if ( json.stock ) {
  584.                         if ( json.stock.length > 0 ) {
  585.                             $('.cart-content-top .cart-content-line:first-child').after('<div class="alert alert-danger mt-3" role="alert">{{ 'Products marked with *** are not available in the desired quantity or not in stock' | trans }}</div>');
  587.                             for ( i in json.stock ) {
  588.                                 $('.cart-content-line[data-id="' + json.stock[i] + '"] .cart-content-product-name.main').append('<span class="text-danger">***</span>')
  589.                             }
  590.                         }
  591.                     }
  593.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', false);
  595.                     $(self).button('reset');
  596.                 }
  597.             });
  598.         });
  600.         $('.cart-content-line .product-quantity').on('click', '.minus', function() {
  601.             var self = this;
  602.             var quantity = parseInt($('input[data-id="' + $(this).data('id') + '"]').val()) - 1;
  604.             if ( quantity < 1 ) {
  605.                 removeCartContentLine($('.remove-product', $(this).parent().parent().parent().parent())[0]);
  606.                 return;
  607.             }
  609.             $.ajax({
  610.                 url: '{{ path("cart_update") }}',
  611.                 type: 'POST',
  612.                 data: { item: $(this).data('id'), quantity: quantity },
  613.                 dataType: 'json',
  614.                 beforeSend: function() {
  615.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', true);
  617.                     $(self).button('loading');
  618.                 },
  619.                 success: function(json) {
  620.                     $(".alert:not('.delivery-price-info'), .text-danger").remove();
  622.                     if ( json.redirect ) {
  623.                         location = json.redirect;
  625.                         return;
  626.                     } else if ( json.product ) {
  627.                         $('.cart-content-line[data-id="' + json.product.id + '"] .product-quantity input').val(json.product.quantity);
  629.                         if ( json.product.originalPrice != '0' ) {
  630.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-original-price.main').html(json.product.originalPrice);
  631.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-discounted-price.main').html(json.product.price);
  632.                         } else {
  633.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-price.main').html(json.product.price);
  634.                         }
  636.                         if ( json.product.options ) {
  637.                             for ( i in json.product.options ) {
  638.                                 $('.cart-content-line[data-id="' + json.product.id + '"] .added-options[data-option="' + json.product.options[i].id + '"] .cart-content-price').html(json.product.options[i].price);
  639.                             }
  640.                         }
  641.                     }
  643.                     if ( json.subTotal ) {
  644.                         $('.cart-content-middle .subtotal-price').html(json.subTotal);
  645.                     }
  647.                     if ( json.discount ) {
  648.                         $('.cart-content-middle .code-applied .text-end').html(json.discount);
  649.                     }
  651.                     if ( json.total ) {
  652.                         $('.cart-content-middle .total-price').html(json.total);
  653.                     }
  655.                     if ( json.stock ) {
  656.                         if ( json.stock.length > 0 ) {
  657.                             $('.cart-content-top .cart-content-line:first-child').after('<div class="alert alert-danger mt-3" role="alert">{{ 'Products marked with *** are not available in the desired quantity or not in stock' | trans }}</div>');
  659.                             for ( i in json.stock ) {
  660.                                 $('.cart-content-line[data-id="' + json.stock[i] + '"] .cart-content-product-name.main').append('<span class="text-danger">***</span>')
  661.                             }
  662.                         }
  663.                     }
  665.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', false);
  667.                     $(self).button('reset');
  668.                 }
  669.             });
  670.         });
  672.         $('.cart-content-line .product-quantity').on('keyup', 'input', function() {
  673.             var self = this;
  674.             var quantity = parseInt($(this).val());
  676.             if ( quantity < 1 ) {
  677.                 return;
  678.             }
  680.             $.ajax({
  681.                 url: '{{ path("cart_update") }}',
  682.                 type: 'POST',
  683.                 data: { item: $(this).data('id'), quantity: quantity },
  684.                 dataType: 'json',
  685.                 beforeSend: function() {
  686.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', true);
  688.                     $(self).button('loading');
  689.                 },
  690.                 success: function(json) {
  691.                     $(".alert:not('.delivery-price-info'), .text-danger").remove();
  693.                     if ( json.redirect ) {
  694.                         location = json.redirect;
  696.                         return;
  697.                     } else if ( json.product ) {
  698.                         $('.cart-content-line[data-id="' + json.product.id + '"] .product-quantity input').val(json.product.quantity);
  700.                         if ( json.product.originalPrice > 0 ) {
  701.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-original-price.main').html(json.product.originalPrice);
  702.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-discounted-price.main').html(json.product.price);
  703.                         } else {
  704.                             $('.cart-content-line[data-id="' + json.product.id + '"] .cart-content-price.main').html(json.product.price);
  705.                         }
  707.                         if ( json.product.options ) {
  708.                             for ( i in json.product.options ) {
  709.                                 $('.cart-content-line[data-id="' + json.product.id + '"] .added-options[data-option="' + json.product.options[i].id + '"] .cart-content-price').html(json.product.options[i].price);
  710.                             }
  711.                         }
  712.                     }
  714.                     if ( json.subTotal ) {
  715.                         $('.cart-content-middle .subtotal-price').html(json.subTotal);
  716.                     }
  718.                     if ( json.discount ) {
  719.                         $('.cart-content-middle .code-applied .text-end').html(json.discount);
  720.                     }
  722.                     if ( json.total ) {
  723.                         $('.cart-content-middle .total-price').html(json.total);
  724.                     }
  726.                     if ( json.stock ) {
  727.                         if ( json.stock.length > 0 ) {
  728.                             $('.cart-content-top .cart-content-line:first-child').after('<div class="alert alert-danger mt-3" role="alert">{{ "Products marked with *** are not available in the desired quantity or not in stock" | trans }}</div>');
  730.                             for ( i in json.stock ) {
  731.                                 $('.cart-content-line[data-id="' + json.stock[i] + '"] .cart-content-product-name.main').append('<span class="text-danger">***</span>')
  732.                             }
  733.                         }
  734.                     }
  736.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', false);
  738.                     $(self).button('reset');
  739.                 }
  740.             });
  741.         });
  743.         $(document).on('click', '#apply-code-cart', function() {
  744.             var self = this;
  745.             $.ajax({
  746.                 url: '{{ path("cart_coupon") }}',
  747.                 type: 'POST',
  748.                 data: { coupon: $('#coupon-code').val() },
  749.                 dataType: 'json',
  750.                 beforeSend: function() {
  751.                     $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', true)
  752.                     $(self).button('loading')
  753.                 },
  754.                 success: function(json) {
  755.                     $('.error-text').remove();
  757.                     if ( json.error ) {
  758.                         $(self).parent().after('<div class="error-text col-12 float-start mt-1"><span>' + json.error + '</span></div>');
  759.                         document.querySelector('#coupon-code').style.backgroundColor = '#f6e6e7';
  760.                         document.querySelector('#coupon-code').style.color = '#e25868';
  762.                         $('.steps-content-box a, .cart-content-back a, .plus, .minus, .remove, .btn-checkout, input').prop('disabled', false);
  763.                         $(self).button('reset');
  765.                         return;
  766.                     }
  768.                     location.reload();
  769.                 }
  770.             });
  771.         });
  773.         {% if loginError is defined %}
  774.             {% if loginError.signInRequired is defined %}
  775.                 document.getElementById('log-out-and-log-in-customer').addEventListener('click', () => {
  776.                     ajax.get(
  777.                         "{{ path('customer_logout') }}"
  778.                     );
  779.                 });
  780.             {% else %}
  781.                 document.getElementById('log-out-customer-and-reload').addEventListener('click', () => {
  782.                     ajax.get(
  783.                         "{{ path('customer_logout') }}",
  784.                         {},
  785.                         () => {
  786.                             location.reload();
  787.                         }
  788.                     );
  789.                 });
  790.             {% endif %}
  791.         {% endif %}
  793.         $(document).on('click', '#coupon-remove', function() {
  794.             $.ajax({
  795.                 url: '{{ path("cart_coupon_remove") }}',
  796.                 type: 'POST',
  797.                 dataType: 'json',
  798.                 success: function(json) {
  799.                     $('.cart-content-line.code-applied').remove()
  800.                     location.reload();
  801.                 }
  802.             });
  803.         });
  804.     //--!></script>
  805.     {% if expire is defined %}
  806.         <script type="text/javascript">
  807.             var countDownDate = new Date('{{ expire }}').getTime();
  809.             var counter = setInterval(function() {
  810.                 var now = new Date().getTime();
  811.                 var distance = countDownDate - now;
  813.                 var hours = Math.floor(( distance % ( 1000 * 60 * 60 * 24 )) / ( 1000 * 60 * 60 ));
  815.                 if ( hours < 10 ) {
  816.                     hours = '0' + hours;
  817.                 }
  819.                 var minutes = Math.floor(( distance % ( 1000 * 60 * 60 )) / ( 1000 * 60 ));
  821.                 if ( minutes < 10 ) {
  822.                     minutes = '0' + minutes;
  823.                 }
  825.                 var seconds = Math.floor(( distance % ( 1000 * 60 )) / 1000 );
  827.                 if ( seconds < 10 ) {
  828.                     seconds = '0' + seconds;
  829.                 }
  831.                 if ( document.getElementById("basket-expire") !== null ) {
  832.                     document.getElementById("basket-expire").innerHTML = hours + ':' + minutes + ':' + seconds;
  834.                     if ( distance < 0 ) {
  835.                         clearInterval(counter);
  836.                         document.getElementById("basket-expire").innerHTML = '{{ 'Expired' | trans }}';
  837.                     }
  838.                 }
  839.             }, 1000);
  840.         //--!></script>
  841.     {% endif %}
  842. {% endblock %}