{% extends '../_layouts/_main.twig' %}
{% set pageTitle = 'ALVADI - Оплата заказа' %}
{% block content %}
	<div class="page-order-payment ver2">
		<div class="mb-8"></div>
		<div class="pop-head">
			<h1 class="hidden-xs">Maksaminen</h1>
			<div class="pop-head-summ">
				Yhteensä maksamiseksi: <span>684.23</span> eur
			</div>
		</div>

		<div class="pop-body">
			<h6>Valitse maksutapa:</h6>

			<div class="row row-16">
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="OP (Osuuspankki)" data-form-id="duplicate_verkkomaksut_0">
						<img src="https://pics2.alpics.info/web/public/images/icons/payment/logo_pohjola.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Nordea" data-form-id="duplicate_verkkomaksut_1">
						<img src="https://pics1.alpics.info/web/public/images/icons/payment/logo_nordea.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Säästöpankki" data-form-id="duplicate_verkkomaksut_2">
						<img src="https://alpics.info/web/public/images/icons/payment/logo_saastopankki.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Danske Bank" data-form-id="duplicate_verkkomaksut_3">
						<img src="https://alpics.info/web/public/images/icons/payment/logo_danske-bank.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Alandsbanken" data-form-id="duplicate_verkkomaksut_4">
						<img src="https://pics2.alpics.info/web/public/images/icons/payment/logo_alandsbanken.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Handelsbanken" data-form-id="duplicate_verkkomaksut_5">
						<img src="https://pics1.alpics.info/web/public/images/icons/payment/logo_handelsbanken.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="S-Pankki" data-form-id="duplicate_verkkomaksut_6">
						<img src="https://pics2.alpics.info/web/public/images/icons/payment/logo_S-Pankii.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Aktia" data-form-id="duplicate_verkkomaksut_7">
						<img src="https://pics3.alpics.info/web/public/images/icons/payment/logo_actia.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="OmaSp" data-form-id="duplicate_verkkomaksut_8">
						<img src="https://alpics.info/web/public/images/icons/payment/logo_omasp.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="POP Pankki" data-form-id="duplicate_verkkomaksut_9">
						<img src="https://pics3.alpics.info/web/public/images/icons/payment/logo_pop-pankki.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="American Express" data-form-id="duplicate_verkkomaksut_10">
						<img src="https://pics3.alpics.info/web/public/images/icons/payment/logo_amex.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="Visa" data-form-id="duplicate_verkkomaksut_12">
						<img src="https://pics2.alpics.info/web/public/images/icons/payment/logo_visa.png" alt="">
					</a>
				</div><!--col-->
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#" class="pop-button payment-link-target" title="MasterCard" data-form-id="duplicate_verkkomaksut_13">
						<img src="https://alpics.info/web/public/images/icons/payment/logo_master.png" alt="">
					</a>
				</div><!--col-->
			</div>

			<div class="mb-60"></div>

			<h6>Выберите вариант рассрочки:</h6>
			<div class="row row-16">
				<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
					<a href="#installment-jousto" class="pop-button pop-button-tile" title="Jousto">
						<img src="https://pics3.alpics.info/web/public/images/icons/payment/joustoosamaksu.png" alt="" />
					</a>
				</div>
			</div>
			<div class="row row-16">
				<div class="mb-16 col-xxs-12 col-xs-12 pop-tile-pane"></div>
				<div id="installment-jousto" class="mb-16 col-xxs-12 col-xs-12 pop-tile-pane">
					<div class="panel panel-default">
						<a href="#" class="closer size_16"></a>
						<div class="panel-body">
							Удобный способ оплаты в ALVADI.<br />
							Закажите сейчас, оплатите позже.<br />
							<br />
							<ul class="list-dotted">
								<li>0 € первый взнос</li>
								<li>3,90 € - ежемесячная плата за обслуживание кредита</li>
								<li>19,9% интресс</li>
								<li>30 дней беспроцентной рассрочки</li>
								<li>До 36 месяцев период возвратных платежей</li>
							</ul>

							<div class="mb-16"></div>
							<a href="#" class="btn btn-lg btn-primary btn-emphasis">Оплатить в рассрочку <i class="fa fa-angle-double-right"></i></a>
							<div class="mb-16"></div>

							<div class="color-wild">
								Каждое финансовое обязательство связано с рисками, поэтому просим Вас тщательно подумать о необходимости использования услуги рассрочки.
								Например, при покупке на сумму 1000 €, выплачиваемой 12 равными ежемесячными платежами по 92,59 €, годовая процентная ставка составляет 21,82%,
								а общая сумма возвратных платежей составляет 1111,04 €.
								Сумма возвратных платежей не включает ежемесячную плату в размере 3,90 €, взимаемую для обслуживания кредита.
								Кредитором является: Aurajoki Nordic Oy
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="content-separator"></div>
{% endblock %}