frontend/views/site/index.php

<?php
/**
 * @var $this    yii\web\View
 * @var $slider  \common\models\Slider
 * @var $objects \common\models\Objectkb
 */
use artbox\core\models\Language;
use common\models\Settings;
use frontend\assets\MapAsset;
use frontend\assets\IndexAsset;
use frontend\assets\FaqAsset;
use frontend\assets\ProductAsset;
use yii\web\View;
use yii\helpers\Url;
MapAsset::register($this);
IndexAsset::register($this);
FaqAsset::register($this);
ProductAsset::register($this);
$settings = Settings::getInstance();
$this->title = 'KB Energy';
$currentLang = Language::getCurrent();
$coordinates = [];
$coordinates['lat'] = empty($settings->lat) ? 0 : $settings->lat;
$coordinates['lon'] = empty($settings->lon) ? 0 : $settings->lon;
?>
<div id="main-page" class="new-index">
    <section class="main-about" style="background-image: url('/img/new-index/section-1-bg.jpg')">
        <div class="container">
            <div class="row row-flex main-about__row">
                <div class="col-xs-12 align-self-start">
                    <div class="row row-flex align-items-center main-about__wrapp_title">
                        <h1 class="main-about__title">
                            <?= \Yii::t('app', 'main-about__title') ?>
                        </h1>
                        <div class="main-about__button">
                            <a href="#"
                               class="btn button1 icon_phone modaled init-button-consultation press-consultation"
                               data-title="Отримати консультацію спеціаліста" data-toggle="modal"
                               data-target="#feedback-modal">
                                <?= \Yii::t('app', 'get_consult2') ?>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 align-self-end hidden-xs hidden-sm">
                    <div class="row row-flex">
                        <div class="main-about__item">
                            <?= \Yii::t('app', 'main-about__item-1') ?>
                        </div>
                        <div class="main-about__item">
                            <?= \Yii::t('app', 'main-about__item-2') ?>
                        </div>
                        <div class="main-about__item">
                            <?= \Yii::t('app', 'main-about__item-3') ?>
                        </div>
                        <div class="main-about__item">
                            <?= \Yii::t('app', 'main-about__item-4') ?>
                        </div>
                        <div class="main-about__item">
                            <?= \Yii::t('app', 'main-about__item-5') ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <?php if (!empty($tiles)) { ?>
        <section class="second-about">
            <div class="container">
                <div class="row">
                    <?php foreach ($tiles as $tile) { ?>
                        <div class="col-xs-6 col-sm-6 col-md-3 second-about__col">
                            <div class="second-about__item">
                                <a href="<?= $tile->lang->link ?>">
                                    <?= $tile->image->getImg([]) ?>
                                    <span><?= $tile->lang->title ?></span>
                                </a>
                            </div>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </section>
    <?php } ?>
    <section class="index-solution">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="index-solution__title index-titles"><?= \Yii::t('app', 'index-solution__title') ?></div>
                </div>
            </div>
            <?= $this->render('_objects', ['objects' => $forPrivate]) ?>
            <div class="row row-flex justify-content-center">
                <div class="index-solution__more">
                    <a href="#" class="animation-hover"><?= \Yii::t('app', 'index-solution__more') ?></a>
                </div>
            </div>
        </div>
    </section>
    <?php if(!empty($productsPrivate)) { ?>
        <section class="index-solution-slider">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="index-solution-slider__title index-titles"><?= \Yii::t('app', 'index-solution-slider__title') ?></div>
                    </div>
                </div>
                <div class="row row-flex index-solution-slider__row">
                    <?php foreach ($productsPrivate as $product) {
                        echo $this->render('_product', ['product' => $product]);
                    } ?>
                </div>
            </div>
        </section>
    <?php } ?>
    <section class="index-solution">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="index-solution__title index-titles"><?= \Yii::t('app', 'index-solution__title_company') ?></div>
                </div>
            </div>
            <?= $this->render('_objects', ['objects' => $forCompanies]) ?>
            <div class="row row-flex justify-content-center">
                <div class="index-solution__more">
                    <a href="#" class="animation-hover"><?= \Yii::t('app', 'index-solution__more') ?></a>
                </div>
            </div>
        </div>
    </section>
    <?php if(!empty($productsCompany)) { ?>
    <section class="index-solution-slider">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="index-solution-slider__title index-titles"><?= \Yii::t('app', 'index-solution-slider__title') ?></div>
                </div>
            </div>
            <div class="row row-flex index-solution-slider__row">
<?php foreach ($productsCompany as $product) {
    echo $this->render('_product', ['product' => $product]);
} ?>
            </div>
        </div>
    </section>
    <?php } ?>
    <section class="income-calculator">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="income__calculator index-titles"><?= \Yii::t('app', 'income__calculator') ?></div>
                </div>
            </div>
            <div class="row row-flex align-items-center justify-content-center income-calculator__switch">
                <div class="switch-status text active"><?= \Yii::t('app', 'switch-status-1') ?></div>
                <div class="switch-status switch"></div>
                <div class="switch-status text"><?= \Yii::t('app', 'switch-status-2') ?></div>
            </div>
            <div class="row row-flex">
                <div class="income-calculator__left">
                    <div class="income-calculator__left_wrapp">
                        <div class="col-xs-12">
                            <div class="income-calculator__left_title"><?= \Yii::t('app', 'income-calculator__left_title-1') ?></div>
                        </div>
                        <div class="col-xs-12">
                            <div class="calc-range calc-range-1"
                                 data-min="0"
                                 data-max="50"
                                 data-from="2.5"
                            >
                                <div class="price_filter first_price_li">
                                    <div class="price_slider">
                                        <input type="text" id="price_interval" name="price_interval" value=""
                                               style="display: none"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="income-calculator__left_wrapp">
                        <div class="col-xs-12">
                            <div class="income-calculator__left_title"><?= \Yii::t('app', 'income-calculator__left_title-2') ?></div>
                        </div>
                        <div class="col-xs-12">
                            <div class="calc-range calc-range-2"
                                 data-min="0"
                                 data-max="5000"
                                 data-from="1500"
                            >
                                <div class="price_filter first_price_li">
                                    <div class="price_slider">
                                        <input type="text" id="price_interval2" name="price_interval" value=""
                                               style="display: none"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="income-calculator__right">
                    <div class="col-xs-12">
                        <div class="income-calculator__right_item">
                            <i><?= \Yii::t('app', 'calc-text-1') ?></i>
                            <span class="income-cost">14 000 $</span>
                        </div>
                        <div class="income-calculator__right_item">
                            <i><?= \Yii::t('app', 'calc-text-2') ?></i>
                            <span class="income-year">1450 $</span>
                        </div>
                        <div class="income-calculator__right_item">
                            <i><?= \Yii::t('app', 'calc-text-3') ?></i>
                            <span class="income-payback">8 <?= \Yii::t('app', 'calc-text-4') ?></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row row-flex justify-content-center">
                <div class="income-calculator__button">
                    <a href="#" class="animation-hover" data-title="Отримати консультацію спеціаліста"
                       data-toggle="modal" data-target="#feedback-modal">
                        <?= \Yii::t('app', 'get_consult2') ?>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="bar background-gray no-mb partners-wr">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h2 class="index-titles"><?= \Yii::t('app', 'object_partners') ?></h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 partners-wr__col">
                    <ul class="owl-carousel customers">
                        <li class="item">
                            <a href="#" target="_blank"><img src="/img/customer-1.png" alt=""
                                                             class="img-responsive"></a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank"><img src="/img/customer-2.png" alt=""
                                                             class="img-responsive"></a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank"><img src="/img/customer-3.png" alt=""
                                                             class="img-responsive"></a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank"><img src="/img/customer-4.png" alt=""
                                                             class="img-responsive"></a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank"><img src="/img/customer-5.png" alt=""
                                                             class="img-responsive"></a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank"><img src="/img/customer-6.png" alt=""
                                                             class="img-responsive"></a>
                        </li>
                    </ul>
                    <!-- /.owl-carousel -->
                </div>
            </div>
        </div>
    </section>
    <section class="section-text">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="home-text-wr">
                        <?php if ($currentLang->url == 'ru') { ?>
                            <p>Проектирование солнечных станций в Украине — это разработка технической документации, а
                                также сметы вашего проекта.</p>
                            <p>В проектирование входит ТЭО, обязательный анализ потребления энергии, электросхема,
                                продумывание монтажа опорных компонентов, а также расчеты наиболее оптимального угла для
                                выработки солнечной энергии и согласование с контролирующими органами.</p>
                            <h2>Этапы проектирования солнечных электростанции</h2>
                            <p>В перечень услуг проектирования солнечной электростанции входит:</p>
                            <ul>
                                <li>Составление пояснительной записки в которой собраны данные про показатели
                                    электроснабжения, электропотребителей, расчет нагрузок, учет электроэнергии, контур
                                    заземления, защитные меры, и расчетная таблица электрической нагрузки на розетки.
                                </li>
                                <li>Оценка влияния на окружающею среду — это оценка влияния СЭС на близлежащие водоемы,
                                    флору и фауну региона строительства объекта.
                                </li>
                                <li>Генеральный план проекта солнечной электростанции — это чертеж-карта с инженерными
                                    отметками размещения объекта.
                                </li>
                                <li>Архитектурно-строительные решения — это составление реализуемого фундамента под КТП
                                    (комплектные трансформаторные подстанции), проведение видеонаблюдения и охраны
                                    территории, а также монтаж подходящих металлоконструкций крепления фотомодулей.
                                </li>
                                <li>Описание методов изготовления и вида металла для металлоконструкций вашего
                                    проекта.
                                </li>
                                <li>Электротехнические решения — готовый документ в котором описываются
                                    энергоэффективные решения для вашего проекта, в частности, возможность выработки
                                    солнечной энергии с помощью СЭС.
                                </li>
                                <li>Создание 3D-модели будущей СЭС с помощью специального программного обеспечения.</li>
                                <li>Сметная документация — это завершающий этап проектирования солнечных электростанций
                                    с описанием целесообразности и реализуемости, в него также входит просчет объекта
                                    (как государственного) на основе денег из бюджета Украины для дальнейшего
                                    подключения по Зеленому тарифу.
                                </li>
                            </ul>
                            <h2>Строительство солнечных электростанций</h2>
                            <p>После проектирования СЭС осуществляется строительство солнечных электростанций. На этом
                                этапе делают опорные установки и конструкции под специальным углом наклона, также на
                                крышу монтируют кремниевые или поликристаллические солнечные батареи.</p>
                            <h2>Почему это мы?</h2>
                            <p>Наш большой опыт позволил воплотить в жизнь уже свыше 200 проектов, а также
                                проектирование первой солнечной электростанции по Зеленому тарифу в Киевской области.
                                Преимущества компании KB Energy:</p>
                            <ul>
                                <li>Полное сопровождение клиентов по Зеленому тарифу;</li>
                                <li>Штат высококвалифированных команды;</li>
                                <li>Поставка оригинального оборудования;</li>
                                <li>Консультация по всем вопросам входящее в стоимость;</li>
                                <li>Предоставляем решения для частных и коммерческих проектов;</li>
                                <li>Партнерство с Укргазбанком;</li>
                                <li>Быстрая реализация вашего проекта.</li>
                            </ul>
                        <?php } else if ($currentLang->url == 'ua') { ?>
                            <p>Проектування сонячних станцій в Україні - це розробка технічної документації, а також
                                кошторису вашого проекту.</p>
                            <p>У проектування входить ТЕО, обов'язковий аналіз споживання енергії, схема живлення,
                                продумування монтажу опорних компонентів, а також розрахунки найбільш оптимального кута
                                для вироблення сонячної енергії і узгодження з контролюючими органами.</p>
                            <h2>Етапи проектування сонячних електростанції</h2>
                            <p>У перелік послуг проектування сонячної електростанції входить:</p>
                            <ul>
                                <li>Складання пояснювальної записки в якій зібрані дані про показники електропостачання,
                                    електроспоживачів, розрахунок навантажень, облік електроенергії, контур заземлення,
                                    захисні заходи, і розрахункова таблиця електричного навантаження на розетки.
                                </li>
                                <li>Оцінка впливу на навколишнє середовище - це оцінка впливу СЕС на довколишні водойми,
                                    флору і фауну регіону будівництва об'єкта.
                                </li>
                                <li>Генеральний план проекту сонячної електростанції - це креслення-карта з інженерними
                                    відмітками розміщення об'єкта.
                                </li>
                                <li>Архітектурно-будівельні рішення - це складання реалізованого фундаменту під КТП
                                    (комплектні трансформаторні підстанції), проведення відеоспостереження та охорони
                                    території, а також монтаж відповідних металоконструкцій кріплення фотомодулів.
                                </li>
                                <li>Опис методів виготовлення і виду металу для металоконструкцій вашого проекту.</li>
                                <li>Електротехнічні рішення - готовий документ в якому описуються енергоефективні
                                    рішення для вашого проекту, зокрема, можливість вироблення сонячної енергії за
                                    допомогою СЕС.
                                </li>
                                <li>Створення 3D-моделі майбутньої СЕС за допомогою спеціального програмного
                                    забезпечення.
                                </li>
                                <li>Кошторисна документація - це завершальний етап проектування сонячних електростанцій
                                    з описом доцільності і можливості бути реалізованим, в нього також входить
                                    прорахунок об'єкта (як державного) на основі грошей з бюджету України для подальшого
                                    підключення по Зеленим тарифом.
                                </li>
                            </ul>
                            <h2>Будівництво сонячних електростанцій</h2>
                            <p>Після проектування СЕС здійснюється будівництво сонячних електростанцій. На цьому етапі
                                роблять опорні установки і конструкції під спеціальним кутом нахилу, також на дах
                                монтують кремнієві або полікристалічні сонячні батареї.</p>
                            <h2>Чому це ми?</h2>
                            <p>Наш великий досвід дозволив втілити в життя вже понад 200 проектів, а також проектування
                                першої сонячної електростанції по Зеленим тарифом в Київській області. Переваги компанії
                                KB Energy:</p>
                            <ul>
                                <li>Повний супровід клієнтів по Зеленим тарифом;</li>
                                <li>Штат висококваліфірованних команди;</li>
                                <li>Поставка оригінального устаткування;</li>
                                <li>Консультація з усіх питань входить у вартість;</li>
                                <li>Надаємо рішення для приватних і комерційних проектів;</li>
                                <li>Партнерство з Укргазбанком;</li>
                                <li>Швидка реалізація вашого проекту.</li>
                            </ul>
                        <?php } ?>
                    </div>
                    <div class="more-text">
                        <span class="more-text__span" data-more="<?= \Yii::t('app', 'more-text') ?>"
                              data-hide="<?= \Yii::t('app', 'hide-text') ?>"><?= \Yii::t('app', 'more-text') ?><i></i></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="media-about-section">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h2 class="media-about-section__title index-titles"><?= \Yii::t('app', 'index_medias1') ?></h2>
                </div>
            </div>
            <div class="about row">
                <div class="col-md-8 col-sm-7 col-xs-12 smi_left">
                    <div class="video">
                        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/4XJ_UHggzto"
                                frameborder="0" allowfullscreen=""></iframe>
                    </div>
                </div>
                <div class="col-md-4 col-sm-5 col-xs-12 smi_right">
                    <div class="media-about-section__text">
                        <?= \Yii::t('app', 'index_medias2') ?>
                    </div>
                    <div class="media-about-section__button">
                        <a
                                href="<?= Url::toRoute(['object/index']) ?>"
                                class="animation-hover"
                        >
                            <?= \Yii::t('app', 'more_about_ours') ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section-question">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="section-question__title index-titles"><?= \Yii::t('app', 'section-question__title') ?></div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="faq__items">
                        <div class="faq__item" itemscope="" itemprop="mainEntity"
                             itemtype="https://schema.org/Question">
                            <div class="faq__item_close"></div>
                            <div class="faq__item_title" itemprop="name">Как это работает?</div>
                            <div class="faq__item_text" itemscope="" itemprop="acceptedAnswer"
                                 itemtype="https://schema.org/Answer">
                                <div itemprop="text">
                                    <p>Сначала команда специалистов делает все необходимые замеры, разрабатывает проект
                                        и устанавливает солнечную электростанцию. После мы помогаем оформить «зеленый»
                                        тариф. Далее ваша станция генерирует электроэнергию и вы ежемесячно получаете
                                        средства за её продажу.</p>
                                </div>
                            </div>
                        </div>
                        <div class="faq__item" itemscope="" itemprop="mainEntity"
                             itemtype="https://schema.org/Question">
                            <div class="faq__item_close"></div>
                            <div class="faq__item_title" itemprop="name">Сколько нужно вкладывать время?</div>
                            <div class="faq__item_text" itemscope="" itemprop="acceptedAnswer"
                                 itemtype="https://schema.org/Answer">
                                <div itemprop="text">
                                    <p>Сначала команда специалистов делает все необходимые замеры, разрабатывает проект
                                        и устанавливает солнечную электростанцию. После мы помогаем оформить «зеленый»
                                        тариф. Далее ваша станция генерирует электроэнергию и вы ежемесячно получаете
                                        средства за её продажу.</p>
                                </div>
                            </div>
                        </div>
                        <div class="faq__item" itemscope="" itemprop="mainEntity"
                             itemtype="https://schema.org/Question">
                            <div class="faq__item_close"></div>
                            <div class="faq__item_title" itemprop="name">Как не упустить прибыль и зафиксировать
                                ставку?
                            </div>
                            <div class="faq__item_text" itemscope="" itemprop="acceptedAnswer"
                                 itemtype="https://schema.org/Answer">
                                <div itemprop="text">
                                    <p>Сначала команда специалистов делает все необходимые замеры, разрабатывает проект
                                        и устанавливает солнечную электростанцию. После мы помогаем оформить «зеленый»
                                        тариф. Далее ваша станция генерирует электроэнергию и вы ежемесячно получаете
                                        средства за её продажу.</p>
                                </div>
                            </div>
                        </div>
                        <div class="faq__item" itemscope="" itemprop="mainEntity"
                             itemtype="https://schema.org/Question">
                            <div class="faq__item_close"></div>
                            <div class="faq__item_title" itemprop="name">Кто платит?</div>
                            <div class="faq__item_text" itemscope="" itemprop="acceptedAnswer"
                                 itemtype="https://schema.org/Answer">
                                <div itemprop="text">
                                    <p>Сначала команда специалистов делает все необходимые замеры, разрабатывает проект
                                        и устанавливает солнечную электростанцию. После мы помогаем оформить «зеленый»
                                        тариф. Далее ваша станция генерирует электроэнергию и вы ежемесячно получаете
                                        средства за её продажу.</p>
                                </div>
                            </div>
                        </div>
                        <div class="faq__item" itemscope="" itemprop="mainEntity"
                             itemtype="https://schema.org/Question">
                            <div class="faq__item_close"></div>
                            <div class="faq__item_title" itemprop="name">Что делать, если СЭС выйдет из строя?</div>
                            <div class="faq__item_text" itemscope="" itemprop="acceptedAnswer"
                                 itemtype="https://schema.org/Answer">
                                <div itemprop="text">
                                    <p>Сначала команда специалистов делает все необходимые замеры, разрабатывает проект
                                        и устанавливает солнечную электростанцию. После мы помогаем оформить «зеленый»
                                        тариф. Далее ваша станция генерирует электроэнергию и вы ежемесячно получаете
                                        средства за её продажу.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="index-map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2541.835332126824!2d30.647180415730542!3d50.42553957947196!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4c5184ae56b5f%3A0x90a021df035746cc!2z0YPQuy4g0KHQuNC80YTQtdGA0L7Qv9C-0LvRjNGB0LrQsNGPLCAxMywg0JrQuNC10LIsIDAyMDAw!5e0!3m2!1sru!2sua!4v1625051795776!5m2!1sru!2sua"
                width="100%" height="380" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </section>
</div>
<!-- Modal -->
<div class="modal fade" id="cardProduct" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content kb-modal-wrapper">
            <div class="card-content">
                <button type="button" class="btn-close close" data-dismiss="modal" data-bs-dismiss="modal"
                        aria-label="Close">
                </button>
                <div class="container big-container">
                    <div class="row row-flex">
                        <div class="col-md-4 modal-left">
                            <div class="product-image">
                                <img src="/img/new-index/slider-items/slider-item-1.jpg"
                                     alt="Промышленная солнечная электростанция 2 МВт &#34;Под ключ&#34;">
                            </div>
                        </div>
                        <div class="col-md-8 modal-right">
                            <div class="product-code">Код товара 9000</div>
                            <div class="product-title">Промышленная солнечная электростанция 2 МВт "Под ключ"</div>
                            <div class="product-body">Промышленная солнечная электростанция устанавливается в целях
                                продажи электроэнергии по "зеленому" тарифу для промышленных станций. Стоимость продажи
                                электроэнергии по "зеленому" тарифу прописана законом Украины "Про электроэнергию" и
                                составляет 0.1637 €/кВт∙ч для промышленных станций, установленных на крыше.
                            </div>
                            <form class="modal-form" method="POST" action="/action">
                                <input type="hidden" id="product-code" name="product_code" value="9000">
                                <div class="product-counter">
                                    <label class="kb-input">
                                        <div class="product-counter__label">Количество</div>
                                        <div class="product-counter__input">
                                            <input type="number" name="amount" autocomplete="off">
                                            <div class="product-counter__actions">
                                                <a class="product-counter__increment"></a>
                                                <a class="product-counter__decrement"></a>
                                            </div>
                                        </div>
                                        <div class="product-counter__value" data-currency="$" data-price="1740000.00">
                                            1232
                                        </div>
                                    </label>
                                </div>
                                <div class="modal-form__inner">
                                    <label class="kb-input">
                                        <div class="label-title">Телефон</div>
                                        <input type="tel" name="phone_number" autocomplete="off" required>
                                    </label>
                                    <div class="submit-button-wr">
                                        <button id="order-product" type="submit" class="btn big-yellow">Отправить</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>