{% extends template ~ '.html.twig' %}

{% block title %}{{ title }}{% endblock %}

{% block bonusWidget %}
	<div class="sova-bonus-line">
		{% if isShowInRegion([91,92,93]) %}
        	<img class="sova-bonus-line__logo" src="img/sova-bonus-logo.svg" />
		{% endif %}
        <div class="sova-bonus-line__text">бонусов на счете: <span id="bonus-widget">0</span></div>
    </div>
{% endblock %}

{% block body %}
	{% if app.request.get('pay') is not null %}
	    {% if app.request.get('pay') is defined and app.request.get('pay') == 'true' %}
		    <div class="alert alert-success alert-dismissible fade show" role="alert">
		        Спасибо! <br>Оплата прошла успешно. <br>Текущий статус платежей доступен в разделе "Финансы"
		        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		            <span aria-hidden="true">&times;</span>
		        </button>
		    </div>
	    {% else %}
		    <div class="alert alert-danger alert-dismissible fade show" role="alert">
		        Ошибка платежа! <br>К сожалению, возникла ошибка проведения платежа, просьба повторить его чуть позже.
				<br>Вы можете связаться с нами по вопросам оплаты через раздел "Помощь"
		        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		            <span aria-hidden="true">&times;</span>
		        </button>
		    </div>
	    {% endif %}
	{% endif %}

	<div id="security-payment" data-controller="payment">
    	<div class="main payment-wrap">
			<div class="finance block-content payment-item d-none">
				<div class="finance__date"><span class="month"></span>, <span class="date"></span></div>
				<div class="finance__name comment"></div>
				<div class="finance__bill">
					Счет № <span class="pay-id"></span> 
					от <span class="pay-date"></span>  
					<br> <span class="service"></span>
				</div>
				<div class="finance__staff">Специалист: <br> <span class="specialist"></span></div>
				<div class="finance__filial address"></div>
				<div class="pay">
					 <button class="finance__btn button-revers d-none">Оплатить&nbsp;<span class="amt">0</span>&nbsp;₽</button>
					<div class="finance__price price d-none">Оплачено&nbsp;<span class="amt">0</span>&nbsp;₽</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}
