{% 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 quantity_v2">Количество</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">
										<div class="title">
											<a href="/ru/kataloog/varuosa/30783317/"><strong>Бампер</strong> (код: AL30783317)</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 quantity_v2">
											<div class="p-cart-counter">
												<div class="counter">
													<div class="counter__field"><input type="text" value="1" /></div>
													<div class="counter__plus"></div>
													<div class="counter__minus"></div>
													<div class="counter__border"></div>
												</div>
												<div class="remove">
													<div class="remove__icon"><i class="fa fa-trash"></i></div>
													<div class="remove__text">Удалить</div>
												</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">
										<div class="title">
											<a href="/ru/kataloog/varuosa/51228/"><strong>Фара основная</strong> (код: AL51228)</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 quantity_v2">
											<div class="p-cart-counter">
												<div class="counter">
													<div class="counter__field"><input type="text" value="1" /></div>
													<div class="counter__plus"></div>
													<div class="counter__minus"></div>
													<div class="counter__border"></div>
												</div>
												<div class="remove">
													<div class="remove__icon"><i class="fa fa-trash"></i></div>
													<div class="remove__text">Удалить</div>
												</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">
										<div class="title"><a href="/ru/kataloog/varuosa/22701623/"><strong>Решетка в бампере</strong> (код: AL22701623)</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 quantity_v2">
											<div class="p-cart-counter">
												<div class="counter">
													<div class="counter__field"><input type="text" value="1" /></div>
													<div class="counter__plus"></div>
													<div class="counter__minus"></div>
													<div class="counter__border"></div>
												</div>
												<div class="remove">
													<div class="remove__icon"><i class="fa fa-trash"></i></div>
													<div class="remove__text">Удалить</div>
												</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 quantity_v2 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 %}