{% set title = "Product analog button" %}
{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="d-lg-none">
		<div class="">
			<ol class="not-breadcrumb not-breadcrumb_black">
				<li>
                    <span class="item">
                        <i class="fa fa-angle-right"></i>
                        <strong>
	                        VOLVO S40 / V50 (MS/MW)
                            <span class="text-nowrap">04.2007-12.2012</span>
                        </strong>
                    </span>
				</li>
				<li>
					<a href="https://alvadi.ee/ru/zapchasti/volvo/s40-v50-ms-mw-2007/zashitnyj-kozhuh-tormoznogo-diska/">
						<i class="fa fa-angle-right"></i>
						Защитный кожух тормозного диска (2)
					</a>
				</li>
			</ol>
		</div>
	</div>
	<div class="d-none d-lg-block">
		<ol class="breadcrumb-list breadcrumb-list-lg" itemscope="" itemtype="http://schema.org/BreadcrumbList">
			<li class="breadcrumb-item-xl" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/" itemprop="item">
            <span class="ico-txt">
                <svg class="ico"><use xlink:href="/web/public/images/svg/main-sprite.svg#home"></use></svg>
                <span class="txt" itemprop="name">Главная</span>
            </span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="1">
			</li>
			<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/zapchasti/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">Каталог</span>
                    </span>
					<span class="description" itemprop="description">Все марки машин</span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="2">
			</li>
			<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/zapchasti/volvo/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">Volvo</span>
                    </span>
					<span class="description" itemprop="description">Все модели Volvo</span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="3">
			</li>
			<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/zapchasti/volvo/s40-v50-ms-mw-2007/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">S40/V50 (544/545)</span>
                        <span class="color-gray-50">04.2007-12.2012</span>
                    </span>
					<span class="description" itemprop="description">Все запчасти для VOLVO S40 / V50 (MS/MW)</span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="4">
			</li>
			<li class="breadcrumb-item last" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="https://alvadi.ee/ru/zapchasti/volvo/s40-v50-ms-mw-2007/zashitnyj-kozhuh-tormoznogo-diska/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">Защитный кожух тормозного диска</span>
                    </span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="5">
			</li>
		</ol>
	</div>

	<div class="catalog-product" itemscope="" itemtype="http://schema.org/Product">
		<div class="mb-24">
			<h1 class="mb-4">Бампер</h1>
			<div class="cpd-article">
				<i>Код товара:</i>
				<span>AL30783317</span>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="cpd-left">
			<div class="cpd-image">
				<div class="cpd-image__box">
					<a data-msg="Нажмите ESC для выхода из полноэкранного режима" href="https://pics1.alpics.info/pics/spares/big/30783317.jpg" class="cpd-image__preview aimbox-link hover click" title="Бампер">
						<img class="bg" src="https://alpics.info/web/public/images/i4x4.png" alt="">
						<img class="img" src="https://pics1.alpics.info/pics/spares/big/30783317.jpg" alt="Бампер">
					</a>
				</div>
			</div>
			<div class="mb-4"></div>
			<ul class="list-inline list-inline-2">
				<li>
					<span class="label square label-lilac">205107</span>
				</li>
			</ul>
		</div>
		<div class="cpd-right">
			<ul class="cpd-pricebox" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
				<li class="visible-xs">
					<div class="cpd-pricebox__mobile">
						<div class="price"><strong>81.55</strong> eur</div>
					</div>
				</li>
				<li class="hidden-xs">
					Цена:
					<span class="fs-24 fw-medium color-blue" itemprop="price" id="total-sum-30783317">81.55</span>
					<span>eur</span>
					<meta itemprop="priceCurrency" content="EUR">
					<meta itemprop="priceValidUntil" content="2020-12-31">
				</li>
				<li>
					<div class="dropix">
						<a href="#" class="dropix-link dash-link liisi-open-link">Рассрочка от 7.08 eur в месяц</a>
						<div class="dropix-balloon">
							<div class="dropix-content">
								<a href="#" class="closer size_16"></a>
								<ul class="mb-24 list-inline">
									<li><img src="https://pics2.alpics.info/web/public/images/icons/payment/elisi-id.png" alt=""></li>
									<li><strong>В рассрочку</strong></li>
								</ul>
								<div class="mb-8">Месячный платёж:</div>
								<div class="mb-24 row">
									<div class="col-xs-8">
										<select id="liisi-contract-length-30783317" data-spare-id="30783317" class="form-control liisi-contract-length"><option value="3">3 месяцев</option><option value="4">4 месяцев</option><option value="5">5 месяцев</option><option value="6">6 месяцев</option><option value="7">7 месяцев</option><option value="8">8 месяцев</option><option value="9">9 месяцев</option><option value="10">10 месяцев</option><option value="11">11 месяцев</option><option value="12">12 месяцев</option><option value="13">13 месяцев</option><option value="14">14 месяцев</option><option value="15">15 месяцев</option><option value="16">16 месяцев</option><option value="17" selected="selected">17 месяцев</option><option value="18">18 месяцев</option><option value="19">19 месяцев</option><option value="20">20 месяцев</option><option value="21">21 месяцев</option><option value="22">22 месяцев</option><option value="23">23 месяцев</option><option value="24">24 месяцев</option><option value="25">25 месяцев</option><option value="26">26 месяцев</option><option value="27">27 месяцев</option><option value="28">28 месяцев</option><option value="29">29 месяцев</option><option value="30">30 месяцев</option><option value="31">31 месяцев</option><option value="32">32 месяцев</option><option value="33">33 месяцев</option><option value="34">34 месяцев</option><option value="35">35 месяцев</option><option value="36">36 месяцев</option><option value="37">37 месяцев</option><option value="38">38 месяцев</option><option value="39">39 месяцев</option><option value="40">40 месяцев</option><option value="41">41 месяцев</option><option value="42">42 месяцев</option><option value="43">43 месяцев</option><option value="44">44 месяцев</option><option value="45">45 месяцев</option><option value="46">46 месяцев</option><option value="47">47 месяцев</option><option value="48">48 месяцев</option></select>                            </div>
									<div class="col-xs-4 text-right">
										<div class="mb-2"></div>
										<span class="fs-20 color-blue" id="month-payment-sum-30783317">7.08</span> eur
									</div>
								</div>
								<div class="mb-8">Первый взнос:</div>
								<div class="mb-24 row">
									<div class="col-xs-8">
										<select id="liisi-down-payment-percent-30783317" data-spare-id="30783317" class="form-control liisi-down-payment-percent">
											<option value="0">0%</option>
											<option value="5">5%</option>
											<option value="10">10%</option>
											<option value="15">15%</option>
											<option value="20">20%</option>
											<option value="25">25%</option>
											<option value="30">30%</option>
											<option value="35">35%</option>
											<option value="40">40%</option>
											<option value="45">45%</option>
											<option value="50">50%</option>
											<option value="55">55%</option>
											<option value="60">60%</option>
											<option value="65">65%</option>
											<option value="70">70%</option>
										</select>
									</div>
									<div class="col-xs-4 text-right">
										<div class="mb-2"></div>
										<span class="fs-20 color-blue" id="down-payment-sum-30783317">0.00</span> eur
									</div>
								</div>
								<a data-href="/ru/cart/add/30783317/1?_cs=2&amp;modelId=2874" data-toggle="modal" data-spare-id="30783317" data-spare-image="https://alpics.info/pics/spares/small/30783317.jpg" data-spare-name="Бампер" data-modal-id="modal-add-to-cart" data-failure-modal-id="modal-amount" data-list-virtual-ga="" class="btn btn-lg btn-primary add-to-cart-button btn-block">
									<i class="btn__ico fa fa-shopping-cart"></i> Добавить в корзину
								</a>                        <div class="mb-12"></div>
								<div class="text-center color-gray-40">Рассрочку Вы сможете оформить в корзине</div>
							</div>
						</div><!--dropix-balloon-->
					</div><!--dropix-->
				</li>
				<li>
					<ul class="mb-0 list-inline list-inline-middle">
						<li>можно заказать</li>
						<li><strong>9 шт</strong></li>
					</ul>
					<meta itemprop="availability" content="InStock">
				</li>
				<li>
					отгрузим товар:
					<div class="d-inline-block text-nowrap">
						<strong>02.10.2020, 11:55</strong>
						<div class="dropix hover">
							<a href="#" class="dropix-link fa fa-question-circle fs-18 blank-link"></a>
							<div class="dropix-balloon">
								<div class="dropix-content">
									<a href="#" class="closer size_16"></a>
									Если сделаете заказ сейчас, то товар будет доставлен со склада в магазин ALVADI <span class="label label-md label-second square">02.10.2020 10:00</span>
									<br><br>
									Адрес магазина: <span class="label label-md label-second square">Tallinn, Majaka 10</span><br><br>Доставка клиентам из Таллинна будет выполнена в этот же день.<br><br>Если вы живёте за пределами Таллинна, то получите заказ в этот же день или на один день позже (зависит от метода доставки, который Вы сможете выбрать в корзине).
								</div>
							</div><!--dropix-balloon-->
						</div><!--dropix-->
					</div>
				</li>
				<li>
					<a data-href="/ru/cart/add/30783317/1?_cs=2&amp;modelId=2874" data-toggle="modal" data-spare-id="30783317" data-spare-image="https://alpics.info/pics/spares/small/30783317.jpg" data-spare-name="Бампер" data-modal-id="modal-add-to-cart" data-failure-modal-id="modal-amount" data-list-virtual-ga="" class="btn btn-lg btn-primary add-to-cart-button btn-ico-16">
						<i class="btn__ico fa fa-shopping-cart"></i> Добавить в корзину
					</a>
				</li>
			</ul>
		</div>
		<div class="clearfix hidden-md hidden-lg"></div>
		<div class="cpd-center">
			<div class="mb-24 cpd-table-details">
				<table class="table table-no-highlight">
					<tbody>
					<tr>
						<td>Местоположение (перед/зад)</td>
						<td>
							<strong>перед</strong>
						</td>
					</tr>
					<tr>
						<td>Исполнение/цвет</td>
						<td>
							<strong>под покраску (негрунтов.)</strong>
						</td>
					</tr>
					</tbody>
				</table>
			</div>
			<dl>
				<dt class="mb-8">ОЕМ коды:</dt>
				<dd>
					<table class="mb-8 cpd-table-oem">
						<tbody>
						<tr>
							<td>OEM</td>
							<td>51117172356</td>
						</tr>
						</tbody>
					</table>
				</dd>
				<dd><a href="#product-tab-oem" class="invert-link fake-nav-tabs with-scroll">Показать ещё <i class="fa fa-angle-double-right"></i></a></dd>
			</dl>
			<ul class="list-inline list-inline-2">
				<li>
					<a href="/panel/catalog_parts.php?spare_id=30783317" target="_blank" class="label square label-violet">new admin</a>
				</li><li>
					<a href="#admin-spare-30783317" class="label square label-violet admin-spare-prices-link" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="admin-spare-30783317">admin +</a>
				</li><li>
					<a href="#admin-spare-30783317-items" class="label square label-violet admin-spare-items" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="admin-spare-30783317-items" data-spare-id="30783317">item +</a>
				</li><li>
					<a href="https://alvadi.ee/panel/alvadi_print_labels.php?spares[]=30783317&amp;no_instruction&amp;noii&amp;print_new_tags=true" class="label square label-violet" target="_blank">print price tag</a>
				</li>
			</ul>
			<div class="collapse admin-spare-block" id="admin-spare-30783317">
				<div class="row row-10">
					<div class="col-xxs-12 col-xs-7">
						<table class="table-admin">
							<tbody>
							<tr>
								<td>Закупка:</td>
								<td class="text-right text-nowrap"><strong>28.92</strong> eur</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>Частник:</td>
								<td class="text-right text-nowrap"><strong id="admin-spare-30783317-private-price">nan</strong> eur</td>
								<td>(<em id="admin-spare-30783317-private-percent">nan</em>%)</td>
							</tr>
							<tr>
								<td>Фирма (max скидка 25%):</td>
								<td class="text-right text-nowrap"><strong id="admin-spare-30783317-company-price">nan</strong> eur</td>
								<td>(<em id="admin-spare-30783317-company-percent">nan</em>%)</td>
							</tr>
							<tr>
								<td>Наша цена</td>
								<td colspan="2" class="text-right">
			                        <span class="inline-block max-w-80">
			                            <input class="form-control input-sm admin-price-input" type="text" id="admin-spare-30783317-price-input" value="81.55" data-supplier-price="28.92" data-spare-id="30783317">
			                        </span>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="text-left">
									<button class="btn min-w-80 hide-admin-btn">Hide admin</button>
								</td>
								<td class="text-right">
									<button class="btn btn-primary min-w-80 save-spare-price" data-spare-id="30783317">Save</button>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
					<div class="col-xxs-12 col-xs-5">
						<table class="table-admin">
							<tbody>
							<tr>
								<td>Поставщик:</td>
								<td><strong>ALLCAR</strong></td>
							</tr>
							<tr>
								<td>Склад:</td>
								<td><strong>POLCAR-ALLCAR</strong></td>
							</tr>
							<tr>
								<td>Группа:</td>
								<td><strong><a href="/panel/product_names.php?action=edit&amp;id=2135" target="_blank">2135</a></strong></td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="mb-24 clearfix"></div>

		<meta itemprop="name" content="Бампер">
		<meta itemprop="mpn" content="">
		<meta itemprop="manufacturer" content="">
		<meta itemprop="brand" content="">
		<meta itemprop="isAccessoryOrSparePartFor" content="BMW X5 (E70) 10.2006-04.2010">
		<meta itemprop="sku" content="AL30783317">
		<meta itemprop="image" content="https://pics1.alpics.info/pics/spares/big/30783317.jpg">
		<meta itemprop="description" content="Товар: Бампер, Свойства: перед, под покраску (негрунтов.)">
	</div><!--catalog-product-->
	<div class="widget widget-similar">
		<div class="widget-head">Похожие товары</div>
		<div class="widget-body">
			<ul class="widget-list">
				<li>
					<a href="https://alvadi.ee/ru/zapchasti/volvo/s40-v50-ms-mw-2007/zashitnyj-kozhuh-tormoznogo-diska/#scroll31176801" class="widget-item gtm-similar">
						<div class="widget-item__image img-aligner">
							<img class="img-aligner__bg" src="https://alpics.info/web/public/images/i4x4.png" alt="">
							<img class="img-aligner__img" src="https://pics3.alpics.info/pics/product_groups_default_pics/ww/ru/medium/1910.jpg" alt="">
						</div>
						<div class="widget-item__title">
							Защитный кожух тормозного диска                    </div>
						<div class="widget-item__price"><strong>75.90</strong> eur</div>
					</a>
				</li>        </ul>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="mb-48"></div>


	<div class="catalog-product-tabs">

		<div class="mb-40 nav-tabs-scroll" id="tabs-header">
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#product-tab-comp" data-toggle="tab" data-href="https://alvadi.ee/ru/kataloog/varuosa/31264459/26232?loadTab=product-tab-comp" aria-expanded="true">Таблица совместимости (3)</a>
				</li>
				<li class="">
					<a href="#product-tab-oem" data-toggle="tab" aria-expanded="false">ОЕМ коды (4)</a>
				</li>
			</ul>
		</div>
		<div class="tab-content">
			<div class="tab-pane active" id="product-tab-comp">
				<div class="mb-24 fs-16">Выбранная запчасть подходит на следующие автомобили:</div>

				<div class="catalog-product-match">

					<div class="match-title">VOLVO S40 / V50 (MS/MW)
						<span>
                04.2007-12.2012
            </span>
					</div>
					<a href="https://alvadi.ee/ru/zapchasti/volvo/s40-v50-ms-mw-2007/zashitnyj-kozhuh-tormoznogo-diska/" class="match-more">перейти к модели
						<i class="fa fa-angle-double-right"></i></a>
					<div class="mb-12"></div>
					<div class="scroller-x hidden-xs">
						<table class="table table-no-highlight table-light">

							<thead>
							<tr>
							</tr>
							</thead>

							<tbody>
							</tbody>

						</table>
					</div>
				</div>
				<div class="catalog-product-match">

					<div class="match-title">VOLVO C30
						<span>
                10.2006-01.2010
            </span>
					</div>
					<a href="https://alvadi.ee/ru/zapchasti/volvo/c30-2006/zashitnyj-kozhuh-tormoznogo-diska/" class="match-more">перейти к модели
						<i class="fa fa-angle-double-right"></i></a>
					<div class="mb-12"></div>
					<div class="scroller-x hidden-xs">
						<table class="table table-no-highlight table-light">

							<thead>
							<tr>
							</tr>
							</thead>

							<tbody>
							</tbody>

						</table>
					</div>
				</div>
				<div class="catalog-product-match">

					<div class="match-title">VOLVO C30
						<span>
                01.2010-...
            </span>
					</div>
					<a href="https://alvadi.ee/ru/zapchasti/volvo/c30-2010/zashitnyj-kozhuh-tormoznogo-diska/" class="match-more">перейти к модели
						<i class="fa fa-angle-double-right"></i></a>
					<div class="mb-12"></div>
					<div class="scroller-x hidden-xs">
						<table class="table table-no-highlight table-light">

							<thead>
							<tr>
								<th>Период применения.</th>
								<th>Местоположение (перед/зад)</th>
							</tr>
							</thead>

							<tbody>
							<tr>
								<td>-12.13</td>
								<td>зад</td>
							</tr>
							</tbody>

						</table>
					</div>
					<div class="visible-xs">
						<table class="table table-dashed">
							<tbody>
							<tr>
								<td>Период применения.</td>
								<td><strong>-12.13</strong></td>
							</tr>
							<tr>
								<td>Местоположение (перед/зад)</td>
								<td><strong>зад</strong></td>
							</tr>
							</tbody>
						</table>
						<div class="mb-24"></div>
					</div>
				</div>
				<div class="mb-40"></div>
			</div>
			<div class="tab-pane" id="product-tab-oem">
				<div class="catalog-product-match__head">
					Производители запчастей используют коды, чтобы правильно опознать запчасть. <br>
					Ниже увидите список кодов, с которыми эта запчасть совместима:
				</div>
				<div class="catalog-product-match__oem">
					<table class="text-nowrap">
						<tbody>
						<tr>
							<td>ALVADI</td>
							<td>

								AL3<em class="highlight highlight-body">1</em>264459
							</td>
						</tr>
						<tr>
							<td>OEM</td>
							<td>

								30666360
							</td>
						</tr>
						<tr>
							<td>OEM</td>
							<td>

								9009870
							</td>
						</tr>
						<tr>
							<td>EAN13</td>
							<td>

								5903<em class="highlight highlight-body">1</em>07<em class="highlight highlight-body">1</em>22949
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="content-separator"></div>
	<div class="d-lg-none">
		<ol class="breadcrumb-list breadcrumb-list-xl" itemscope="" itemtype="http://schema.org/BreadcrumbList">
			<li class="breadcrumb-item-xl" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/" itemprop="item">
		            <span class="ico-txt">
		                <svg class="ico"><use xlink:href="/web/public/images/svg/main-sprite.svg#home"></use></svg>
		                <span class="txt" itemprop="name">Главная</span>
		            </span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="1">
			</li>
			<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/zapchasti/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">Каталог</span>
                    </span>
					<span class="description" itemprop="description">Все марки машин</span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="2">
			</li>
			<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/zapchasti/volvo/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">Volvo</span>
                    </span>
					<span class="description" itemprop="description">Все модели Volvo</span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="3">
			</li>
			<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="/ru/zapchasti/volvo/s40-v50-ms-mw-2007/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">S40/V50 (544/545)</span>
                        <span class="color-gray-50">04.2007-12.2012</span>
                    </span>
					<span class="description" itemprop="description">Все запчасти для VOLVO S40 / V50 (MS/MW)</span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="4">
			</li>
			<li class="breadcrumb-item last" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
				<a href="https://alvadi.ee/ru/zapchasti/volvo/s40-v50-ms-mw-2007/zashitnyj-kozhuh-tormoznogo-diska/" itemprop="item">
					<span class="name" itemprop="name">
                        <span class="red">Защитный кожух тормозного диска</span>
                    </span>
				</a>
				<i class="fa fa-angle-right"></i>
				<meta itemprop="position" content="5">
			</li>
		</ol>
	</div>
{% endblock %}