{% extends 'base.html.twig' %}
{% block mainColumnClass %} {{ parent() }} one-column {% endblock %}
{% block main_content %}
<div class="breadcrumbs">
<a href="javascript:window.history.back();"><i class="fa fa-angle-left"></i> Назад</a>
</div>
<div class="clear"></div>
<div id="modal_billing" class="modal-billing refill">
<input type="hidden" id="offerOrderID" value="237009645">
<div id="refillAccountSelectAmount" class="pb-3 px-2">
<div class="d-flex sf-font">
<div class="left col mx-3">
<h3 class="my-4 mb-0">Пополнить счет для покупки товаров и услуг</h3>
<div id="paymentAccordion" class="accordion" data-is-mobile="false">
<div id="paymentVisaMastercardTab" class="collapse in" data-parent="#paymentAccordion" aria-expanded="true" style="">
<div class="card-body">
<form id="bePaidPaymentForm" class="text-center" method="post" action="/payment/bepaid/card/select">
<div class="my-3">
<h4 class="mt-3 pt-2 mb-3">Банковская карта</h4>
<div class="field d-flex justify-content-center align-items-center">
<div class="title mx-1">Сумма</div>
<input id="replenishBalanceWirtualPayInput" class="buyOrderAmount form-element mx-1 text-center sf-bold-font" type="number" step="0.01" name="orderamount" style="width: 93px;" value="">р.
</div>
<div class="d-flex justify-content-center mt-3" style="color:rgba(124, 123, 123, 1)">Мгновенный кэшбэк <p id="ballanceWithoutCashback" class="ml-1">0</p> р.</div>
<div class="d-flex justify-content-center" style="color:rgba(124, 123, 123, 1)">Зачислится <p id="ballanceWithCashback" class="ml-1">0</p> р.</div>
</div>
<input id="replenishBalanceWirtualPay" class="button payment-submit my-3" value="Далее">
</form>
</div>
</div>
</div>
</div>
<div class="right col-5">
<img src="/images/bonus.png" width="48" height="48" alt="">
<p>Кэшбэк на пополнение счета:
<br>- до 100 р. - 1%
<br>- от 100 р. - 5%</p>
<br>
<p>Пополняйте перед каждой покупкой и получайте 5 р. и выше.
<br>Сумма пополнения и бонуса не сгораемая.</p>
<br>
<p>Делайте подарки!
<br>Увеличивайте семейный бюджет!</p>
<p><br>Ищите иконку <a style="background-color: #6747E5;line-height: 23px; text-align: center; padding: 0 10px;box-sizing: border-box; border-radius: .75rem; margin-right: 5px; color: #fff;">SlivkiPay</a> на карточках акций или переходите <a class="color-violet" href="/oplata-slivkipay">по ссылке</a>, чтобы увидеть все предложения с возможностью оплаты со счета SlivkiPay!
</p>
</div>
</div>
</div>
</div>
{% endblock %}
{% block popups %}
{{ parent() }}
{% endblock %}
{% block metrikaEvent %}
<script>
$(function () {
fbq('track', 'Purchase', {currency: "USD", value: 0.3});
});
</script>
{% endblock %}