{% extends '../_layouts/_main.twig' %}
{% set pageTitle = 'ALVADI - Корзина' %}
{% block content %}
	<h1 class="mb-12 fs-22">Корзина</h1>

	<div class="mb-24">
		<div class="mb-8">Из-за спецусловий бесплатной доставки, заказы на шины отправляем отдельно.</div>
		<ul class="tireCart-goto">
			<li><a href="http://alvadi.ee/ru/cart-tyres" title=""><img src="/images/examples/tyres001.jpg" alt="" /></a></li>
			<li><a href="http://alvadi.ee/ru/cart-tyres" class="btn btn-warning">Перейти в корзину шин <i class="fa fa-angle-double-right"></i></a></li>
		</ul>
	</div>

	<div class="p-cart">
		<div class="p-cart-table">
			<div class="p-cart-table__th">
				<div class="media">
					<div class="media-body">
						Товар
					</div>
					<div class="media-right">
						<div class="text-nowrap">
							<ul class="p-cart-table__data">
								<li class="date">
									Дата доставки
								</li><li class="price">
									Цена за единицу
								</li><li class="quantity text-center">
									Количество
								</li><li class="discount">
									Скидка
								</li><li class="total">
									Сумма, eur
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="p-cart-table__tr">
				<div class="media">
					<div class="media-left">
						<div class="p-cart-table__image aimbox-link hover" data-href="https://alpics.info/pics/spares/big/14332843.jpg">
							<img src="https://alpics.info/pics/spares/small/14332843.jpg" alt="" />
						</div>
					</div>
					<div class="media-body">
						<div class="media media-responsive-md">
							<div class="media-body">
								<div class="p-cart-table__description with-remover">
									<div class="title">
										<a href="#"><strong>Коврик багажника</strong> (Код: AL129890)</a>
									</div>
									BMW X5 (E70), год выпуска: 08.1983 - 12.1992
									<div class="p-cart-table__explanation">
										<ul class="explanation-head">
											<li><a href="#" data-target="input" data-default="Номер заказа">Номер заказа</a></li>
											<li><a href="#" data-target="textarea" data-default="Комментарий">Комментарий</a></li>
										</ul>
										<ul class="explanation-body">
											<li>
												<div class="form-group">
													<div class="form-field">
														<input class="form-control" type="text" value="" placeholder="Номер заказа" data-default="" />
													</div>
													<div class="explanation-default">
														<a href="#" class="form-control-explanation">192234325</a>
													</div>
												</div>
											</li>
											<li>
												<div class="form-group">
													<div class="form-field">
														<textarea class="form-control" cols="" rows="5" placeholder="Комментарий (max 250 символов)" data-default="" maxlength="250"></textarea>
													</div>
													<div class="explanation-default">
														<a href="#" class="form-control-explanation">Lorem ipsum dolor sit amet, consectetur.</a>
													</div>
												</div>
											</li>
											<li>
												<a href="#" class="btn btn-primary explanation-save">Сохранить</a>
												<a href="#" class="btn btn-link explanation-cancel">Отменить</a>
											</li>
										</ul>
									</div>
									<div class="p-cart-table__remove">
										<a href="#" title="Удалить товар из корзины" onclick="confirm('Удалить товар из корзины?')">
											<i class="fa fa-times"></i>
											<span>Удалить</span>
										</a>
									</div>
								</div>
							</div>
							<div class="media-right">
								<ul class="p-cart-table__data">
									<li class="date">
										<span class="date-highlight">26</span>.<span class="date-highlight">02</span>.2019
									</li><li class="price">
										<strong>120.90</strong>
									</li><li class="quantity text-center">
										<div class="q-counter h">
											<div class="q-counter__minus rounded"></div>
											<div class="q-counter__plus rounded"></div>
											<div class="q-counter__field">
												<input class="form-control" type="text" value="1" />
											</div>
										</div>
										<!--<strong>1 шт.</strong>-->
									</li><li class="discount">
										<strong class="text-success d-none d-xl-block">-15%</strong>
									</li><li class="total">
										<div class="old-price d-xl-none">
											<s>51.27</s><span>-15%</span>
										</div>
										<strong class="text-primary">120.90</strong>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="p-cart-table__tr">
				<div class="media">
					<div class="media-left">
						<div class="p-cart-table__image aimbox-link hover" data-href="https://pics1.alpics.info/pics/spares/big/14332844.jpg">
							<!--<img src="https://pics1.alpics.info/pics/spares/small/14332844.jpg" alt="" />-->
							<img src="http://alvadi.ee/images/carwarmup-v2/carwarmup-l-01.jpg" alt="" data-catwalk="http://alvadi.ee/images/carwarmup-v2/carwarmup-l-{col}.jpg" data-catwalk-option="columns: 36;" />
						</div>
					</div>
					<div class="media-body">
						<div class="media media-responsive-md">
							<div class="media-body">
								<div class="p-cart-table__description with-remover">
									<div class="title">
										<a href="#"><strong>Коврик багажника</strong> (Код: AL671267)</a>
									</div>
									BMW X5 (E70), год выпуска: 08.1983 - 12.1992
									<div class="p-cart-table__explanation">
										<ul class="explanation-head">
											<li><a href="#" data-target="input" data-default="Номер заказа">Номер заказа</a></li>
											<li><a href="#" data-target="textarea" data-default="Комментарий">Комментарий</a></li>
										</ul>
										<ul class="explanation-body">
											<li>
												<div class="form-group">
													<div class="form-field">
														<input class="form-control" type="text" value="" placeholder="Номер заказа" data-default="" />
													</div>
													<div class="explanation-default">
														<a href="#" class="form-control-explanation">192234325</a>
													</div>
												</div>
											</li>
											<li>
												<div class="form-group">
													<div class="form-field">
														<textarea class="form-control" cols="" rows="5" placeholder="Комментарий (max 250 символов)" data-default="" maxlength="250"></textarea>
													</div>
													<div class="explanation-default">
														<a href="#" class="form-control-explanation">Lorem ipsum dolor sit amet, consectetur.</a>
													</div>
												</div>
											</li>
											<li>
												<a href="#" class="btn btn-primary explanation-save">Сохранить</a>
												<a href="#" class="btn btn-link explanation-cancel">Отменить</a>
											</li>
										</ul>
									</div>
									<div class="p-cart-table__remove">
										<a href="#" title="Удалить товар из корзины" onclick="confirm('Удалить товар из корзины?')">
											<i class="fa fa-times"></i>
											<span>Удалить</span>
										</a>
									</div>
								</div>
							</div>
							<div class="media-right">
								<ul class="p-cart-table__data">
									<li class="date">
										<span class="date-highlight">24</span>.<span class="date-highlight">02</span>.2019
									</li><li class="price">
										<strong>20.90</strong>
									</li><li class="quantity text-center">
										<div class="q-counter h">
											<div class="q-counter__minus rounded"></div>
											<div class="q-counter__plus rounded"></div>
											<div class="q-counter__field">
												<input class="form-control" type="text" value="1" />
											</div>
										</div>
										<!--<strong>1 шт.</strong>-->
									</li><li class="discount">
									</li><li class="total">
										<strong class="text-primary">20.90</strong>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="p-cart-table__tr">
				<div class="media">
					<div class="media-left">
						<div class="p-cart-table__image aimbox-link hover" data-href="https://pics3.alpics.info/pics/spares/big/99754.jpg">
							<img src="https://pics3.alpics.info/pics/spares/small/99754.jpg" alt="" />
						</div>
					</div>
					<div class="media-body">
						<div class="media media-responsive-md">
							<div class="media-body">
								<div class="p-cart-table__description with-remover">
									<div class="title">
										<a href="#"><strong>Коврик багажника</strong> (Код: AL798945)</a>
									</div>
									BMW X5 (E70), год выпуска: 10.2006 - 04.2010
									<div class="p-cart-table__explanation">
										<ul class="explanation-head">
											<li><a href="#" data-target="input" data-default="Номер заказа">Номер заказа</a></li>
											<li><a href="#" data-target="textarea" data-default="Комментарий">Комментарий</a></li>
										</ul>
										<ul class="explanation-body">
											<li>
												<div class="form-group">
													<div class="form-field">
														<input class="form-control" type="text" value="" placeholder="Номер заказа" data-default="" />
													</div>
													<div class="explanation-default">
														<a href="#" class="form-control-explanation">192234325</a>
													</div>
												</div>
											</li>
											<li>
												<div class="form-group">
													<div class="form-field">
														<textarea class="form-control" cols="" rows="5" placeholder="Комментарий (max 250 символов)" data-default="" maxlength="250"></textarea>
													</div>
													<div class="explanation-default">
														<a href="#" class="form-control-explanation">Lorem ipsum dolor sit amet, consectetur.</a>
													</div>
												</div>
											</li>
											<li>
												<a href="#" class="btn btn-primary explanation-save">Сохранить</a>
												<a href="#" class="btn btn-link explanation-cancel">Отменить</a>
											</li>
										</ul>
									</div>
									<div class="p-cart-table__remove">
										<a href="#" title="Удалить товар из корзины" onclick="confirm('Удалить товар из корзины?')">
											<i class="fa fa-times"></i>
											<span>Удалить</span>
										</a>
									</div>
								</div>
							</div>
							<div class="media-right">
								<ul class="p-cart-table__data">
									<li class="date">
										26.02.2019
									</li><li class="price">
										<strong>20.90</strong>
									</li><li class="quantity text-center">
										<div class="q-counter h">
											<div class="q-counter__minus rounded"></div>
											<div class="q-counter__plus rounded"></div>
											<div class="q-counter__field">
												<input class="form-control" type="text" value="1" />
											</div>
										</div>
										<!--<strong>1 шт.</strong>-->
									</li><li class="discount">
										<strong class="text-success d-none d-xl-block">-15%</strong>
									</li><li class="total">
										<div class="old-price d-xl-none">
											<s>51.27</s><span>-15%</span>
										</div>
										<strong class="text-primary">20.90</strong>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="p-cart-table__tr">
				<div class="media">
					<div class="media-left">
						<div class="p-cart-table__image">
							<img src="/images/icons/delivery/car-dpd-150x100.png" alt="" />
						</div>
					</div>
					<div class="media-body">
						<div class="media media-responsive-md">
							<div class="media-body">
								<div class="p-cart-table__description">
									<div class="title">
										<a href="#"><strong>Доставка за пределы Таллинна</strong></a>
									</div>
									<div>Товар будет доставлен в Cargobus-терминал</div>
								</div>
							</div>
							<div class="media-right">
								<ul class="p-cart-table__data">
									<li class="date opacity-0">
										00.00.0000
									</li><li class="price">
									</li><li class="quantity text-center">
									</li><li class="discount">
									</li><li class="total">
										<strong class="text-primary">20.90</strong>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div><!--tr-->
		</div><!--.p-cart-table-->

		<div class="mb-16 visible-xs"></div>
		<div class="mb-32 hidden-xs"></div>

		<div class="row">
			<div class="col-12 col-md-6">
				<div class="p-cart__delivery">
					<div class="panel-body">
						<div class="delivery__left">
							<dl>
								<dt>Доставим на адрес:</dt>
								<dd>
									<span class="p-cart-start-highlight">Эстония, Tartu, Turu 2 <strong>(Курьер DPD)</strong></span>
									<img class="flag-shadow" src="/images/flag/ee.png" alt="" width="20" />
								</dd>
							</dl>
							<dl>
								<dt>Ваши контактные данные:</dt>
								<dd>tel. +37256933865</dd>
								<dd>Konstantin Voskoboinikov</dd>
							</dl>
						</div>
						<div class="delivery__right">
							<div class="delivery__date">
								Доставим к: 11.04.2019
								<div class="mb-8"></div>
								<a href="#" class="btn btn-default fw-bold">Изменить доставку</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-12 col-md-6">
				<div class="mb-16 d-lg-none"></div>
				<div class="p-cart__summary">
					<table>
						<tr>
							<td>Сумма:</td>
							<td><strong class="text-primary">97.93</strong></td>
						</tr>
						<tr>
							<td>Налог:</td>
							<td><strong class="text-primary">19.58</strong></td>
						</tr>
						<tr>
							<td class="big">Итого к оплате:</td>
							<td class="big"><strong class="text-primary">117.52</strong></td>
						</tr>
					</table>

					<div class="mb-24">
						<select class="form-control warning max-w-400 ml-auto">
							<option>Оплатить в банке сразу</option>
							<option>Оплатить в рассрочку (свободный лемит: 9.00 eur)</option>
						</select>
					</div>

					<div class="p-cart-installment">
						<div class="i-mark">0%</div>
						<div class="w-installment">
							<a href="#link/on/ajax" class="w-installment-link w-installment-toggle">Рассрочка без процентов!</a>
							<div class="w-installment-popup">
								<ul class="w-installment-popup__tabs nav">
									<li class="active">
										<a href="#tab-trio" data-toggle="tab"><img src="/images/icons/payment/alvadi-trio.png" width="120" alt="" /></a>
									</li>
									<li>
										<a href="#tab-liisi" data-toggle="tab"><img src="/images/icons/payment/elisi-id.png" width="62" alt="" /></a>
									</li>
									<li class="w-installment-closer">
										<a href="#" class="w-installment-toggle"><i class="closer"></i></a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="tab-trio">
										<div class="w-installment-popup__body">
											<div class="w-installment-popup__intro">
												Рассрочка. Сколько берёте, столько отдаёте. Ни цента больше!
											</div>
											<div class="w-installment-popup__price">
												<div class="title">Сумма полностью:</div>
												<div class="price"><strong>146.16</strong> eur</div>
											</div>
										</div>
										<div class="w-installment-popup__body water">
											<div class="mb-8">Сделайте свой выбор:</div>
											<div class="w-installment-trio">
												<label data-divider="3">
													<input type="radio" name="installmentType" value="" checked />
													<i class="arr"></i>
													<span class="data">
														<span class="day"><strong>90</strong> дней</span>
														<span class="parts"><strong>3-мя</strong> частями</span>
														<span class="price"><strong class="js-calc-price">48.72</strong><b>€</b></span>
													</span>
												</label>
												<label data-divider="2">
													<input type="radio" name="installmentType" value="" />
													<i class="arr"></i>
													<span class="data">
														<span class="day"><strong>60</strong> дней</span>
														<span class="parts"><strong>2-мя</strong> частями</span>
														<span class="price"><strong class="js-calc-price">73.08</strong><b>€</b></span>
													</span>
												</label>
												<label data-divider="1">
													<input type="radio" name="installmentType" value="" />
													<i class="arr"></i>
													<span class="data">
														<span class="day"><strong>30</strong> дней</span>
														<span class="parts"><strong>1-м</strong> платежом</span>
														<span class="price"><strong class="js-calc-price">146.16</strong><b>€</b></span>
													</span>
												</label>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="tab-liisi">
										<div class="w-installment-popup__body">
											<div class="w-installment-popup__intro">
												Liisi ID − самая популярная рассрочка в Эстонии
											</div>
											<div class="w-installment-popup__price">
												<div class="title">Сумма полностью:</div>
												<div class="price"><strong>146.16</strong> eur</div>
											</div>
										</div>
										<div class="w-installment-popup__body water">
											<div class="w-installment-liisi">
												<div class="liisi-label">Месячный платёж:</div>
												<div class="liisi-row">
													<div class="liisi-select">
														<select class="form-control">
															<option>1 месяцев</option>
															<option>3 месяцев</option>
															<option>6 месяцев</option>
														</select>
													</div>
													<div class="liisi-price">
														<strong>24.36</strong> eur
													</div>
												</div>
												<div class="liisi-row-sep"></div>
												<div class="liisi-label">Первый взнос:</div>
												<div class="liisi-row">
													<div class="liisi-select">
														<select class="form-control">
															<option>0%</option>
															<option>25%</option>
															<option>50%</option>
														</select>
													</div>
													<div class="liisi-price">
														<strong>0.0</strong> eur
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<button class="btn btn-lg btn-primary js-emphasis-button btn-emphasis">Оформить заказ <i class="fa fa-angle-double-right pl-4"></i></button>
				</div>
			</div>
		</div>

	</div><!--.p-cart-->
	<div class="content-separator"></div>
{% endblock %}