<%@ page contentType="text/html; charset=UTF-8"%><%@ include file="/WEB-INF/jspf/include/taglibs.jsp"%>

<div class="tile" style="font-family: sans-serif; margin: 0px auto; width: 80vw; display: flex; justify-content: center; flex-direction: column; align-items: center;">
<div style="margin-top: 3rem;"><img src="${pageContext.request.contextPath}/img/default/payment_sbp.png" title="СБП - система быстрых платежей"  style="height: 5rem;"></div>
<div><a href="${formUrl}"><img src="data:image/png;base64,${qrImgData}" style="width: 80vw; max-width: 400px;" title="${formUrl}"></a></div>
<c:choose>
	<c:when test="${android or apple}">
		<c:set var="fs">3</c:set>
		<div style="margin-top: 2rem;"><button style="font-size: ${fs}rem; padding: 1rem;" onclick="document.location.href='${formUrl}'">Перейти в приложение банка для оплаты</button></div>
	</c:when>
	<c:otherwise>
		<c:set var="fs">1.5</c:set>
		<div style="font-size: 1.4rem; text-align: justify;">Для оплаты по данному QR-коду, необходимо использовать мобильное приложение вашего банка.
		На смартфоне откройте приложение вашего банка и найдите в нем функцию оплаты по QR-коду. 
		Отсканируйте код приведенный выше, после чего у вас должна открыться форма оплаты. Подвердите оплату.
		После оплаты, нажмите кнопку ниже "Вернуться в Личный кабинет"</div>
	</c:otherwise>
</c:choose>
<div style="margin-top: 2rem;"><button class="btn btn-primary" style="font-size: ${fs}rem; padding: 1rem;" onclick="document.location.href='webexecuter?module=${module}&mid=${moduleId}&action=DoTransaction&operation=check&paymentId=${paymentId}'">Вернуться в Личный кабинет</button></div>
</div>