{% extends '../_layouts/_main.twig' %}
{% set pageTitle = 'ALVADI - Корзина' %}
{% block content %}
	<div class="p-cart">
		<div class="p-cart__head"><h1 class="mb-4">Корзина</h1>
			<div class="p-cart__topSummary">
				На скидках Вы экономите: <strong class="summary">54.50 eur</strong>
			</div>
		</div>
		<div class="p-cart__body">
			<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://pics1.alpics.info/pics/spares/big/30783317.jpg" data-closer="Закрыть окно"><img src="https://alpics.info/pics/spares/small/30783317.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="/ru/kataloog/varuosa/30783317/"><strong>Бампер</strong> (код: AL30783317)</a>
										</div>
										{% include '_parts/_vin-checker.twig' %}
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="/ru/cart/remove/30783317/1/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0"><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">20.09.2021</li>
										<li class="price"><strong style="">75.91</strong></li>
										<li class="quantity text-center">
											<div class="q-counter h">
												<div class="q-counter__minus rounded qty-updater ask-for-delete" data-href="/ru/cart/remove/30783317/1/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0"></div>
												<div class="q-counter__plus rounded qty-updater" data-qty="4" data-href="/ru/cart/add/30783317/1?modelId=0&amp;_cs=6&amp;fromCart=1&amp;cartType=0&amp;rnd=1631781514"></div>
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="/ru/cart/update/30783317/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0" value="1">
												</div>
											</div>
										</li>
										<li class="discount"><strong class="text-success d-none d-xl-block"></strong></li>
										<li class="total"><strong class="text-primary">75.91</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://alpics.info/pics/spares/big/51228.jpg" data-closer="Закрыть окно"><img src="https://pics3.alpics.info/pics/spares/small/51228.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="/ru/kataloog/varuosa/51228/"><strong>Фара основная</strong> (код: AL51228)</a>
										</div>
										VW TRANSPORTER (T4)/CARAVELLE/MULTIVAN, год выпуска: 07.1990 - 03.2003
										{% include '_parts/_vin-checker.twig' %}
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="/ru/cart/remove/51228/1/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0"><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">16.09.2021</li>
										<li class="price"><strong style="">714.16</strong></li>
										<li class="quantity text-center">
											<div class="q-counter h">
												<div class="q-counter__minus rounded qty-updater ask-for-delete" data-href="/ru/cart/remove/51228/1/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0"></div>
												<div class="q-counter__plus rounded qty-updater" data-qty="1" data-href="/ru/cart/add/51228/1?modelId=0&amp;_cs=6&amp;fromCart=1&amp;cartType=0&amp;rnd=1631781514"></div>
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="/ru/cart/update/51228/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0" value="1">
												</div>
											</div>
										</li>
										<li class="discount">
											<strong class="text-success d-none d-xl-block">-7%</strong>
											<div class="old-price d-xl-none"><s>714.16</s><span>-7%</span></div>
										</li>
										<li class="total"><strong class="text-primary">662.16</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/22701623.jpg" data-closer="Закрыть окно"><img src="https://pics3.alpics.info/pics/spares/small/22701623.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="/ru/kataloog/varuosa/22701623/"><strong>Решетка в бампере</strong> (код: AL22701623)</a>
										</div>
										{% include '_parts/_vin-checker.twig' %}
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="/ru/cart/remove/22701623/1/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0"><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">16.09.2021</li>
										<li class="price"><strong style="">16.18</strong></li>
										<li class="quantity text-center">
											<div class="q-counter h">
												<div class="q-counter__minus rounded qty-updater ask-for-delete" data-href="/ru/cart/remove/22701623/1/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0"></div>
												<div class="q-counter__plus rounded qty-updater" data-qty="1" data-href="/ru/cart/add/22701623/1?modelId=0&amp;_cs=6&amp;fromCart=1&amp;cartType=0&amp;rnd=1631781514"></div>
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="/ru/cart/update/22701623/0?_cs=6&amp;rnd=1631781514&amp;fromCart=1&amp;cartType=0" value="1">
												</div>
											</div>
										</li>
										<li class="discount"><strong class="text-success d-none d-xl-block"></strong></li>
										<li class="total"><strong class="text-primary">16.18</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/kuller-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="/ru/cart/delivery"><strong>Доставка по Таллинну</strong></a>
										</div>
										<div>Товар будет доставлен на Ваш адрес (Kuller)</div>
										<div class="max-w-300">
											<div class="mb-8"></div>
											<div class="icobox size_32 color-green fs-14">
												<svg class="ico top-n-4">
													<use xlink:href="/images/svg/main-sprite.svg#truck-free-delivery"></use>
												</svg>
												Для Вас доставка бесплатная, т.к. товаров на сумму более 39 евро!
											</div>
										</div>
									</div>
								</div>
								<div class="media-right">
									<ul class="p-cart-table__data">
										<li class="price"><s><strong>2.50</strong></s></li>
										<li class="quantity text-center d-none d-xl-inline-block"></li>
										<li class="discount">
											<strong class="text-success d-none d-xl-inline-block" data-toggle="tooltip" data-placement="bottom" data-bs.tooltip.class="tooltip-green tooltip-shadow fs-16" data-container="body" title="" data-original-title="Скидка: -2.50 eur">-100%</strong>
										</li>
										<li class="total">
											<div class="old-price d-xl-none"><s>2.50</s><span>-100%</span></div>
											<strong class="text-primary">0.00</strong>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div><!--tr-->
			</div><!--.p-cart-table-->
		</div>
		<div class="p-cart__footer">
			<div class="p-cart-footer__row">
				<div class="p-cart-footer__body">
					<div class="p-cart__delivery">
						<div class="panel-body">
							<dl>
								<dt>Ваши контактные данные:</dt>
								<dd>Тел. +79997775533</dd>
								<dd>Aleksey P.</dd>
							</dl>
							<dl>
								<dt>Доставим на адрес:</dt>
								<dd><span>The Earth, Tallinn 000999, Estonia <strong>(Kuller)</strong></span></dd>
							</dl>
							<div class="delivery__date">
								Доставим к: 20.09.2021
								<div class="mb-8"></div>
								<a href="/ru/cart/delivery" class="btn btn-default fw-bold">Изменить доставку</a></div>
						</div>
					</div>
				</div>
				<div class="p-cart-footer__side">
					<div class="mb-32 d-lg-none"></div>
					<div class="p-cart-summary">
						<div class="p-cart-summary__body">
							<div class="p-cart-summary__total">
								Итого к оплате, eur:
								<strong>754.25</strong></div>
							<div class="p-cart-summary-backdrop"></div>
							<div class="p-cart-summary-popup">
								<span class="closer size_16 p-cart-summary-toggler"></span>
								<div class="p-cart-summary-popup__head">
									Включён эстонский налог с оборота 20%.<br>
									Номер налогообложения Alvadi OÜ: EE101288462.
								</div>
								<div class="p-cart-summary-popup__body">
									<table>
										<tbody>
										<tr>
											<td>Сумма:</td>
											<td><strong>628.54</strong></td>
										</tr>
										<tr>
											<td>Налог:</td>
											<td><strong>125.71</strong></td>
										</tr>
										<tr>
											<td class="big">Итого к оплате, eur:</td>
											<td class="big"><strong>754.25</strong></td>
										</tr>
										</tbody>
									</table>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="p-cart-summary__tax">
							<a href="#" class="p-cart-summary-toggler">Налог 20% включён</a></div>
					</div>
					<div class="text-right">
						<div class="mb-32"></div>
						<form class="form-spin-onsubmit" action="/ru/cart" method="POST">
							<input type="hidden" name="action" value="order_payment">
							<div class="b-disabled__overlay white"></div>
							<div class="form-field d-inline-block">
								<button type="submit" class="btn btn-lg btn-primary btn-spin-onsubmit px-40 js-emphasis-button btn-emphasis " href=".alert-danger">Оформить заказ
									<i class="fa fa-angle-double-right pl-4"></i></button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="content-separator"></div>
{% endblock %}
{% block modals %}
	<div class="modal modal-flex fade" id="modal-find-vin" tabindex="-1" role="dialog" aria-labelledby="modal-find-vin">
		<div class="modal-dialog modal-lg modal-dialog-scrollable">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-body">

					<div class="modal-cart-vinInfo">
						<div class="panel-group" id="vinInfo">
							<div class="panel">
								<div  class="panel-head">
									<a href="#vinInfoOne" class="collapsed" data-toggle="collapse" data-parent="#vinInfo">
										Как мы проверяем совместимость товара по VIN-коду? <i class="fa fa-angle-up"></i>
									</a>
								</div>
								<div id="vinInfoOne" class="panel-collapse collapse">
									<div class="panel-body">
										<h6 class="mb-8 fs-18">1) Заказ</h6>
										Мы проверим на совместимость товары из Вашего заказа с Вашим автомобилем.
										<br />Мы обработаем и подготовим Ваш заказ к отправке, но отправим его только после проверки на совместимость с Вашим автомобилем. Если заказ подходит для Вашего автомобиля, то отправим товар сразу.
										<br /><br />
										<h6 class="mb-8 fs-18">2) Проверка</h6>
										С помощью программы мы определим, подходят ли выбранные запчасти на Ваш автомобиль.
										<br /><br />
										<h6 class="mb-8 fs-18">3) После проверки</h6>
										После проверки нашим специалистом, Вы получите email и SMS с информацией о Вашем заказе.
										<br />Заказ с верно выбранными запчастями отправим без изменений.
										<br />Неверно выбранному товару подберём аналог по той же цене, того же качества.
										<br />Если замена невозможна - мы свяжемся с Вами.
										{#
										<h6 class="mb-8 fs-18">1. Что будет с Вашим заказом, если Вы захотите, чтобы мы проверили его</h6>
										Ваш заказ будет обработан и подготовлен нами, но его не передадут в транспортную компанию, пока он не будет проверен на совместимость с Вашим авто нашими специалистами. Это занимает от одного до трёх часов времени (в зависимости от загруженности наших работников), поэтому если в Вашем заказе не потребуются изменения- дата поставки не изменится.
										<br /><br />
										<h6 class="mb-8 fs-18">2. Как будет проверять специалист</h6>
										Наши специалисты будут использовать профессиональные программное обеспечение и интернет-ресурсы, с помощью которых они смогут точно определить, подходят ли выбранные Вами запчасти к Вашему авто.
										<br /><br />
										<h6 class="mb-8 fs-18">3. Что будет после проверки</h6>
										Когда наш специалист проверит Ваш заказ − Вы получите Email и SMS сообщение с информацией о Вашем заказе. Если запчасти были выбраны Вами верно − заказ будет отправлен Вам без изменений. Если какой-то из товаров окажется неверным − наш специалист найдёт ему аналог по такой же цене и такого же качества. Если по какой-то причине это окажется невозможным - он с Вами свяжется сам, чтобы прийти к решению.
										#}
									</div>
								</div>
							</div>
							<div class="panel">
								<div  class="panel-head">
									<a href="#vinInfoTwo" class="collapsed" data-toggle="collapse" data-parent="#vinInfo">
										Что такое VIN-код и где его искать? <i class="fa fa-angle-up"></i>
									</a>
								</div>
								<div id="vinInfoTwo" class="panel-collapse collapse">
									<div class="panel-body">
										<p>VIN-код — это номер кузова автомобиля (Vehicle Identification Number).
											<br />Этот уникальный код состоит из 17-ти символов.
											<br />На разных моделях местоположение VIN-кода может быть разным.</p>
										<br />
										<h6>Под рукой техпаспорт?</h6>
										<p>В техпаспорте VIN-код, как правило указан в самом начале.
											<br />Вот как он выглядит в эстонском техпаспорте:</p>
										<p><img class="w-400" src="/images/pages/cart/vin-1.png" alt="" /></p>
										<br />
										<h6>Неподалёку страховой полис?</h6>
										<p>Найдите в переписке полис, который вам прислала страховая фирма, и там Вы наверняка обнаружите VIN-номер.</p>
										<p><img class="w-400" src="/images/pages/cart/vin-2.png" alt="" /></p>
										<br />
										<h6>Под лобовым стеклом</h6>
										<p>Современные производители указывают ВИН-код под лобовым стеклом со стороны водителя.</p>
										<p><img class="w-400" src="/images/pages/cart/vin-3.png" alt="" /></p>
										<p>Если Вы не нашли VIN-код под лобовым стеклом, возможно стекло было заменено и теперь код скрыт. Или же VIN-код не был там указан изначально. В любом случае, существует ещё несколько вариантов, где можно найти VIN-код.</p>
										<br />
										<h6>В других местах на кузове</h6>
										<p>Есть несколько мест на кузове, где можно отыскать VIN.Имейте в виду, что разные производители используют разные места для нанесения Вин-кода.И кстати, при покупке автомобиля не лишним будет сверить VIN-номер в нескольких местах.</p>
										<p><img class="w-300" src="/images/pages/cart/vin-4.png" alt="" /></p>
										<br />
										<h6>На стойке водительской двери</h6>
										(ищите чёрную табличку)
										<p><img class="w-300" src="/images/pages/cart/vin-5.png" alt="" /></p>
										<br />
										<h6>Под обшивкой пола</h6>
										<p>Снимите коврик и посмотрите нет ли небольшого люка, который можно открыть. Может быть как со стороны водительского так и пассажирского сиденья.</p>
										<p><img class="w-300" src="/images/pages/cart/vin-6.png" alt="" /></p>
										<br />
										<h6>Под капотом</h6>
										<p>Может быть как со стороны пассажира так и со стороны водителя</p>
										<p><img class="w-300" src="/images/pages/cart/vin-7.png" alt="" /></p>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
				<div class="modal-footer">
					<div class="text-center">
						<a href="#" class="btn btn-primary px-24" data-dismiss="modal">Закрыть</a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}