<? 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);
$img1921 = CFile::GetPath($arResult['BANNER']["PROPERTIES"]['BG_1921']["VALUE"]);
if (!$img1921){
    $img1921=SITE_TEMPLATE_PATH."/images/bg/bg-hero-solutions-hub-xl.webp";
}

$img768 = CFile::GetPath($arResult['BANNER']["PROPERTIES"]['BG_768']["VALUE"]);
if (!$img768){
    $img768=SITE_TEMPLATE_PATH."/images/bg/bg-hero-solutions-hub-d.webp";
}
$img767 = CFile::GetPath($arResult['BANNER']["PROPERTIES"]['BG_767']["VALUE"]);
if (!$img768){
    $img768=SITE_TEMPLATE_PATH."/images/bg/bg-hero-solutions-hub.webp";
}


?>

<div class="page-section page-section--p-t-header">
    <div class="hero hero--solutions-hub" data-animate="hero-block">
        <div class="container container--no-p">
            <div class="hero__inner">
                <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="<?= $arResult['BANNER']["PREVIEW_PICTURE"]["SRC"] ?>"
                                 srcset="<?= $arResult['BANNER']["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="breadcrumbs hero__breadcrumbs">
                        <ol class="breadcrumbs__list">
                            <li class="breadcrumbs__item">
                                <a href="/" class="breadcrumbs__link">

                                    <span class="breadcrumbs__link-text">Главная</span>

                                </a>
                            </li><li class="breadcrumbs__item">
          <span class="breadcrumbs__link breadcrumbs__link--current">

            <span class="breadcrumbs__link-text">
               <?=($arResult['BANNER']['PROPERTIES']['BREAD_NAME']['VALUE'])?$arResult['BANNER']['PROPERTIES']['BREAD_NAME']['VALUE']:"Решения"?>

            </span>

</span>
                            </li>
                        </ol>
                    </div>
                    <div class="hero__img" data-animate="hero-image-d-index">
                        <picture>
                            <source srcset="<?= $arResult['BANNER']["DETAIL_PICTURE"]["SRC"] ?>"
                                    type="image/webp">
                            <img src="<?= $arResult['BANNER']["DETAIL_PICTURE"]["SRC"] ?>"
                                 srcset="<?= $arResult['BANNER']["DETAIL_PICTURE"]["SRC"] ?>"
                                 alt="Изображение" width="2200" height="2200" loading="lazy">
                        </picture>
                    </div>
                    <div class="hero__text-wrap">
                        <div class="hero__title-description-wrap">
                            <h1 class="title title--h1 hero__title"><?= $arResult['BANNER']["PREVIEW_TEXT"] ?></h1>
                            <p class="hero__text"><?= $arResult['BANNER']["DETAIL_TEXT"] ?></p>

                            <a href="#" class="button button--size-m hero__btn-cta js-trigger"><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 is-init">
                        <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>

        </div>
    </div>

</div>
<div class="page-section">

    <div class="solutions-hub">
        <div class="container">

            <div class="solutions-hub__inner">
                <ul class="solutions-hub__list">
                    <?foreach ($arResult['ITEMS'] as $k=>$item){
                        $img768 = CFile::GetPath($item["PROPERTIES"]['PREVIEW_768']["VALUE"]);
                        $img767 = CFile::GetPath($item["PROPERTIES"]['PREVIEW_767']["VALUE"]);
                        ?>
                        <li class="solutions-hub__item <?=($k==0)?'is-active':''?>" solutions-hub__item="">
                            <div class="solution-hub-content">
                                <div class="solution-hub-content__image-wrap">
                                    <div class="solution-hub-content__image-container">
                                        <div class="solutions-elements solution-hub-content__elements">
                                            <ul class="solutions-elements__list">
                                                <?if ($item['PROPERTIES']['ICONS']['~VALUE']){
                                                    echo $item['PROPERTIES']['ICONS']['~VALUE']['TEXT'];
                                                }?>
                                            </ul>
                                        </div>
                                        <div class="solution-hub-content__image">
                                            <picture>
                                                <source media="(min-width: 768px)"
                                                        srcset="<?= $img768 ?>"
                                                        type="image/webp">
                                                <source media="(max-width: 767px)"
                                                        srcset="<?= $img767 ?>"
                                                        type="image/webp">
                                                <img src="<?= $item["PREVIEW_PICTURE"]["SRC"] ?>"
                                                     srcset="<?= $item["PREVIEW_PICTURE"]["SRC"] ?>"
                                                     alt="Картинка" width="486" height="486" loading="lazy">
                                            </picture>

                                        </div>
                                    </div>
                                </div>
                                <div class="solution-hub-content__main">
                                    <div class="section-title solution-hub-content__title">
                                        <div class="section-title__wrap">
                                            <p class="section-title__badge">
                                                  <?if ($item['PROPERTIES']['SOLUTION_TAG']['VALUE']){
                                                      echo $item['PROPERTIES']['SOLUTION_TAG']['VALUE'];
                                                    } else echo "решения";
                                                  ?>
                                              </p>
                                            <h2 data-animate="title" class="title title--h2 section-title__title
                                            words lines splitting"><?=$item['NAME']?></h2>
                                        </div>

                                    </div>
                                    <div class="solution-hub-content__content">
                                        <p>
                                            <?if ($item['PROPERTIES']['LIST_TEXT']['~VALUE']){
                                                echo $item['PROPERTIES']['LIST_TEXT']['~VALUE']['TEXT'];
                                            }?>
                                        </p>
                                    </div>
                                    <a class="button button--size-xl-m button--solid-white solution-hub-content__button" href="<?=$item['DETAIL_PAGE_URL']?>">
                                        <span class="button__text">
                                             <?if ($item['PROPERTIES']['BTN_TEXT']['VALUE']){
                                                 echo $item['PROPERTIES']['BTN_TEXT']['VALUE'];
                                              } else {?>
                                            на страницу решения
                                            <?}?>
                                        </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>
                        </li>


                    <?}?>

                </ul>
            </div>

        </div>
    </div>

</div>
<?require($_SERVER["DOCUMENT_ROOT"]."include/form/solutions_form.php");?>

