{% extends '../_layouts/_main.twig' %}
{% set pageTitle = 'Корзина #3124091 - alvadi.ee' %}
{% block content %}
	<div class="p-cart">
		<div class="p-cart__head">
			<div class="heading-number">
				<h1 class="mb-4">Корзина</h1>
				<div class="number white">#3124091</div>
			</div>
			<div class="p-cart__topSummary">
				На скидках Вы экономите: <strong class="summary">54.50 eur</strong>
			</div>
			{#<div class="mb-24"></div>
			<div class="alert alert-danger d-inline-block">
				<div class="icobox size_16">
					<svg class="ico top-5"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
					После оплаты Вам потребуется ввести номер лицензии на использование газа. Иначе мы не сможем отправить Вам газ.
				</div>
			</div>#}

			{#<div class="mb-24"></div>
			<div class="alertBox">
				<div class="mb-12"></div>
				<div class="alert alert-info d-inline-block">
					<div class="flex-row row-8">
						<div class="flex-col-auto">
							<div class="mb-2"></div>
							<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
						</div>
						<div class="flex-col">
							После оплаты Вам потребуется заполнить форму с Вашими данными. Только так мы сможем отправить Вам газ.
							Поскольку в Вашей корзине находится хладагент, Вам потребуется заполнить
							<a href="#modal-freon-preform" class="dash-link" data-toggle="modal">форму</a> после оплаты
						</div>
					</div>
				</div>
				<div class="mb-12"></div>
				<div class="alert alert-danger d-inline-block">
					<div class="flex-row row-8">
						<div class="flex-col-auto">
							<div class="mb-2"></div>
							<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
						</div>
						<div class="flex-col">
							Газ для систем охлаждения можно купить только отдельно от других товаров. Пожалуйста, удалите другие товары.
						</div>
					</div>
				</div>
				<div class="mb-12"></div>
				<div class="alert alert-info d-inline-block">
					<div class="flex-row row-8">
						<div class="flex-col-auto">
							<div class="mb-2"></div>
							<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
						</div>
						<div class="flex-col">
							Добавьте ещё баллоны для получения бесплатной доставки. От 4-х баллонов доставка бесплатна!
						</div>
					</div>
				</div>
				<div class="mb-12"></div>
				<div class="alert alert-info d-inline-block">
					<div class="flex-row row-8">
						<div class="flex-col-auto">
							<div class="mb-2"></div>
							<svg width="16" height="16"><use xlink:href="/images/svg/main-sprite.svg#info"></use></svg>
						</div>
						<div class="flex-col">
							Вы запросили большее количество газа, чем у нас есть на складе на данный момент. Пожалуйста, напишите на figas@alvadi.ee,
							если хотите сделать дополнительный заказ и мы дозакажем газ специально для Вас.
						</div>
					</div>
				</div>
			</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>
										<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="/images/examples/r134a.jpg" data-closer="Закрыть окно"><img src="/images/examples/r134a.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>R134a - Хладагент (12 kg)</strong></a></div>
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="#"><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">29.06.2022</li>
										<li class="price"><strong style="">249</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="#"></div>
												<div class="q-counter__plus rounded qty-updater" data-qty="1" data-href="#"></div>
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="#" value="2" />
												</div>
											</div>
										</li>
										<li class="discount"><strong class="text-success d-none d-xl-block"></strong></li>
										<li class="total"><strong class="text-primary">498</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/freon/balloon.png" 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>Gas cylinder for R134a</strong></a></div>
										<div class="p-cart-table__remove">
											<a href="#" title="Удалить товар из корзины" class="qty-updater ask-for-delete" data-href="#"><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">29.06.2022</li>
										<li class="price"><strong style="">249</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="#"></div>
												<div class="q-counter__plus rounded qty-updater" data-qty="1" data-href="#"></div>#}
												<div class="q-counter__field">
													<input class="form-control qty-updater" type="text" data-initial="1" data-href="#" value="1" disabled />
												</div>
											</div>
										</li>
										<li class="discount"><strong class="text-success d-none d-xl-block"></strong></li>
										<li class="total"><strong class="text-primary">498</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>
										<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">
								<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="delivery__row">
							<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="mb-8"></div>
								<div class="alert alert-danger">
									<div class="icobox size_32">
										<svg class="ico top-n-8"><use xlink:href="/images/svg/main-sprite.svg#truck-error-delivery"></use></svg>
										<div class="mb-8 fw-bold">Внимание! Выберите другую доставку!</div>
										Itella SmartPost не может доставить выбранный товар из-за ограничения на габариты посылки.
										<br>
										<div>Выберите другой метод доставки ниже.</div>
									</div>
									<div class="mb-16"></div>
									<div class="text-right">
										<a href="/ru/cart/delivery" class="btn btn-lg btn-success fw-bold">
											Изменить доставку
											<i class="fa fa-angle-double-right"></i>
										</a>
									</div>
								</div>#}
							</div>
							<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>
						<div class="max-w-450 color-red">
							Газ для систем охлаждения можно купить только отдельно от других товаров.
							Пожалуйста, удалите другие товары.
						</div>
						<div class="mb-12"></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 footer %}
	<div class="section-footer__row">
		<ul class="m-b-0 list-inline list-inline-middle">
			<li>
				<a href="/index.html">
					<svg class="block" width="101" height="22">
						<use xlink:href="/images/svg/main-sprite.svg#logo"></use>
					</svg>
				</a>
			</li>
			<li>
				Корзина #3124091
			</li>
		</ul>
	</div>
{% endblock %}
{% block modals %}
	<div class="modal modal-flex fade" id="modal-freon-preform" tabindex="-1" role="dialog" aria-labelledby="modal-freon-preform">
		<div class="modal-dialog">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-body">
					<div class="h1">После оплаты Вам нужно будет заполнить форму:</div>

					<div class="h2">Для перепродажи спросим только данные фирмы</div>
					<div class="form-group">
						<div class="form-label">Company name:</div>
						<div class="form-control">The ACME Corporation</div>
					</div>
					<div class="form-group">
						<div class="form-label">Address:</div>
						<div class="form-control">Oak Avenue 205-6, Anytown</div>
					</div>
					<div class="form-group">
						<div class="form-label">Licensed Specialist:</div>
						<div class="form-control">John Doe</div>
					</div>
					<div class="hr"></div>
					<div class="h2">В случае личного использования спросим также сертификат</div>
					<div class="h3">I can provide the following certificates:</div>
					<div class="mb-12 pseudo-form-check"><i class="check-arrow"></i>Company certificate</div>
					<div class="form-group">
						<div class="form-control">1234567890000</div>
					</div>
					<div class="hr"></div>
					<div class="mb-12 pseudo-form-check"><i class="check-arrow"></i>Personal</div>
					<div class="form-group">
						<div class="form-label">Name</div>
						<div class="form-control">John Doe</div>
					</div>
					<div class="form-group">
						<div class="form-label">Certificate number:</div>
						<div class="form-control">1234567890000</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 %}