{% 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">Оплата</h1>
			<div class="pop-head-summ">
				Сумма к оплате: <span>106.15</span> eur
			</div>

			<div class="d-inline-block d-lg-none">
				Страна:
				<div class="dropdown dropdown-relative dropdown-nav-tabs">
					<a href="#" data-toggle="dropdown">
						<span class="dropdown-state"></span>
						<i class="fa fa-caret-down"></i>
					</a>
					<ul class="dropdown-menu" aria-labelledby="dLabel">
						<li>
							<a href="#tab-world" data-toggle="tab">
								<!--<a href="#">-->
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_WORLD.png" alt="" /></i>
									Международный
								</span>
							</a>
						</li>
						<li class="active">
							<a href="#tab-ee" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_EE.png" alt="" /></i>
									Эстония
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-fi" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_FI.png" alt="" /></i>
									Финляндия
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-lv" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_LV.png" alt="" /></i>
									Латвия
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-lt" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_LT.png" alt="" /></i>
									Литва
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-se" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_SE.png" alt="" /></i>
									Швеция
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-dk" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_DK.png" alt="" /></i>
									Дания
								</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<ul class="nav nav-tabs d-none d-lg-block">
			<li class="active">
				<a href="#tab-ee" data-toggle="tab">
					<span class="icobox size_24">
						<i class="ico"><img class="center" src="/images/icons/flags/flag_EE.png" alt="" /></i>
						Эстония
					</span>
				</a>
			</li>
			<li>
				<a href="#tab-fi" data-toggle="tab">
					<span class="icobox size_24">
						<i class="ico"><img class="center" src="/images/icons/flags/flag_FI.png" alt="" /></i>
						Финляндия
					</span>
				</a>
			</li>
			<li>
				<a href="#tab-lv" data-toggle="tab">
					<span class="icobox size_24">
						<i class="ico"><img class="center" src="/images/icons/flags/flag_LV.png" alt="" /></i>
						Латвия
					</span>
				</a>
			</li>
			<li>
				<div class="dropdown dropdown-relative">
					<a href="#" data-toggle="dropdown">
						<span class="dropdown-state" data-default="Другие">Другие</span>
						<i class="fa fa-angle-down"></i>
					</a>
					<ul class="dropdown-menu">
						<li>
							<a href="#tab-world" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_WORLD.png" alt="" /></i>
									Международный
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-lt" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_LT.png" alt="" /></i>
									Латвия
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-se" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_SE.png" alt="" /></i>
									Швеция
								</span>
							</a>
						</li>
						<li>
							<a href="#tab-dk" data-toggle="tab">
								<span class="icobox size_24">
									<i class="ico"><img class="center" src="/images/icons/flags/flag_DK.png" alt="" /></i>
									Дания
								</span>
							</a>
						</li>
					</ul>
				</div>
			</li>
		</ul>
		<div class="pop-body">
			<h6>Выберите метод платежа:</h6>

			<div class="tab-content">
				<!--Estonia-->
				<div role="tabpanel" class="tab-pane active" id="tab-ee">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Swedbank">
								<img src="/images/icons/payment/logo_swedbank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="SEB">
								<img src="/images/icons/payment/logo_seb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Luminor">
								<img src="/images/icons/payment/luminor.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="LHV">
								<img src="/images/icons/payment/logo_lhv.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="COOP Pank">
								<img src="/images/icons/payment/logo_coop.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="PayPal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Cards">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
					</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-trio" class="pop-button pop-button-tile pop-button-tile_wt" title="ALVADI TRIO">
								<i class="image"><img src="/images/icons/payment/alvadi-trio.png" alt="" /></i>
								<span class="pop-button__label">Нажмите для информации</span>
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#installment-liisi" class="pop-button pop-button-tile pop-button-tile_wt" title="Liisi">
								<i class="image"><img src="/images/icons/payment/logo_liisi.png" alt="" /></i>
								<span class="pop-button__label">Нажмите для информации</span>
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#installment-esto" class="pop-button pop-button-tile pop-button-tile_wt" title="esto">
								<i class="image"><img src="/images/icons/payment/esto.png" alt="" /></i>
								<span class="pop-button__label">Нажмите для информации</span>
							</a>
						</div>
					</div>
					<div class="row row-16">
						<div id="installment-trio" 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">
									Рассрочка без дополнительных расходов.<br />
									Сколько берёте, столько и отдаёте. Ни цента больше.<br />
									<br />
									<ul class="list-dotted">
										<li>0 € первый взнос</li>
										<li>0 € плата за договор</li>
										<li>0% интресс</li>
										<li>30, 60 или 90 дней период возвратных платежей</li>
										<li>максимальная сумма рассрочки равна Вашей минимальной зарплате за последние 6 месяцев (но не больше 1000 €)</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">
										Услугу рассрочки клиентам ALVADI предоставляет BuyPlan Estonia OÜ.
									</div>
								</div>
							</div>
						</div>
						<div id="installment-liisi" 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">
									Самая популярная рассрочка в Эстонии для частных лиц.<br />
									Быстрое и удобное оформление договора.<br />
									<br />
									<ul class="list-dotted">
										<li>0 € первый взнос</li>
										<li>от 5 € плата за договор</li>
										<li>от 16% интресс</li>
										<li>от 1 до 60 месяцев период возвратных платежей</li>
										<li>от 80 до 10 000 € сумма рассрочки</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">
										Услугу предлагает Holm Bank AS. Каждый кредит – это финансовое обязательство.
										Тщательно взвесьте своё решение – ознакомьтесь с условиями кредитного договора и при необходимости проконсультируйтесь со специалистом.
										Коэффициент расходности кредита составляет 11.09% при следующих примерных условиях: сумма рассрочки 284 €, период договора 3 месяца,
										фиксированная процентная ставка 0% от суммы кредита в год, плата за договор 10 €, сумма кредита 284 €,
										общая сумма платежей 289 € и сумма возвратных платежей 289 €.
									</div>
								</div>
							</div>
						</div>
						<div id="installment-esto" 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">
									Простая в оформлении рассрочка.<br />
									В ALVADI только ESTO предлагает рассрочку фирмам.<br />
									<br />
									<ul class="list-dotted">
										<li>0 € первый взнос</li>
										<li>от 0 € до 14.90 € плата за договор</li>
										<li>от 0 до 14.90% интресс</li>
										<li>от 3 до 48 месяцев период возвратных платежей</li>
										<li>до 10 000 € максимальная сумма рассрочки</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">
										Каждое финансовое обязательство связано с рисками, поэтому мы просим вас тщательно подумать о необходимости использования услуги рассрочку.
										Например, при сумме кредита 500 € с фиксированной процентной ставкой 9.90% годовых на 48 месяцев и платой за договор в размере 0 €
										ставка затратности кредита составляет 31.95 €, ежемесячный платеж - 17.44 €. Услугу рассрочки ALVADI предлагает ESTO AS.
										При необходимости проконсультируйтесь с сотрудником ESTO AS или другим специалистом.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--Finland-->
				<div role="tabpanel" class="tab-pane" id="tab-fi">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Verkkomaksu">
								<img src="/images/icons/payment/logo_pohjola.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Nordea">
								<img src="/images/icons/payment/logo_nordea.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Alandsbanken">
								<img src="/images/icons/payment/logo_alandsbanken.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Säästöpankki">
								<img src="/images/icons/payment/logo_saastopankki.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Handelsbanken">
								<img src="/images/icons/payment/logo_handelsbanken.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="S-Pankii">
								<img src="/images/icons/payment/logo_S-Pankii.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Akita">
								<img src="/images/icons/payment/logo_actia.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Danske Bank">
								<img src="/images/icons/payment/logo_danske-bank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Omasp">
								<img src="/images/icons/payment/logo_omasp.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="POP Pankki">
								<img src="/images/icons/payment/logo_pop-pankki.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="PayPal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Cards">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Jousto">
								<img src="/images/icons/payment/logo_jousto.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="JCB">
								<img src="/images/icons/payment/logo_jcb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Diners Club">
								<img src="/images/icons/payment/logo_diners_club.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="American Express">
								<img src="/images/icons/payment/logo_amex.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Mastercard">
								<img src="/images/icons/payment/logo_master.png" alt="" />
							</a>
						</div>
					</div>
				</div>
				<!--Latvia-->
				<div role="tabpanel" class="tab-pane" id="tab-lv">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="SEB">
								<img src="/images/icons/payment/logo_seb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Nordea">
								<img src="/images/icons/payment/logo_nordea.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Swedbank">
								<img src="/images/icons/payment/logo_swedbank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Citadele">
								<img src="/images/icons/payment/logo_citadele.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="PayPal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Cards">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
					</div>
				</div>
				<!--Lithuania-->
				<div role="tabpanel" class="tab-pane" id="tab-lt">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="LKU">
								<img src="/images/icons/payment/logo_lku.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Nordea">
								<img src="/images/icons/payment/logo_nordea.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Swedbank">
								<img src="/images/icons/payment/logo_swedbank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Medicinos LT">
								<img src="/images/icons/payment/logo_medicinos_bankas.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Handelsbanken">
								<img src="/images/icons/payment/logo_handelsbanken.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="SB LT">
								<img src="/images/icons/payment/logo_sb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="DND">
								<img src="/images/icons/payment/logo_dnb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Danske Bank">
								<img src="/images/icons/payment/logo_danske-bank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="SEB">
								<img src="/images/icons/payment/logo_seb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Citadele">
								<img src="/images/icons/payment/logo_citadele.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="PayPal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Cards">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
					</div>
				</div>
				<!--Sweden-->
				<div role="tabpanel" class="tab-pane" id="tab-se">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Nordea">
								<img src="/images/icons/payment/logo_nordea.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Handelsbanken">
								<img src="/images/icons/payment/logo_handelsbanken.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="SEB">
								<img src="/images/icons/payment/logo_seb.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Swedbank">
								<img src="/images/icons/payment/logo_swedbank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Skandia">
								<img src="/images/icons/payment/skandia.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Forex Bank">
								<img src="/images/icons/payment/forexBank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Danske Bank">
								<img src="/images/icons/payment/logo_danske-bank.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Länsförsäkringar Blekinge">
								<img src="/images/icons/payment/lansforsakringar.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Ica Banken">
								<img src="/images/icons/payment/icaBanken.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Sparbanken Syd">
								<img src="/images/icons/payment/sparbankenSyd.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Paypal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Visa Mastercard Maestro">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
					</div>
				</div>
				<!--Denmark-->
				<div role="tabpanel" class="tab-pane" id="tab-dk">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="PayPal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Cards">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
					</div>
				</div>
				<!--International-->
				<div role="tabpanel" class="tab-pane" id="tab-world">
					<div class="row row-16">
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="PayPal">
								<img src="/images/icons/payment/logo_paypal.png" alt="" />
							</a>
						</div>
						<div class="mb-16 col-xxs-12 col-xs-6 col-md-4">
							<a href="#" class="pop-button" title="Cards">
								<img src="/images/icons/payment/creditCards.png" alt="" />
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="content-separator"></div>
{% endblock %}