<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);
?>
<script>
	$(function()
	{
		calculator(<?= CUtil::PhpToJSObject(array_merge(gettype($arParams) === "array" ? $arParams : [], gettype($arResult['CALCULATION']) === "array" ? $arResult['CALCULATION'] : [] )); ?>);
	});
</script>
<style>
	main {overflow-x: unset;}
</style>
<section data-page="position">
<input type="hidden" id="FORM_FIELD_BRAND" value="<?= $arResult['PROPERTIES']['BRAND']['RELATED']['NAME']; ?>"/>
<input type="hidden" id="FORM_FIELD_MODEL" value="<?= $arResult['PROPERTIES']['MODEL']['RELATED']['NAME']; ?>"/>
<input type="hidden" id="FORM_FIELD_MODIFICATION" value="<?= $arResult['PROPERTIES']['MODIFICATION']['RELATED']['PROPERTIES']['TITLE']['VALUE']; ?>"/>
<input type="hidden" id="FORM_FIELD_PRICE" value=""/>
<input type="hidden" id="FORM_FIELD_PREPAID" value=""/>
<input type="hidden" id="FORM_FIELD_TERM" value=""/>
<input type="hidden" id="FORM_FIELD_REDEMPTION" value=""/>
	<div class="container">
		<ul class="breadcrumbs">
			<li></li>
		</ul>
		<h1 class="car_position_title"><em><?= $arResult['PROPERTIES']['BRAND']['RELATED']['NAME']; ?> <?= $arResult['PROPERTIES']['MODEL']['RELATED']['NAME']; ?></em><br> <?= $arResult['PROPERTIES']['MODIFICATION']['RELATED']['PROPERTIES']['TITLE']['VALUE']; ?> в лизинг</h1>
		<div class="model_container">
			<div class="col">
				<img src="<?= $arResult['PROPERTIES']['IMAGE_URL']['VALUE'] !== "" ? $arResult['PROPERTIES']['IMAGE_URL']['VALUE'] : "/images/no_image_650.png"; ?>" alt="<?= $arResult['NAME']; ?>" width="650px" >
			</div>
			<div class="col">
				<div class="model_desc">
					<p><b>Ключевые характеристики</b></p>
					<ul class="list-column">
						<li>Модельный год: <?= $arResult['PROPERTIES']['MODIFICATION_YEAR']['VALUE']; ?></li>
						<li>КПП: <?= $arResult['PROPERTIES']['GEAR']['VALUE']; ?></li>
						<li>Привод: <?= $arResult['PROPERTIES']['DRIVE']['VALUE']; ?></li>
						<li>Кузов: <?= $arResult['PROPERTIES']['BODY']['VALUE']; ?></li>
						<li>Л.с.: <?= $arResult['PROPERTIES']['ENGINE_POWER']['VALUE']; ?></li>
						<li>Объем: <?= $arResult['PROPERTIES']['ENGINE_VOLUME']['VALUE']; ?></li>
						<li>Топливо: <?= $arResult['PROPERTIES']['ENGINE_FUEL']['VALUE']; ?></li>
					</ul>
				</div>
				<div class="fixed_col" style="z-index: 10;">
					<div class="model_price">
						<h2 style="margin:0; font-size:inherit; margin-bottom: 45px; line-height: 20px;">Оформите автомобиль <?= $arResult['PROPERTIES']['BRAND']['RELATED']['NAME']; ?> <?= $arResult['PROPERTIES']['MODEL']['RELATED']['NAME']; ?> в лизинг на выгодных условиях</h2>
						<? if($arResult['ACTIVE'] == "Y"): ?>
							<p>
								Стоимость авто (от)
								<span style="font-size: <?= ($arParams['car_price'] > 9999999) ? "30px" : "34px"; ?>"><?= number_format($arParams['car_price'], 0, ".", " "); ?> ₽</span>
							</p>
							<button class="button button-blue" id="to_calculator_button">Рассчитать</button>
							<button class="button" id="to_form_button">Задать вопрос</button>
						<? else: ?>
							<p style="font-weight: normal;">
								Уточняйте наличие автомобиля у менеджеров компании Эволюция Автолизинга
							</p>
							<button class="button" id="to_form_button">Уточнить наличие</button>
						<? endif; ?>
					</div>
				</div>
			</div>
			<div class="aside_container">
				<aside>
					<ul class="aside_nav">
						<li>
							<a href="#" data-id="1" class="car_details_menu active"><h2 style="margin:0; font-size:inherit; font-weight:inherit;">Комплектация</h2></a>
						</li>
						<li>
							<a href="#" data-id="2" class="car_details_menu"><h2 style="margin:0; font-size:inherit; font-weight:inherit;">Характеристики</h2></a>
						</li>
						<li>
							<a href="#" data-id="3" class="car_details_menu"><h2 style="margin:0; font-size:inherit; font-weight:inherit;">Обслуживание</h2></a>
						</li>
					</ul>
				</aside>
				<article>
					<div class=" active">
						
					</div>
					<div class="tab_content info_block info_column active" id="info_block_1">
						<div class="touch_header opened"><h2 style="margin:0; font-size:inherit; font-weight:inherit;">Комплектация</h2></div>
						<div>
							<p><b>Основная информация</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_TOTAL_INFORMATION']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
						</div>
						<div>
							<p><b>Гарантия</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_GUARANTEE']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
						</div>
						<div>
							<p><b>Кузов</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_BODY']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
						</div>
						<div>
							<p><b>Интерьер</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_INTERIOR']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
						</div>
					</div>
					<div class="tab_content info_block info_column" id="info_block_2">
						<div class="touch_header"><h2 style="margin:0; font-size:inherit; font-weight:inherit;">Характеристики</h2></div>
						<div>
							<p><b>Технические характеристики</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_TECHNICAL_DESCRIPTION']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
						</div>
						<div>
							<p><b>Безопасность</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_SECURITY']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
							<p><b>Функциональное оснащение</b></p>
							<ul class="list-column" data-column="1">
								<? foreach(json_decode($arResult['PROPERTIES']['COMPLECTATION_FUNCTIONAL_EQUIPMENT']['~VALUE'], true) AS $key => $val): ?>
									<li><?= $key; ?>: <?= $val; ?></li>
								<? endforeach; ?>
							</ul>
						</div>
					</div>
					<div class="tab_content info_block" id="info_block_3">
						<div class="touch_header"><h2 style="margin:0; font-size:inherit; font-weight:inherit;">Обслуживание</h2></div>
						<? $APPLICATION->IncludeComponent(
							"evolution:catalog.position.info",
							"",
							Array()
							);
						?>
					</div>
					<?
					/*
					<div class="dropdown_blocks_list">
						<div class="dropdown_block open">
							<div class="block_header">
								<p>Лизинговые термины</p>
								<button class="block_toggle"></button>
							</div>
							<div class="block_body">
								<p>Амортизационные отчисления – отчисление, которые производятся каждый месяц  в течение действия договора лизинга. Амортизационные отчисления производятся в сумме, не превышающей разницу между стоимостью предмета лизинга, указанной в договоре  и его выкупной (остаточной) стоимостью, определяемой условиями лизингового контракта.</p>
								<p>
									<b>Банкротство лизингодателя</b><br>
									Банкротство лизинговой компании не является поводом для изъятия у лизингополучателя объекта лизинга, при условии, что последний не нарушил условия договора лизинга.</p>
								<p>
								<b>Внутренний лизинг</b><br>
								Лизинг, при котором всё стороны договора лизинга являются резиденты Республики Беларусь.</p>
								<ul class="list-column" data-column="2">
									<li>2021</li>
									<li>Красный рубеллит металлик </li>
									<li>8 Airbags </li>
									<li>ABS</li>
									<li>ESP</li>
									<li>светодиодные фары</li>
									<li>ц/замок</li>
									<li>эл/стекла</li>
									<li>эл/сиденья</li>
									<li>Электропривод зеркал</li>
									<li>Датчик дождя</li>
									<li>Панорамная крыша</li>
									<li>Пневмоподвеска</li>
								</ul>
							</div>
						</div>
						<div class="dropdown_block">
							<div class="block_header">
								<p>Лизинговые термины</p>
								<button></button>
							</div>
							<div class="block_body"></div>
						</div>
						<div class="dropdown_block">
							<div class="block_header">
								<p>Какие транспортные средства можно приобрести в лизинг?  </p>
								<button></button>
							</div>
							<div class="block_body"></div>
						</div>
						<div class="dropdown_block">
							<div class="block_header">
								<p>Кто может стать поставщиком в лизинговой сделке?</p>
								<button></button>
							</div>
							<div class="block_body"></div>
						</div>
						<div class="dropdown_block">
							<div class="block_header">
								<p>Схема прохождения лизинговой сделки </p>
								<button></button>
							</div>
							<div class="block_body"></div>
						</div>
					</div>
					*/
					?>
				</article>
			</div>

			<? if($arResult['ACTIVE'] == "Y"): ?>
				<div id="calc">
					<div class="calc_body">
						<h2 class="section_title">Калькулятор расчета лизинга</h2>
						<div class="calc_settings">
							<div class="settings_box">
								<p>Стоимость авто</p>
								<p>
									<span id="calculator_car_price_value">
										<?= number_format($arResult['PROPERTIES']['PRICE']['VALUE'], 0, ".", " "); ?> ₽
									</span>
									<output hidden></output>
								</p>
								<div class="price_custom" id="calculator_car_price_editor" style="display:none;">
									<input id="calculator_car_price_input" type="number" value="500000" min="500000" max="20000000" />
									<button id="calculator_car_price_save">Сохранить</button>
								</div>
								<div class="line">
									<input id="calculation_car_price" data-slider-name="car_price" type="range" min="<?= $arParams['CAR_PRICE_MIN']; ?>" max="<?= $arParams['CAR_PRICE_MAX']; ?>" step="100000" data-rangeslider value="<?= $arParams['car_price']; ?>" />
								</div>
								<p class="min"><?= $arParams['CAR_PRICE_MIN'] / 1000000; ?> млн</p>
								<p class="max"><?= $arParams['CAR_PRICE_MAX'] / 1000000; ?> млн</p>
							</div>
							<div class="settings_box">
								<p>Первоначальный взнос</p>
								<p><output></output> %</p>
								<div class="line">
									<input id="calculation_initial_payment" data-slider-name="initial_payment" type="range" min="<?= $arParams['INITIAL_PAYMENT_MIN'];?>" max="<?= $arParams['INITIAL_PAYMENT_MAX'];?>" data-rangeslider value="<?= $arParams['initial_payment']; ?>" />
								</div>
								<p class="min"><?= $arParams['INITIAL_PAYMENT_MIN'];?>%</p>
								<p class="max"><?= $arParams['INITIAL_PAYMENT_MAX'];?>%</p>
							</div>
							<div class="settings_box">
								<p>Срок договора</p>
								<p><output></output> мес.</p>
								<div class="line">
									<input id="calculation_lease_period" data-slider-name="lease_period" type="range" min="<?= $arParams['LEASE_PERIOD_MIN']; ?>" max="<?= $arParams['LEASE_PERIOD_MAX']; ?>" data-rangeslider value="<?= $arParams['lease_period']; ?>" />
								</div>
								<p class="min"><?= $arParams['LEASE_PERIOD_MIN']; ?> мес.</p>
								<p class="max"><?= $arParams['LEASE_PERIOD_MAX']; ?> мес.</p>
							</div>
							<div class="settings_box">
								<p>Выкупной платеж</p>
								<p><output></output> %</p>
								<div class="line">
									<input id="calculation_redemption_payment" data-slider-name="redemption_payment" type="range" min="<?= $arParams['REDEMPTION_PAYMENT_MIN']; ?>" max="<?= $arParams['REDEMPTION_PAYMENT_MAX']; ?>" data-rangeslider value="<?= $arParams['redemption_payment']; ?>" />
								</div>
								<p class="min"><?= $arParams['REDEMPTION_PAYMENT_MIN']; ?>%</p>
								<p class="max"><?= $arParams['REDEMPTION_PAYMENT_MAX']; ?>%</p>
							</div>
						</div>
						<div class="calc_result">
							<div class="result_box bolder">
								<p>Ежемесячный платеж</p>
								<p><span id="calculator_monthly_payment_value"><?= number_format($arResult['CALCULATION']['monthly_payment'], 0, '.', ' '); ?></span> ₽</p>
							</div>
							<div class="result_box">
								<p>Экономия по налогу на прибыль (до)</p>
								<p><span id="calculator_tax_savings_value"><?= number_format($arResult['CALCULATION']['tax_savings'], 0, '.', ' '); ?></span> ₽</p>
							</div>			
							<div class="result_box">
								<p>НДС к возмещению из бюджета (до)</p>
								<p><span id="calculator_vat_reimbursement_value"><?= number_format($arResult['CALCULATION']['vat_reimbursement'], 0, '.', ' '); ?></span> ₽</p>
							</div>
							<div class="calc_footer">
								<a href="#order" class="button button-blue">Отправить заявку</a>
								<button class="button button-blue" id="calculation_reset">Сбросить к базовым значениям</button>
							</div>
						</div>
					</div>
				</div>
			<? endif; ?>
			<? $APPLICATION->IncludeComponent(
				"evolution:catalog.other.positions",
				"",
				Array(
					"EXCEPT" => $arResult['ID'], 
					"BRAND_ID" => $arResult['PROPERTIES']['BRAND']['RELATED']['ID'], 
					"BRAND_CODE" => $arResult['PROPERTIES']['BRAND']['RELATED']['CODE'], 
					"BRAND_NAME" => $arResult['PROPERTIES']['BRAND']['RELATED']['NAME'], 
					"MODEL_ID" => $arResult['PROPERTIES']['MODEL']['RELATED']['ID'], 
					"MODEL_CODE" => $arResult['PROPERTIES']['MODEL']['RELATED']['CODE'], 
					"MODEL_NAME" => $arResult['PROPERTIES']['MODEL']['RELATED']['NAME'], 
				)
			); ?>
				<?/*
					<div class="recom_models">
						<div class="title_wrapper">
							<p class="title">Другие модели Audi A3 Sedan</p>
							<a href="#" class="button button-transparent">Показать все</a>
						</div>
						<div class="other_item">
							<a href="#">
								<span>Haval</span>
								<img src="https://evo.quickcode.ru/upload/iblock/192/5zet0bmwmm1ahj66fizv0hdz0f1z5m2l.jpg" alt="" loading="lazy">
							</a>
						</div>
						<div class="other_item">
							<a href="#">
								<span>Haval</span>
								<img src="https://evo.quickcode.ru/upload/iblock/192/5zet0bmwmm1ahj66fizv0hdz0f1z5m2l.jpg" alt="" loading="lazy">
							</a>
						</div>
						<div class="other_item">
							<a href="#">
								<span>Haval</span>
								<img src="https://evo.quickcode.ru/upload/iblock/192/5zet0bmwmm1ahj66fizv0hdz0f1z5m2l.jpg" alt="" loading="lazy">
							</a>
						</div>
					</div>
				*/?>
			<? $APPLICATION->IncludeComponent(
				"evolution:catalog.recommended.models",
				"",
				Array(
					"EXCEPT" => $arResult['PROPERTIES']['MODEL']['RELATED']['ID'], 
					"BRAND_UID" => $arResult['PROPERTIES']['BRAND']['RELATED']['PROPERTIES']['UID']['VALUE'], 
					"BRAND_CODE" => $arResult['PROPERTIES']['BRAND']['RELATED']['CODE'], 
					"BRAND_NAME" => $arResult['PROPERTIES']['BRAND']['RELATED']['NAME'], 
				)
			); ?>
				<?/*
					<div class="recom_models">
						<div class="title_wrapper">
							<p class="title">Рекомендуемые модели Audi для вас</p>
							<a href="#" class="button button-transparent">Показать все</a>
						</div>
						<div class="other_item">
							<a href="#">
								<span>Haval</span>
								<img src="https://evo.quickcode.ru/upload/iblock/192/5zet0bmwmm1ahj66fizv0hdz0f1z5m2l.jpg" alt="" loading="lazy">
							</a>
						</div>
						<div class="other_item">
							<a href="#">
								<span>Haval</span>
								<img src="https://evo.quickcode.ru/upload/iblock/192/5zet0bmwmm1ahj66fizv0hdz0f1z5m2l.jpg" alt="" loading="lazy">
							</a>
						</div>
						<div class="other_item">
							<a href="#">
								<span>Haval</span>
								<img src="https://evo.quickcode.ru/upload/iblock/192/5zet0bmwmm1ahj66fizv0hdz0f1z5m2l.jpg" alt="" loading="lazy">
							</a>
						</div>
					</div>
				*/?>
		</div>
	</div>
</section>