<? 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);
?>
<section class="page-section page-section--p-t-header">
    <div class="hero hero--index hero--img-higher" data-animate="hero-block">
        <div class="container container--no-p">
            <?php foreach ($arResult["ITEMS"] as $arItem) : ?>
                <?
                $this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
                $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
                ?>
                <?
                $img1921 = CFile::GetPath($arItem["PROPERTIES"]['BG_1921']["VALUE"]);
                $img768 = CFile::GetPath($arItem["PROPERTIES"]['BG_768']["VALUE"]);
                $img767 = CFile::GetPath($arItem["PROPERTIES"]['BG_767']["VALUE"]);
                ?>
                <div class="hero__inner" id="<?= $this->GetEditAreaId($arItem['ID']); ?>">
                    <div class="hero__bg">
                        <div class="hero__bg-gradient">
                            <picture>
                                <source media="(min-width: 1921px)"
                                        srcset="<?= $img1921?>"
                                        type="image/webp">
                                <source media="(min-width: 768px)"
                                        srcset="<?= $img768?>"
                                        type="image/webp">
                                <source media="(max-width: 767px)"
                                        srcset="<?= $img767?>"
                                        type="image/webp">
                                <img src="<?= $arItem["PREVIEW_PICTURE"]["SRC"]?>"
                                     srcset="<?= $arItem["PREVIEW_PICTURE"]["SRC"]?>"
                                     alt="Изображение" width="1512" height="744" loading="lazy">
                            </picture>

                        </div>
                    </div>
                    <div class="hero__bg-pixels hero__bg-pixels--t-l" data-pixels="hero-solutions-t-l"
                         data-pixels-qty="55">
                    </div>
                    <div class="hero__bg-pixels hero__bg-pixels--b-r" data-pixels="hero-solutions-b-r"
                         data-pixels-qty="36">
                    </div>
                    <div class="hero__container">

                        <div class="hero__img" data-animate="hero-image-d-index">
                            <picture>
                                <source srcset="<?= $arItem["DETAIL_PICTURE"]["SRC"]?>"
                                        type="image/webp">
                                <img src="<?= $arItem["DETAIL_PICTURE"]["SRC"]?>"
                                     srcset="<?= $arItem["DETAIL_PICTURE"]["SRC"]?>"
                                     alt="Изображение" width="825" height="740" loading="lazy">
                            </picture>
                        </div>
                        <div class="hero__text-wrap">
                            <div class="hero__title-description-wrap">
                                <h1 class="title title--h1 hero__title"><?= $arItem["PREVIEW_TEXT"] ?></h1>
                                <p class="hero__text"><?= $arItem["DETAIL_TEXT"] ?></p>
                                <a href="#write-to-us-form" class="button button--size-m hero__btn-cta"><span class="button__text">отправить запрос</span><span
                                            class="button__icon">
        <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">

  <use xlink:href="#ai:local:icon-arrow-up-right"></use>

</svg>
      </span></a>
                            </div>
                        </div>
                    </div>
                    <div class="hero__marquee-wrap">
                        <div class="marquee hero__marquee marquee--hero-main">
                            <ul class="marquee__list">
                                <?php foreach ($arResult['SPECIALS'] as $item) : ?>
                                    <li class="marquee__item">
                                        <a target="_blank" href="<?=$item['PROPERTY_LINK_VALUE']?>"><?= $item['NAME'] ?></a>
                                    </li>

                                <? endforeach; ?>
                            </ul>
                            <ul class="marquee__list">
                                <?php foreach ($arResult['SPECIALS'] as $item) : ?>
                                    <li class="marquee__item">
                                        <a target="_blank" href="<?=$item['PROPERTY_LINK_VALUE']?>"><?= $item['NAME'] ?></a>
                                    </li>
                                <? endforeach; ?>
                            </ul>
                        </div>
                    </div>
                </div>
            <? endforeach; ?>
        </div>
    </div>
</section>
