265 lines
12 KiB
PHP
265 lines
12 KiB
PHP
<?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($arParams, $arResult['CALCULATION'])); ?>);
|
||
});
|
||
</script>
|
||
<section data-page="position">
|
||
<div class="container">
|
||
<ul class="breadcrumbs">
|
||
<li></li>
|
||
</ul>
|
||
<h1 class="section_title no-margin"><?= $arResult['NAME']; ?></h1>
|
||
<h2 class="model"><?= $arResult['PROPERTIES']['MODIFICATION']['VALUE']; ?></h2>
|
||
<div class="model_container">
|
||
<div class="col">
|
||
<img src="<?= $arResult['PROPERTIES']['IMAGE_URL']['VALUE']; ?>" alt="<?= $arResult['NAME']; ?>" width="650px" >
|
||
<div class="model_desc">
|
||
<p><b>Ключевые характеристики</b></p>
|
||
<ul class="list-column" data-column="3">
|
||
<li>Год: <?= $arResult['PROPERTIES']['MODIFICATION_YEAR']['VALUE']; ?></li>
|
||
<li>КПП: <?= $arResult['PROPERTIES']['GER']['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>
|
||
<div class="col">
|
||
<div id="calc">
|
||
<div class="calc_body">
|
||
<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">
|
||
<button class="button button-blue" id="calculation_reset">Сбросить к базовым значениям</button>
|
||
<a href="#order" class="button button-blue">Отправить заявку</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="aside_container">
|
||
<aside>
|
||
<ul class="aside_nav">
|
||
<li>
|
||
<a href="#" data-id="1" class="car_details_menu active">Комплектация</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" data-id="2" class="car_details_menu">Характеристики</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" data-id="3" class="car_details_menu">Обслуживание </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">Комплектация</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">Характеристики</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 info_column" id="info_block_3">
|
||
<div class="touch_header">Обслуживание</div>
|
||
</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>
|
||
</div>
|
||
</div>
|
||
</section>
|