{% 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://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/2874">
												<strong>Фара основная</strong> (код: AL51228)
											</a>
										</div>
										BMW X5 (E70), год выпуска: 10.2006 - 04.2010
										<div class="p-cart-table__special-order">
											<a href="#modal-special-order" data-toggle="modal">Спецзаказ.</a>
											Товар имеет ограничения по возврату.
										</div>
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="/ru/cart/remove/51228/1/2874?_cs=6&amp;rnd=1631119793&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">
											08.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/2874?_cs=6&amp;rnd=1631119793&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=2874&amp;_cs=6&amp;fromCart=1&amp;cartType=0&amp;rnd=1631119793"></div>
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="/ru/cart/update/51228/2874?_cs=6&amp;rnd=1631119793&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://pics2.alpics.info/pics/spares/big/31156107.jpg" data-closer="Закрыть окно">
								<img src="https://alpics.info/pics/spares/small/31156107.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/31156107/2874">
												<strong>Стоп-сигнал</strong> (код: AL31156107)
											</a>
										</div>
										BMW X5 (E70), год выпуска: 10.2006 - 04.2010
										<div class="p-cart-table__special-order">
											<a href="#modal-special-order" data-toggle="modal">Спецзаказ.</a>
											Товар имеет ограничения по возврату.
										</div>
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="/ru/cart/remove/31156107/1/2874?_cs=6&amp;rnd=1631119793&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">
											10.09.2021
										</li>
										<li class="price">
											<strong style="">83.66</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/31156107/1/2874?_cs=6&amp;rnd=1631119793&amp;fromCart=1&amp;cartType=0"></div>

												<div class="q-counter__plus rounded qty-updater" data-qty="2" data-href="/ru/cart/add/31156107/1?modelId=2874&amp;_cs=6&amp;fromCart=1&amp;cartType=0&amp;rnd=1631119793"></div>
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="/ru/cart/update/31156107/2874?_cs=6&amp;rnd=1631119793&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">83.66</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="https://pics2.alpics.info/web/public/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="Скидка: -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">
								Доставим к: 10.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>745.82</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>621.52</strong></td>
										</tr>
										<tr>
											<td>Налог:</td>
											<td><strong>124.30</strong></td>
										</tr>
										<tr>
											<td class="big">Итого к оплате, eur:</td>
											<td class="big"><strong>745.82</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 class="p-cart-summary__conditions">
							<div class="form-check">
								<label>
									<input type="checkbox" name="" value="" />
									Согласен с <a href="#modal-special-order" data-toggle="modal">условиями спецзаказа</a>
								</label>
							</div>
						</div>
						<div class="p-cart-summary__conditions">
							<div class="form-check has-error">
								<label>
									<input type="checkbox" name="" value="" />
									Согласен с <a href="#modal-special-order" data-toggle="modal">условиями спецзаказа</a>
								</label>
							</div>
						</div>
						<div class="p-cart-summary__paymethod">
							<select class="form-control warning">
								<option>Оплатить в банке сразу</option>
								<option disabled title="Заказы с пометкой Спецзаказ требуют предоплаты">Оплатить в рассрочку (свободный лемит: 9.00 eur)</option>
							</select>
							<div class="description">
								Заказы с пометкой <strong>Спецзаказ</strong> требуют предоплаты
							</div>
						</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-special-order" tabindex="-1" role="dialog" aria-labelledby="modal-special-order">
		<div class="modal-dialog modal-md modal-dialog-centered" role="document">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-body">
					У Покупателя нет права вернуть этот товар в течение 14 календарный дней с момента получения товара!
					<br />Товары с пометкой “*спецзаказ” заказываются напрямую у завода-изготовителя и возврату не подлежат.
					<div class="mb-20"></div>
					<div class="text-center">
						<a href="#" class="btn btn-primary px-24" data-dismiss="modal">Закрыть</a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}