<div class="checkout__cart checkout__cart--full" id="js-checkout-cart">
<div class="checkout__cart-header checkout__cart-row">
<div class="checkout__cart-title">
Ваш заказ:
</div>
<div class="checkout__cart-products-num checkout__cart-row">
{{ order.orderProductsCount|productsPlural }}
</div>
</div>
{% if isCart == false %}
<div class="checkout__cart-block">
<label class="checkout__cart-epk checkout__cart-bonus checkout__cart-row {% if useBonusesAllowed == false %} disabled {% endif %}">
<input type="checkbox"
data-url="{{ path('toggle_use_bonuses') }}"
id="js-checkout-use-bonus"
{% if order.useBonuses %} checked {% endif %}
{% if useBonusesAllowed == false %} disabled {% endif %}
value="1">
<span class="checkout__cart-epk-box">Использовать бонусы {% if currentCustomer.customerEntity.bonusNumber == 0 %} (0){% endif %} <span
class="checkout__delivery-warning-icon checkout__delivery-warning-icon--cart js-shipping-info-popup"
style="margin-left: auto;"
data-content="Можно оплатить до 10% от суммы покупки за счет доступных бонусов"></span></span>
<span class="checkout__cart-row-shadow"></span>
</label>
<label class="checkout__cart-epk checkout__cart-row {% if applyPromoCodeAllowed == false %} disabled {% endif %}"
id="js-checkout-code-chk">
<input type="checkbox"
{% if order.promoCode %} checked {% endif %}
{% if applyPromoCodeAllowed == false or order.promoCode %} disabled {% endif %}
name="delivery[usePromoCode]"
value="1">
<span class="checkout__cart-epk-box">{% if order.promoCode %}Применен{% else %}Использовать{% endif %} промокод: <span
class="checkout__delivery-warning-icon checkout__delivery-warning-icon--cart js-shipping-info-popup"
style="margin-left: auto;"
data-content="Промокод нельзя применить одновременно с использованием бонусов. Выберите один вариант."></span></span>
<span class="checkout__cart-row-shadow"></span>
</label>
{% if order.promoCode %}
<div id="js-checkout-code-form">
<div class="checkout__cart-epk-form">
<div class="checkout__cart-epk-input-block">
<input type="text" disabled
value="{{ order.promoCode.code }}">
</div>
<button class="btn-remove js-apply-promo" data-url="{{ path('remove_promocode') }}" title="Удалить промокод">
Удалить
</button>
</div>
</div>
{% if finance.productsDiscountSum > 0 %}
<div style="font-size: 14px;font-weight: 700;color: #ef3381;margin-top: 8px">Промокод действует только на товары без
скидок
</div>
{% endif %}
{% else %}
<div id="js-checkout-code-form" class="hidden">
<div class="checkout__cart-epk-form">
<div class="checkout__cart-epk-input-block">
<input type="text" id="js-promo-input"
name="checkout[promoCode]" placeholder="Введите промокод">
<div class="input-error" id="js-promo-error"></div>
</div>
<button class="js-apply-promo" data-url="{{ path('set_promocode') }}">
Применить
</button>
</div>
</div>
{% endif %}
<label class="checkout__cart-epk checkout__cart-row mt-20 mb-0"
id="js-checkout-epk-chk">
<input type="checkbox"
{% if order.appliedGiftCards.count %} checked disabled {% endif %}
name="delivery[isEpk]" value="1">
<span class="checkout__cart-epk-box">Подарочный сертификат</span>
</label>
{% if order.appliedGiftCards.count %}
<div>
{% for epk in order.appliedGiftCards %}
<div class="checkout__cart-epk-form">
<div class="checkout__cart-epk-input-block">
<input type="text"
disabled
value="{{ epk.code }}"
name="checkout[epk]"
class="js-epk-input">
</div>
<button id="js-apply-epk" data-url="{{ path('remove_epk',{'code':epk.code}) }}" title="Удалить карту">
Удалить
</button>
</div>
{% endfor %}
<div class="checkout__cart-epk-form" style="display: none" id="js-epk-new-row">
<div class="checkout__cart-epk-input-block">
<input type="text"
value=""
name="checkout[epk]"
class="js-epk-input">
<div class="input-error js-epk-error">Неправильный номер сертификата</div>
</div>
<button id="js-apply-epk" data-url="{{ path('set_epk') }}">
Применить
</button>
</div>
<a href="#" style="display: flex; margin: 10px; font-size: 22px; align-items: center;" id="js-add-epk-row">
+ <span style="border-bottom: 1px dashed;font-size: 14px;margin-left: 6px;">Добавить подарочную карту</span>
</a>
</div>
{% else %}
<div class="hidden" id="js-checkout-epk-form">
<div class="checkout__cart-epk-form">
<div class="checkout__cart-epk-input-block">
<input type="text" name="checkout[epk]" class="js-epk-input" placeholder="Введите номер сертификата">
<div>
<a href="javascript:;" id="js-shipping-info-popup"
style="font-size: 10px;border-bottom: 1px dashed;">где найти номер?</a>
</div>
<div class="input-error js-epk-error">Неправильный номер сертификата</div>
</div>
<button id="js-apply-epk" data-url="{{ path('set_epk') }}">
Применить
</button>
</div>
</div>
{% endif %}
</div>
{% endif %}
<div class="checkout__cart-block">
<div class="checkout__cart-products checkout__cart-row">
<div>Товары ({{ order.orderProductsCount }})</div>
<div>{{ finance.productsRawSum|priceNice }} <span class="rouble">₽</span></div>
</div>
{% for calc in finance.calculationsOrderByPriority %}
<div class="checkout__cart-discount checkout__cart-row">
<div>{{ calc.fullTitle }}</div>
<div> {% if calc.decrease %}- {% endif %}{{ calc.sum|priceNice }} <span class="rouble">₽</span></div>
</div>
{% endfor %}
</div>
<div class="checkout__cart-block">
<div class="checkout__cart-total checkout__cart-row">
<div class="checkout__cart-total-title">Итого: <div style="margin-top: 5px;font-size: 12px;font-weight: normal">В том числе НДС 5%</div></div>
<div class="checkout__cart-total-sum">{{ finance.sumToPay }} <span class="rouble">₽</span> <div style="margin-top: 5px;font-size: 12px;font-weight: normal">{{ finance.vat5 }} <span class="rouble">₽</span></div></div>
</div>
</div>
{% if currentCustomer.auth %}
<div class="checkout__cart-discount checkout__cart-row mt20">
<div>Бонусы за заказ</div>
<div style="color: #2ea12e;">+ {{ finance.bonusCollected|priceNice }}</div>
</div>
{% endif %}
{{ freeShippingRemain(order)|raw }}
{% if isCart is defined and isCart == true %}
<div style="position:relative;">
{% if order.orderProductsCount == 0 %}
<div class="checkout__btn-shadow"></div>
{% endif %}
<a href="#"
class="color-btn color-btn--checkout__submit-btn" id="js-go-to-checkout">Перейти к оформлению
</a>
</div>
{% else %}
<div style="position:relative;">
{# {% if validForCreation != true %} #}
{# <div class="checkout__btn-shadow"></div> #}
{# {% endif %} #}
<button data-url="{{ path('create_order') }}"
class="color-btn color-btn--checkout__submit-btn" id="js-create-order">Оформить заказ
</button>
{# <div class="login-modal__info"> #}
{# При входе, регистрации и оформлении заказов вы соглашаетесь с <a href="/info/agreements/personal-data">Политикой обработки персональных данных</a>, <a href="/info/agreements/privacy-policy">Политикой конфиденциальности</a> и <a href="/info/agreements/user-agreement">Пользовательским соглашением (Публичной офертой)</a> #}
{# </div> #}
</div>
{% endif %}
<div class="input-error-na hidden" data-key="cart">
В корзине есть товары, которых уже нет в наличии. <a href="/cart" style="text-decoration: underline">Перейти в корзину</a>
</div>
<div class="shadow invisible shadow--bottom-spin" id="js-cart-shadow">
<img src="{{ asset('img/spinner.svg') }}" alt="wait" height="74" width="74">
</div>
</div>
{% block scripts %}
<script>
currentStep = 1;
document.addEventListener("DOMContentLoaded", function (event) {
$('body').on('click', '#js-add-epk-row', function (event) {
event.preventDefault();
let html = $('#js-epk-new-row').html();
$(this).before('<div class="checkout__cart-epk-form">' + html + '</div');
$(this).hide();
return false;
});
});
</script>
{% endblock %}