Your IP : 3.17.173.145


Current Path : /home/bitrix/ext_www/dev.ballu.in.ua/promo/transformer-system/
Upload File :
Current File : /home/bitrix/ext_www/dev.ballu.in.ua/promo/transformer-system/article.18.calculator.php

<!-- slick gallery -->
<link rel="stylesheet" href="calc/assets/css/slick.css">
<link rel="stylesheet" href="calc/assets/css/slick-theme.css">
<link rel="stylesheet" href="calc/assets/css/animate.css">
<link rel="stylesheet" href="calc/assets/css/nice-select.css">

<!-- дополнительные стили калькулятора -->
<link rel="stylesheet" href="calc/assets/css/styles.css">

<!-- slick -->
<script type="text/javascript" src="calc/assets/js/slick.min.js"></script>
<!-- дополнительные скрипты калькулятора -->
<script src="calc/assets/js/jquery.nice-select.min.js"></script>
<script src="calc/assets/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="calc/assets/js/scipt.js"></script>

<div class="block calc">
	<div class="inner">
		<div class="calc-ttl">
			Соберите свой трансформер
		</div>
		<div class="calc__body">

			<div class="calc__tab calc__tab-1 active">
				<div class="calc__left">
					<div class="calc__ico">
						1
					</div>
					<div class="calc__text">Выберите мощность</div>
				</div>
				<div class="calc__middle">
					<div class="calc__slider">
						<div class="calc__slider-item">
							<div class="slider-item__img">
								<img src="calc/assets/img/slider1_0.png" alt="">
							</div>
							<div class="slider-item__text">
								<div class="calc__name">
									BEC/EVU-1000
								</div>
								<div class="calc__chars">
									<div class="calc__char">
										Мощность: 1000 Вт
									</div>
									<div class="calc__char">
										Площадь:  до 15 м2
									</div>
								</div>
								<div class="calc__price">
									<span class="elem-price">2 390</span> руб.
								</div>
							</div>
						</div>
						<div class="calc__slider-item">
							<div class="slider-item__img">
								<img src="calc/assets/img/slider1_1.png" alt="">
							</div>
							<div class="slider-item__text">
								<div class="calc__name">
									BEC/EVU-1500
								</div>
								<div class="calc__chars">
									<div class="calc__char">
										Мощность: 1500 Вт
									</div>
									<div class="calc__char">
										Площадь:  до 20 м2
									</div>
								</div>
								<div class="calc__price">
									<span class="elem-price">3 190</span> руб.
								</div>
							</div>
						</div>
						<div class="calc__slider-item">
							<div class="slider-item__img">
								<img src="calc/assets/img/slider1_2.png" alt="">
							</div>
							<div class="slider-item__text">
								<div class="calc__name">
									BEC/EVU-2000
								</div>
								<div class="calc__chars">
									<div class="calc__char">
										Мощность: 2000 Вт
									</div>
									<div class="calc__char">
										Площадь:  до 25 м2
									</div>
								</div>
								<div class="calc__price">
									<span class="elem-price">3 990</span> руб.
								</div>
							</div>
						</div>
						<div class="calc__slider-item">
							<div class="slider-item__img">
								<img src="calc/assets/img/slider1_2.png" alt="">
							</div>
							<div class="slider-item__text">
								<div class="calc__name">
									BEC/EVU-2500
								</div>
								<div class="calc__chars">
									<div class="calc__char">
										Мощность: 2500 Вт
									</div>
									<div class="calc__char">
										Площадь:  до 30 м2
									</div>
								</div>
								<div class="calc__price">
									<span class="elem-price">4 990</span> руб.
								</div>
							</div>
						</div>
					</div>
					<div class="calc__button calc__button_inline js-open-tab-2">Выбрать</div>
				</div>

			</div>

			<div class="calc__tab calc__tab-2">
				<div class="calc__left">
					<div class="calc__ico">
						2
					</div>
					<div class="calc__text">
						Выберите блок управления
					</div>
				</div>
				<div class="calc__middle">
					<div class="calc__slider">
                        <div class="calc__slider-item">
                            <div class="slider-item__img">
                                <img src="calc/assets/img/slider2_2.png" alt="">
                            </div>
                            <div class="slider-item__text">
                                <div class="calc__name">
                                    digital INVERTER BCT/EVU-2.5I
                                </div>
                                <div class="calc__chars">
                                    <div class="calc__char">
                                        Информативный LED-дисплей
                                    </div>
                                    <div class="calc__char">
                                        3 режима работы:
                                    </div>
                                    <div class="calc__char">
                                        Комфортный (от +5&deg;C до +35&deg;С)
                                    </div>
                                    <div class="calc__char">
                                        Экономичный (на 4&deg;C ниже, чем "Комфортный")
                                    </div>
                                    <div class="calc__char">
                                        Антизамерзание (поддерживание +5&deg;C)
                                    </div>
                                    <div class="calc__char">
                                        2 типа управления:
                                    </div>
                                    <div class="calc__char">
                                        Автоматический (для максимальной экономии)
                                    </div>
                                    <div class="calc__char">
                                        Пользовательский (ручное ограничение мощности)
                                    </div>
                                    <div class="calc__char">
                                        Дополнительные функции:
                                    </div>
                                    <div class="calc__char">
                                        "Таймер" на отключение (до 24 часов)
                                    </div>
                                    <div class="calc__char">
                                        Родительский контроль (блокировка кнопок)
                                    </div>
                                    <div class="calc__char">
                                        Возможность подключения SMART EYE и SMART WI-FI
                                    </div>
                                </div>
                                <div class="calc__price">
                                    <span class="elem-price" data-discount="1400">3 090</span> руб.
                                </div>
                            </div>
                        </div>
						<div class="calc__slider-item">
							<div class="slider-item__img">
								<img src="calc/assets/img/slider2_1.png" alt="">
							</div>
							<div class="slider-item__text">
								<div class="calc__name">
									Electronic BCT/EVU-2.5E
								</div>
								<div class="calc__chars">
									<div class="calc__char">
										Информативный LED-дисплей
									</div>
									<div class="calc__char">
										3 режима работы:
									</div>
									<div class="calc__char">
										Комфортный (от +5&deg;C до +35&deg;С)
									</div>
									<div class="calc__char">
										Экономичный (на 4&deg;C ниже, чем "Комфортный")
									</div>
									<div class="calc__char">
										Антизамерзание (поддерживание +5&deg;C)
									</div>
									<div class="calc__char">
										2 режима мощности: полная и половинная
									</div>
									<div class="calc__char">
										Дополнительные функции:
									</div>
									<div class="calc__char">
										"Таймер" на отключение (до 24 часов)
									</div>
									<div class="calc__char">
										Родительский контроль (блокировка кнопок)
									</div>
								</div>
								<div class="calc__price">
									<span class="elem-price" data-discount="500" >2 290</span> руб.
								</div>
							</div>
						</div>
                        <div class="calc__slider-item">
                            <div class="slider-item__img">
                                <img src="calc/assets/img/slider2_0.png" alt="">
                            </div>
                            <div class="slider-item__text">
                                <div class="calc__name">
                                    Mechanic BCT/EVU-M
                                </div>
                                <div class="calc__chars">
                                    <div class="calc__char">
                                        Два режима мощности.
                                    </div>
                                    <div class="calc__char">
                                        Интуитивное эргономичное управление.
                                    </div>
                                </div>
                                <div class="calc__price">
                                    <span class="elem-price" data-discount="0" >1 090</span> руб.
                                </div>
                            </div>
                        </div>
					</div>
					<div class="calc__button calc__button_inline js-open-tab-3">Выбрать</div>
				</div>
			</div>
			<div class="calc__tab calc__tab-3">
				<div class="calc__left calc__left_full-width">
					<div class="calc__ico">
						3
					</div>
					<div class="calc__text">
						Выберите опции
					</div>
				</div>
				<div class="calc__right calc__right_full-width">
					<div class="calc__slider-3">
						<div class="slider-3_item js-slider-3_item-1">
							<div class="slider-3_item-photo">
								<img src="calc/assets/img/slider3_0.png" alt="">
							</div>
							<div class="slider-3_item-name">
								Модуль Smart Wi-Fi
								BEC/WF-01
							</div>
							<div class="slider-3_item-checkbox">
								<div class="dotted-checkbox">
									<input id="ch1" type="checkbox" name=r1 hidden class="hidden" disabled="disabled">
									<label for="ch1"></label>
								</div>
							</div>
							<div class="slider-3_item-price" data-price="990 руб.">
								1 390 руб.
							</div>
						</div>
						<!-- <div class="slider-3_item js-slider-3_item-2">
							<div class="slider-3_item-photo">
								<img src="calc/assets/img/slider3_1.png" alt="">
							</div>
							<div class="slider-3_item-name">
								Модуль Smart EYE
								BEC/WF-02
							</div>
							<div class="slider-3_item-checkbox">
								<div class="dotted-checkbox">
									<input id="ch2" type="checkbox" name=r1 hidden class="hidden" disabled="disabled">
									<label for="ch2"></label>
								</div>
							</div>
							<div class="slider-3_item-price">
								Скоро в продаже
							</div>
						</div> -->
						<div class="slider-3_item js-slider-3_item-3">
							<div class="slider-3_item-photo">
								<img src="calc/assets/img/slider3_2.png" alt="">
							</div>
							<div class="slider-3_item-name">
								Шасси
								BFT/EVUR
							</div>
							<div class="slider-3_item-checkbox">
								<div class="dotted-checkbox">
									<input id="ch3" type="checkbox" hidden class="hidden">
									<label for="ch3"></label>
								</div>
							</div>
							<div class="slider-3_item-price">
								380 руб.
							</div>
						</div>
						<div class="slider-3_item js-slider-3_item-4">
							<div class="slider-3_item-photo">
								<img src="calc/assets/img/slider3_3.png" alt="">
							</div>
							<div class="slider-3_item-name">
								Настенное крепление <br>
								(в комплекте)
							</div>
							<div class="slider-3_item-checkbox">
								<div class="dotted-checkbox">
									<input id="ch4" type="radio" hidden class="active hidden" disabled="disabled">
									<label for="ch4"></label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="calc__tab calc__tab-4">
				<div class="calc__half">
					<div class="calc__half-name">
						Вы получаете
					</div>
					<div class="calc__cons">
						<div class="cons-item">
							<div class="cons-item__left">
								Корпус:
							</div>
							<div class="cons-item__right">
								<span class="js-body"></span>
							</div>
						</div>
						<div class="cons-item">
							<div class="cons-item__left">
								Блок управления:
							</div>
							<div class="cons-item__right">
								<span class="js-control-element"></span>
							</div>
						</div>
						<div class="cons-item">
							<div class="cons-item__left">
								Опции:
							</div>
							<div class="cons-item__right">
								<span class="js-additional-option"></span>
							</div>
						</div>
						<div class="cons-item">
							<div class="cons-item__left">
								Модуль:
							</div>
							<div class="cons-item__right">
								<span class="js-module"></span>
							</div>
						</div>
						<div class="cons-item">
							<div class="cons-item__left">
								Крепление:
							</div>
							<div class="cons-item__right">
								<span class="js-cronstain">Настенное (в комплекте)</span>
							</div>
						</div>
					</div>
				</div>
				<div class="calc__half calc__half_green">
					<a href="#from-calc-anchor">
						<div class="calc__half-name">
							Ваша выгода:
						</div>
						<div class="calc__half-text">
							<div class="cons-text-70">
							до <span class="big-big-text">70%</span> <span class="rostest-ico"><img src="calc/assets/img/print.svg" alt=""></span><br>	
							экономии электроэнергии <br>
							с блоком управления <br>
							digital INVERTER <br>
							</div>
						</div>
					</a>
				</div>
			</div>
			<div class="calc__tab  calc__tab-5">
				<div class="calc__summ">
					<div class="calc__summ-left">
						Итого:
					</div>
					<div class="calc__summ-right">
						<span class="js-summ-total"></span> руб.
					</div>
				</div>
				<div class="calc__buttons">
					<div class="calc__buttons-left">
						<a href="https://www.ballu.ru/dealers/?category=6310" class="calc__button js-open-city-block">
							Купить в своем городе
						</a>
					</div>
					<div class="calc__buttons-right js-open-popup">
						<a href="http://www.ballu.ru/catalog/tekhnika_dlya_doma_i_ofisa/obogrevateli/elektricheskie_konvektory/seriya_evolution_transformer/" class="calc__button">
							Купить на сайте Ballu
						</a>
					</div>
				</div>
			</div>
			<div class="tab-city">
            </div>

            <div class="block_city">
                <div class=" wrapper row">
                    <div class="col-md-10 col-md-offset-1">
                        <div class="cities js-open-popup-city">
                            <?
                            $arCities = [];
                            $filter = ['IBLOCK_ID' => 39,'ACTIVE' => 'Y'];
                            $arCitiesStore = CIBlockElement::GetList(
                                ['PROPERTY_CITYNAME' => 'ASC'],
                                $filter,
                                false,
                                false,
                                [
                                    'ID',
                                    'NAME',
                                    'PROPERTY_CITYNAME',
                                    'PROPERTY_SITENAME',
                                    'PROPERTY_SITEURL',
                                    'PROPERTY_PHONE'
                                ]
                            );
                            while($store = $arCitiesStore->Fetch())
                            {

                                $b = substr($store['PROPERTY_CITYNAME_VALUE'], 0, 1);
                                $b = ToUpper($b);


                                //$arCities[$b][] = $store;
                                $arCities[$b][$store['PROPERTY_CITYNAME_VALUE']][] = $store;

                            }

                            if(!empty($arCities))
                            {
                                foreach($arCities as $groupName => $group){

                            ?>

                            <div class="city__group">
                                <div class="city__liter">
                                    <?=$groupName?>
                                </div>

                                <div class="city__items">
                                    <?foreach($group as $cityName => $city):?>

                                    <a class="city__item" href=""><span class="city__name"><?=$cityName?></span>
                                        <?foreach($city as $propcity):?>
                                            <span class="info" style="display: none">
                                                <span class="tradename"><?=$propcity["NAME"]?></span>
                                                <span class="sitename"><?=$propcity["PROPERTY_SITENAME_VALUE"]?></span>
                                                <span class="siteurl"><?=$propcity["PROPERTY_SITEURL_VALUE"]?></span>
                                                <span class="phonenom"><?=$propcity["PROPERTY_PHONE_VALUE"]?></span>
                                            </span>
                                        <?endforeach;?>

                                    </a>



                                    <?endforeach;?>
                                </div>
                            </div>
                            <? }
                            } ?>

                        </div>
                    </div>
                </div>

            </div>
        </div>

<?/*?>
        <div class="cities__modal-block">
            <div class="cities__modal">
                <div class="cities__body">
                    <div class="cities__close"></div>
                    <div class="cities__header">

                    </div>
                    <div class="shops">
                    </div>
                </div>
                <div class="cities__overlay"></div>
            </div>
        </div>


				<?

				if(!empty($filter))
				{
					$arCitiesStore = CIBlockElement::GetList(
						['PROPERTY_CITY.NAME' => 'ASC'],
						$filter,
						false,
						false,
						[
							'ID',
							'NAME',
							'PROPERTY_EQUIPMENT',
							'PROPERTY_CITY',
							'PROPERTY_CITY.NAME',
							'PROPERTY_CITY.PROPERTY_COUNTRY'
						]
					);

					while($store = $arCitiesStore->Fetch())
					{
						if($store['PROPERTY_CITY_PROPERTY_COUNTRY_VALUE'] == $country)
						{
							$b = substr($store['PROPERTY_CITY_NAME'], 0, 1);
							$b = ToUpper($b);

							$arCities[$b][$store['PROPERTY_CITY_VALUE']] = $store['PROPERTY_CITY_NAME'];
						}
					}
				}

				if(!empty($arCities))
				{
					?>
					<div class="block_city bg_gray">
						<div class="wrapper row">
							<div class=" col-md-10 col-md-offset-1">
								<div class="cities">
									<?foreach($arCities as $groupName => $group):?>
										<div class="city__group">
											<div class="city__liter">
												<?=$groupName?>
											</div>
											<div class="city__items">
												<?foreach($group as $cityId => $cityName):?>
													<a class="city__item" href="/dealers/?country=<?=$country?>&city=<?=$cityId?><?=($cat?'&category='.$cat:'')?> "><?=$cityName?></a>
												<?endforeach;?>
											</div>
										</div>
									<?endforeach;?>
								</div>
							</div>
							<div class="cities__modal-block">
								<div class="cities__modal">
									<div class="cities__body">
										<div class="cities__close"></div>
										<div class="cities__header"></div>
										<div class="shops"></div>
									</div>
									<div class="cities__overlay"></div>
								</div>
							</div>
						</div>
					</div>
					<?
				}
				?>
<?*/?>

			</div>
		</div>
	</div>
</div>